body { margin: 0px; padding: 0px; background-color: #005692; }

body							{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #444; }
#container						{ position: relative; background-color: #f8f8f8; background-image: url('/template/headerbg.gif'); background-repeat: repeat-x; }
#container .content_container	{ position: relative; width: 987px; margin: 0px auto; padding-left: 10px; padding-right: 10px; }
#header							{ height: 128px; }
#logo							{ width: 300px; float: left; margin-left: 15px; }

#topnav							{ width: 500px; float: right; height: 27px; text-align: right; margin-top: 10px; margin-right: 15px; padding-top: 3px; background-image: url('/template/topnav_bg.gif'); background-repeat: no-repeat; background-position: right top; }
#topnav a						{ color: #fff; text-transform: uppercase; font-size: 11px; text-decoration: none; background-image: url('/template/topnav_bullet.gif'); background-repeat: no-repeat; padding-right: 20px; background-position: right center; margin-right: 20px; line-height: 20px; font-weight: bold; }
#topnav a:hover,
#topnav a.current				{ color: #fff949; }

#mainnav						{ width: 670px; float: right; height: 68px; background: #CCC; }
#mainnav a						{ display: block; float: left; height: 68px; background-image: url('/template/mainnav2.gif'); background-repeat: no-repeat; }
#mainnav #nav1					{ width: 133px; }
#mainnav #nav1:hover, 
#mainnav #nav1.selected			{ background-position: 0px -68px; }
#mainnav #nav2					{ width: 137px; background-position: -133px 0px; }
#mainnav #nav2:hover,
#mainnav #nav2.selected			{ background-position: -133px -68px; }
#mainnav #nav3					{ width: 137px; background-position: -270px 0px; }
#mainnav #nav3:hover,
#mainnav #nav3.selected			{ background-position: -270px -68px; }
#mainnav #nav4					{ width: 137px; background-position: -407px 0px; }
#mainnav #nav4:hover,
#mainnav #nav4.selected			{ background-position: -407px -68px; }
#mainnav #nav5					{ width: 126px; background-position: -544px 0px; }
#mainnav #nav5:hover,
#mainnav #nav5.selected			{ background-position: -544px -68px; }


#banner_container				{ background-image: url('/template/banner_bg.gif'); background-repeat: no-repeat; }
#banner							{ background-image: url('/template/banner_footer.gif'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 23px; padding-left: 17px; padding-top: 16px; padding-right: 21px; position: relative; }
#banner #btn_prev				{ width: 40px; height: 40px; position: absolute; top: 60px; left: -15px; cursor: pointer; }
#banner #btn_next				{ width: 40px; height: 40px; position: absolute; top: 60px; right: -31px; cursor: pointer; }

#content						{ position: relative; padding: 0px; }
#sidebar						{ width: 233px; background: url(/template/sidebarbg.gif) repeat-y; vertical-align: top; }
#body							{ position: relative; vertical-align: top; width: 740px; }

#sidebar a						{ font-size: 13pt; color: #006fbb; font-weight: normal; display: inline-block; height: 24px; width: 208px; text-decoration: none; padding-top: 6px; padding-left: 15px; margin-bottom: 2px; }
#sidebar a:hover				{ text-decoration: underline; }
#sidebar a.active				{ background: url(/template/sidenav_bg_active.gif) no-repeat; color: #fff; }
#sidebar a.active:hover			{ text-decoration: none; }



h1, h2, h3, h4, h5				{ line-height: normal; font-weight: normal; margin: 0px; padding: 0px; margin-bottom: 20px; color: #000; }
h1								{ font-size: 26px; }
h2								{ font-size: 22px; }
h3								{ font-weight: bold; margin-bottom: 5px; font-size: 14px; }
p								{ margin: 0px; padding: 0px; margin-bottom: 10px; }
.highlight						{ background-color: #e2e2e2; padding: 2px; }
.image							{ padding: 2px; border: 1px solid #ccc; background: #fff; }
.image_left						{ padding: 2px; border: 1px solid #ccc; float: left; margin-right: 10px; background: #fff; }
.image_right					{ padding: 2px; border: 1px solid #ccc; float: right; margin-left: 10px; background: #fff; }
.blue							{ color: #008CE6; }

a								{ outline: none; color: #006fbb; }
a img							{ border: none; }
a.arrow_link					{ background-image: url('/template/arrowlink.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 18px; text-transform: uppercase; font-weight: bold; color: #006fbb; text-decoration: none; }
a:hover							{ text-decoration: underline; }

li								{ margin-bottom: 5px; }

label { display: block; margin-bottom: 5px; }
input[type=text],
textarea { border: 1px solid #ccc; width: 200px; margin-bottom: 5px; padding: 2px; }
textarea { width: 420px; }

#footer_content					{ background-image: url('/template/footer_contentbg.gif'); background-repeat: repeat-x; background-color: #0073c3; padding-top: 35px; padding-bottom: 30px; color: #ffffff; }
#footer_content h2				{ color: #fff; }
#footer_copy					{ background-image: url('/template/footer_bg.gif'); background-repeat: repeat-x; padding-top: 20px; padding-bottom: 30px; background-color: #005692; color: #9bb3c3; }
#footer_copy a					{ color: #41b1ff; text-decoration: underline; }
#footer_nav						{ float: right; }
#footer_nav a					{ text-decoration: none; margin: 0 5px 0 5px; }
#footer_nav a:hover				{ text-decoration: underline; }

/* Clear fix! */
#container .clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container .clearfix 			{ display: inline-block; }
* html .clearfix 				{ height: 1%; }
#container .clearfix			{ display: block; }

/* Message boxes */
#container .info, .success, .warning, .error, .validation {display: inline-block; border: 1px solid;margin: 10px 0px;padding:10px;background-repeat: no-repeat;background-position: 10px center;}
#container .info {color: #00529B;background-color: #BDE5F8;background-image: url('info.png');}
#container .success {color: #4F8A10;background-color: #DFF2BF;background-image:url('success.png');}
#container .warning {color: #9F6000;background-color: #FEEFB3;background-image: url('warning.png');}
#container .error {color: #D8000C;background-color: #FFBABA;background-image: url('error.png');}