﻿* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; }

body { background-color: #FFFFFF; font-size: 100%; color: #606060; }
img { border: 0px; }

a { color: #000080; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #262553; line-height: 1.4em;}
h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 120%; font-weight: normal; }
h3 { font-size: 110%; font-weight: bold; }

input, select, textarea { font-size: 100%; }

p { padding-top:4px; }

table.data, table.small-data { margin-bottom: 10px; }
table.data th, table.small-data th { text-align: left; }
table.data th, table.data td, table.small-data th, table.small-data td { vertical-align: top; padding: 2px; }

table.small-data { font-size: 90%; }

#root { font-size: 80%; width: 760px; }
	#topbar { height: 20px; font-size: 1px; background-color: #BBC6D2; background-image: url(../images/topbarc.gif); background-repeat: no-repeat; background-position: top right; }
	#logo { width: 155px; height: 85px; margin: 0px 0px 12px 20px; }

	#body { border-top: 2px solid #000077; }

		#navigation { float: left; width: 180px; padding-top: 10px; padding-bottom: 20px; }
			#navigation ul { list-style: none; }
			#navigation li { display: inline; }

		#feature-panel { float: right; margin-top: -25px; width: 300px; height: 100px; }
			#top-bit { height: 128px; overflow: hidden; background-color: #FFAC80; background-image: url(../images/orangel.gif); background-repeat: no-repeat; background-position: top left; }
				#feature-photo { float: right; }
				#top-content { padding: 8px 12px; color: #FFFFFF; font-size: 120%; }
			#bottom-bit { float: right; width: 169px; border-left: 2px solid #666666; border-right: 2px solid #666666; }
				#bottom-content-container { clear: left; margin-top: 36px; border-top: 2px solid #666666; background-color: #FFBD99; }
					#bottom-content { padding: 16px 16px 0px 16px; color: #262553; font-style: italic; line-height: 1.4em;}
			#bottom-bit-image { text-align: right; }

		#content { line-height: 1.4em; padding: 6px;}
		#content p { padding-bottom: 6px; }
			#content ul,ol { padding-left: 1.3em; margin-left: 1.3em; }
				#content li { margin-bottom: 0.5em; }
			#videoplayer { margin-top: 20px; text-align: center; }

	#footer { clear: both; height: 24px; width: 960px; background-color:#b2b2b2; text-align: center; }
	#footer a { color: #666666; }

.nav1:link, .nav1:visited { color: #112d3e; text-decoration: none; display: block; padding: 4px 8px; }
.nav1:hover, .nav1:active { background-color: #527c94; color:#FFFFFF; }

.nav2:link, .nav2:visited { font-size: 90%; color: #112d3e; text-decoration: none; display: block; padding: 4px 8px 4px 24px; background-color:#e4f5fd; }
.nav2:hover, .nav2:active { background-color: #527c94; color:#FFFFFF; }

#navigation a.current { background-color: #3a6177; color: #FFFFFF }

.smaller { font-size: 90%; }
.error { font-weight: bold; color: #FF0000; font-size: 90%; text-align: center; }
.mandatoryfield { color: #FF0000; font-weight: bold; }
.error404 { color: #FF0000; }
.no-padding { padding: 0px; margin: 0px; }


.pad { padding: 10px; }
#main { width: 960px; margin: auto; border: 1px solid #b2b2b2; background-image: url(../2008images/bk.gif); background-repeat: repeat; background-position: top left; }
#left { width: 180px; background-color:#c3e9fe; float:left; }
#mid { width: 480px; background-color:#ffffff; float:left; }
#right { width: 300px; background-color:#c72d25; float:right; color:#FFFFFF; }
#right p { font-size:14px; color: #FFE1E2; font-style:italic; }
#topleft { height: 135px; background-color:#ffffff; }
#topmid { height: 135px; background-color:#e4f5fd; text-align:right; }
#topright { height: 135px; background-color:#c9e0f0; color: #FFFFFF; }
#topleft2 { height: 24px; background-color:#add7ed; }
#topmid2 { height: 24px; background-color:#b71e16; color:#FFFFFF; }
#topright2 { height: 24px; background-color:#b71e16; color:#ffffff; text-align: right; }
#topright2 a { color: #FFFFFF; padding:0; margin:0; font-style: normal; }
#topright2 p { color: #FFFFFF; font-size: 11px; margin:0; font-style: normal; text-align: center; }
#legal { color: #999999; }
