/*****************
 GLOBAL
*****************/

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	margin:0;
	padding:0;
	color: #000;
	background: #ddd url(images/bodyback.gif) repeat-x fixed center top;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 2.0em; color: #036; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.6em; color: #036; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.4em; color: #036; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}



/**********
 FORMS
**********/

form { display: inline; }


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
}

	#pagecontainer {
		width: 980px;
		background: #35a url(/images/wrapperback.gif) repeat-x top center;
	}

		#header {
			width: 960px;
			margin: 0px 10px;
			}
			

			#toplogo {
				padding: 5px 0px 5px 10px;
				width: 400px;
				float: left;
				font-size: 0.9em;
				color: #fff;
				
			}
			

			#topright {
				padding: 15px 10px 0px 0px;
				width: 300px;
				float: right;
				text-align: right;
				font-size: 0.85em;
			}

			#topright strong {
				font-size: 1.8em; 
				padding: 0px 0px 20px 0px;
				color: #fff; 
				line-height: 2.5em; 
				font-weight: normal; 
				font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
			}


		#topnav {
			width: 940px;
			height: 32px;
			padding: 5px 10px;
			margin: 0 10px;
			background: #fc2;
			font-size: 0.95em;
		}

		#maincontent {
			clear: both;
			width: 940px;
			padding: 10px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #369; text-decoration: none; }
			#maincontent a:hover { color: #369; text-decoration: underline; }

			#topimage {
				clear: both;
				width: 940px;
				border-bottom: 1px solid #69c;
			}


		#footer {
			width: 940px;
			padding: 20px 10px;
			margin: 0px 10px 10px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #123;
		}

		#footer a:link, #footer a:visited { color: #eee; text-decoration: none; }
		#footer a:hover { color: #eee; text-decoration: underline; }


		#belowfooter {
			clear: both;
			margin: 0px;
			width: 960px;
			padding: 10px;
			font-size: 0.9em;
			background: #ddd;
			color: #000;
		}
		
			#belowfootertext {
				width: 570px;
				margin: 0 20px 0 0;
				padding: 0px;
				float: left;
			}

			#belowfooterlogos {
				width: 350px;
				margin: 0px;
				padding: 0px;
				float: right;
				text-align: right;
			}
			
			.footerlogo {
				margin-left: 10px;
			}

		#belowfooter a:link, #belowfooter a:visited { color: #036; text-decoration: none; }
		#belowfooter a:hover { color: #036; text-decoration: underline; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/* TOP NAV LIST (ul#nav) is now controlled by suckerfish.css */

/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}


 /*****************
  FEATURES
 *****************/

.pagefeature1 {
	width: 900px;
	padding: 20px;
	background: url(images/bg-translightblue.gif) center top;
}


.pagefeature2 {
	width: 420px;
	float: left;
	padding: 20px;
	margin: 0 20px 0 0;
	background: url(images/bg-translightblue.gif) center top;
}

.pagefeature2end {
	margin: 0 0px 0 0;
}

.pagefeature4 {
	width: 180px;
	float: left;
	padding: 20px;
	margin: 0px 20px 20px 0;
	background: url(images/bg-transblue.gif) center top;
}

.pagefeature4end {
	margin: 0px 0px 20px 0;
}
 
/**********************
PARAGRAPHS
 ***********************/


.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}

 /**********************
  FLASH ANIMBLOCK
 ***********************/

#gallery { position: relative; }

	#flashanim {
		background: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		z-index: 1;
		width: 940px;
		height: 230px;
		border-bottom: 1px solid #69c;
	}
	
/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}
