/* CSS Document */

body {margin: 10px 0 0 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #444;}
hr {border: none; height: 1px; border-top: 1px solid #00529B; margin: 0; padding: 0; clear: both;}
h1 {font-size: 15px; margin: 0 0 10px 0; padding: 0; color: #00529B; font-weight: bold;}
h2 {font-size: 14px; margin: 0; padding: 0; font-weight: normal; letter-spacing: 0.1em; color: #00529B;}
h3 {font-size: 12px; margin: 20px 0 20px 0; padding: 0; font-weight: bold; color: #00529B;}
select {margin: 5px 0 0 0;}
a {color: #00529B; text-decoration: none;}
a:hover {text-decoration: underline;}
form {margin: 0; padding: 0;}
table {width: 100%;}
fieldset {border: 1px solid #EEB310; background-color: #fdf7e7; padding: 15px;}
textarea {width: 100%; height: 100px;}


label {width: 52px; display: block; /*background-color:#003300; */ float: left; line-height: 24px; color: #00529B;}
.textfield {width: 110px; float: left; margin: 2px 0 0 0;}


/* FRAME AREA */

#frame {width: 750px; margin: 0 auto 0 auto; background-image: url(images/back.gif); background-repeat: repeat-y; /*background-color: green;*/}
#framealt {width: 749px; margin: 0 auto 0 auto; background-image: url(images/back2.gif); background-repeat: repeat-y; /*background-color: green;*/}

/* HEADER AREA */

#header {width: 750px; float: left; color: #00529B; font-size: 12px; height: 155px; letter-spacing: 0.1em; background-color: #fff;}
#header p {padding: 0 0 0 0; _padding: 48px 0 0 0; text-align: center; line-height: 20px;}

.fpm {float: right; margin: 20px 0 0 0;}

/*#header img {float: left;}*/

/* NAVIGATION AREA */

#nav {clear: both;}
#nav ul {margin: 0; padding: 0;}
#nav li {list-style: none; margin: 0; padding: 0; float: left; letter-spacing: 0.1em;}
/*#nav a {background-color: #00529B; color: #fff; text-align: center; line-height: 30px; display: block; width: 186px;}*/
#nav a:hover, #on a {background-color: #EEB310; text-decoration: none;}
.off a {background-color: #00529B; color: #fff; text-align: center; line-height: 30px; display: block; width: 186px;}

/* BOXES */

.box {float: left; padding: 10px; _padding: 6px; border-left: 1px solid #00529B; border-top: 1px solid #00529B; /*background-color: pink;*/}

.large {width: 520px; padding: 20px 20px 20px 20px; _padding: 20px 20px 17px 20px;}
.large h1 a {color: #00529B;}
.large a {color: #EEB310; font-weight: bold;}
.large p {margin: 10px 0 10px 0; padding: 0;}

.content {width: 520px; padding: 20px 20px 20px 20px; _padding: 20px 20px 17px 20px; background-color: #fff;}
.content h1 a, .contentfull h1 a {font-weight: bold; color: #00529B;}
.content h2, contentfull h2 {margin: 10px 0 10px 0;}
.content a, .contentfull a {color: #00529B; font-weight: bold;}
.content h2 a, .contentfull h2 a {color: #00529B;}
.content p, .contentfull p {margin: 10px 0 10px 0; padding: 0;}
.content h3, .contentfull h3 {margin: 10px 0 10px 0;}
.content img, .contentfull img {margin: 0 4px 3px 0;}


.contentfull {width: 730px; padding: 20px 20px 20px 20px; _padding: 20px 20px 17px 20px;}


.medium {float: left; width: 166px; height: 525px; text-align: center; /*background-color: red;*/}
.medium p {margin: 29px 0 29px 0;}
.medium img {border: 1px solid #00529B; padding: 4px; _padding: 3px;width: 157px; height: 116px;}
.medium a:hover img  {background-color: #EEB310;}

.planner {width: 166px; _width: 174px; border-right: 1px solid #00529B;}
.planner p {margin: 12px 0 12px 0; _margin: 11px 0 9px 0; color: #00529B;}
.planner h2 {font-weight: bold; font-size: 13px; margin: 0 0 5px 0;}
.planner h3 {margin-bottom: 10px;}

.small {width: 186px; border-right: 1px solid #00529B; padding: 0;}
.small h4 {margin: 10px 0 10px 10px; padding: 0; font-size: 12px; color: #00529B;}
.small p {margin: 0 0 10px 10px;}


.card {width: 37px;}

/* FOOTER AREA */

#footer {border-top: 1px solid #00529B; float: left; clear: both; width: 749px; text-align: center; background-color: #fff;}
#footer p {margin: 10px 0 10px 0; padding: 0;}
#footer a {color: #444;}
#footer a:hover {color: #00529B;}

/* RESULTS */

.results img {width: 157px; height: 116px; float: left; margin: 0 10px 10px 0; _margin: 0 10px 0 0; border: 1px solid #00529B; padding: 4px; _padding: 3px;}
.results a:hover img  {background-color: #EEB310;}
.results h3 {margin: 10px 0 20px 0;}
.results p {margin-bottom: 20px;}

/* CALENDAR */

.calendar {background-color: #00529B; width: 0; margin: 10px; float: left;}
.calendar td {background-color: #fff; padding: 2px; text-align: center;}

/* CLASSES AND STUFF */

.navbord {border-right: 1px solid #fff;}
.blutext {color: #00529B;}
.yellowtext {color: #EEB310;}
.fieldwidth {width: 158px;}
.fieldsml {width: 120px; margin: 0 0 0 10px;}
.fieldbig {width: 400px;}
.field {width: 300px;}
.price {font-size: 15px; font-weight: bold; color: #EEB310;}
.blueback {background-color: #00529B; color: #fff;}
.yellowback {background-color: #fdf7e7;}
.yellowdarkbark {background-color: #fcf0cf;}
.colortable td {padding: 3px 10px 3px 10px;}
.right {float: right;}
.left {float: left;}
.picleft {float: left; margin: 0 20px 0 0;}
.thumb img{width: 100px; height: 75px; float: left;}
.textareasml {height: 100px; width: 159px;}
.line {margin-bottom: 20px;}

.linkage {margin-bottom: 0px;}
.linkage li {margin: 5px 0 0 0;}
.linkage a {color: #00529B; text-decoration: underline;}
.linkage a:hover {text-decoration: none;}

.featuredtitle {background-color: #00529B; width: 562px; /*_width: 542px;*/ clear: both; line-height: 30px;}
.featuredtitle h2 {color: #fff; margin: 0 0 0 20px; padding: 0;}
.featuredtitle a {color: #fff;}

/* CALENDAR */

.key {float: right;}
.key table {width: 0; margin: 0; padding: 0;}

#calendar table.month{
	width: 145px;
	float: left;
	background-color: #00529B;
}
.monthheader{
	line-height: 21px;
	text-align: center;
	background-color: #00529B; 
	vertical-align: middle;
	font-weight: bold;
	color: white;
}
#calendar tr.header {
	font-weight: bold;
	color: black;
}
#calendar td.today {
	font-weight: bold;
	background-color: #0DB14B;
	color: white;
	vertical-align: middle;
	height: 20px;
}
#calendar td.public {
	font-weight: bold;
	background-color: #7E3B33;
	color: #fff;
	vertical-align: middle;
	height: 20px;
}
#calendar td.booked {
	
	background-color: #FFCC00;
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
}
#calendar td.bookedstart {
	
	background-image: url(/images/booked_start.jpg);
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
	background-color: white;
}
#calendar td.bookedend {
	
	background-image:  url(/images/booked_end.jpg);
	color: #6D6F71;
	vertical-align: middle;
	height: 20px;
	background-color: white;
}
#calendar td.available {
	color: #6D6F71;
	background-color: #Fff;
	vertical-align: middle;
	height: 20px;
}
#calendar td.booked a, #calendar td.public a, #calendar td.today a{
	color: white;
	text-decoration: none;
}
#calendar td.booked a:hover, #calendar td.public a:hover, #calendar td.today a:hover{
	color: white;
	text-decoration: underline;
}
#calendar a{
	color: #6D6F71;
	text-decoration: none;
}
#calendar a:hover{
	color: #6D6F71;
	text-decoration: underline;
}

.error
{
    border: 2px solid red;
    width:37px;}
    
    
       .icon {float: right; margin: 0 10px 10px 0;}