/* CSS Document */
/**************** layout and layout div level formatting ******************/
body {
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:0.7em;
	color: #666666;
	background-color: #fbf5c4;
	margin:0;
	padding:0;
}
	#page {
		background-color: white;
		width:763px;
		w\idth: 760px;
		margin:10px auto 10px auto;
		padding:0;
		border-left: 1px solid #336633;
		border-right: 2px solid #999999;
		border-top: 1px solid #336633;
		border-bottom: 2px solid #999999;
	}
		#head {
			width:763px;
			w\idth: 760px;
			height:122px;
			margin:0;
			padding:0;
		}
			#logo {
				float:left;
				margin:10px 0 0 40px;
				padding:0;
			}
			#banner {
				float:right;
			}
		#mid {
			clear:both;
		}
			#left {
				width:252px;
				float:left;
				padding-top:10px;
			}
				#leftextras {
					padding:20px 10px 10px 10px;
				}
			#leftsplash {
				width:212px;
				float:left;
				padding:40px 20px 40px 20px;
				font-size:120%;
				text-align:center;
				line-height:130%;
			}
			#right {
				width:508px;
				float:right;
				padding:0;
				margin:0;
			}
				#title {
					height:25px;
					padding:0;
					margin:0;
				}
				#content {
					margin:0;
					padding:10px;
					min-height:310px;
				}
				* html #content { /*ie family only*/
					height:310px;
				}
		#foot {
			clear:both;
			padding: 3px 10px 3px 10px;
			background-color:#336633;
			color:#ffbd59;
			text-align:center;
		}
		*html #foot {
			margin-top:-4px;
			padding-top:-4px;
		}
.popuphead {
	padding:0;
	margin:0;
	border: 2px solid #336633;
	border-bottom: 1px solid #336633;
}
.popupimg {
	padding:0;
	margin:0;
	border: 2px solid #336633;
	border-top:0;
}
/******************************* links **********************************/
a:link, a:visited {
	color:#e55726;
	text-decoration:none;
}
a:hover {
	color:#0083bb;
	text-decoration:none;
}
#left a:link, #left a:visited {
	color:#0083bb;
	font-weight:bold;
	text-decoration:none;
}
#left a:hover {
	color:#e55726;
	font-weight:bold;
	text-decoration:none;
}
#foot a:link, #foot a:visited {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;	
}
#foot a:hover {
	color:#e55726;
	font-weight:normal;
	text-decoration:none;
}
		
/******************************** text ********************************/
#left ul {
	list-style-type:none;
	padding:0;
	margin:-5px 0 10px 10px;
}
#left li {
	padding-top:10px;
	font-size:120%;
	font-weight:bold;
	color:#0083bb;
	line-height:110%;
}
.title {
	color:black;
	font-weight:bold;
}
.subtitle, caption {
	text-align:left;
	font-weight:bold;
}
/******************************** form ********************************/
#content form fieldset {
	border:1px solid #666666;
	padding:10px;
}
#content form textarea {
	font-size: 1em;
	width: 65%;
	font-family: "Courier New", Courier, mono;
}
#content form select {
	font-size: 1em;
	font-family: "Courier New", Courier, mono;
}
#content form input {
	font-size: 1em;
	font-family: "Courier New", Courier, mono;
}
#content form .buttonstd {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content form .buttonsub {
	color: #4279D5;
	font-weight: bold;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 5%;
}
#content form legend {
	font-weight: bold;
	color:#666666;
}
#content form label {
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 1%;
	padding-top: 0.2em;
}
#content form p {
	margin: 0.5em 0 0 0;
}
#content form .display_none {
	display:none;
}
/******************************** other *******************************/
.nav {
	background-color:#FFFFFF;
	}
.dkblue {
	background-image:url(../images/link_line_dkblue.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.yellow {
	background-image:url(../images/link_line_yellow.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.red {
	background-image:url(../images/link_line_red.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.dkgreen {
	background-image:url(../images/link_line_dkgreen.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.ltblue {
	background-image:url(../images/link_line_ltblue.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.ltgreen {
	background-image:url(../images/link_line_ltgreen.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.purple {
	background-image:url(../images/link_line_purple.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.pink {
	background-image:url(../images/link_line_pink.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.right {
	float:right;
	margin-left:5px;
}
.clearfix:after { /* applies zero height block element after element containing the float, to equalise height */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;} /* Fixes IE-Mac */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* IE only - Holly hack to fix IE (needs element to be dimensioned, browser resizes) */
.clearfix {display: block;}
/* End hide from IE-mac */
#page #mid #rightsplash {
	float:right;
	width: 492px;
	padding-left: 16px;
}
#page #mid #rightsplash td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #006633;
	font-weight: bold;
}
#page #mid #rightsplash p {
	padding-right: 4px;
	padding-left: 4px;
}