html,body {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	height: auto;
	background: #193C7A;
}

a:link { text-decoration : none; color : #0FACDF; border: 0px; outline: none}
a:visited { text-decoration : none; color : #097B9F; border: 0px; outline: none}
a:hover { text-decoration : none; color : #E2AE02; border: 0px; outline: none}
a:active { text-decoration : none; color : #0FACDF; border: 0px; outline: none}

#wrapper {
	width: 100%;
	background: #EAEBED url(../images/bg_main.gif) repeat-x;
   position: relative;
	padding-bottom:30px;
}

#main {
	width: 961px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#header {
	width: 961px;
	height: 386px;
	background: url(../images/header_bg.jpg) no-repeat;
	margin: 0 auto;
	padding: 0px;
}

#headersubpage {
	width: 961px;
	height: 340px;
	background: url(../images/header_bg.jpg) no-repeat;
	margin: 0 auto;
	padding: 0px;
}

#logo h1 {
	padding:0;
	margin:0 0 0 0px;
	text-indent:-5000px;
	width:400px;
	height:120px;
	background: url(../images/logopr.jpg) no-repeat 10px 50px;
	float:left;
}

#logo h1 a{display:block;height:120px;width:400px}

/*Navigation bar. 
Menu by http://devthought.com/cssjavascript-true-power-fancy-menu/*/



/*End Facymenu*/

#promo {
	width: 883px;
	height: 222px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/promo.jpg) no-repeat;
	clear: right;
}

#promosubpage {
	width: 883px;
	height: 173px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/promo_subpage.jpg) no-repeat;
	clear: right;
}
.textpromo {width:450px; float:left;padding:50px 0 0 30px;margin:0}
.textpromo h1{font-family: Arial, Helvetica, sans-serif; color:#00405C; font-size:42px; margin:0px ; font-weight: 900;padding:0px 0 0 0px; letter-spacing: -2px;}
.textpromo h2{font-family: Georgia, "Times New Roman", Times, serif; color:#005381; font-size:12px; text-align:left; margin-bottom:15px; font-weight:lighter;padding:0;}
.textpromo a{font-size:14px;font-weight:bold}
.textpromo a:link { text-decoration : underline; color : #81CF33; border: 0px; outline: none} 
.textpromo a:visited { text-decoration : underline; color : #77BF2F; border: 0px; outline: none}
.textpromo a:hover { text-decoration : underline; color : #8BDF37; border: 0px; outline: none}
.textpromo a:active { text-decoration : none; color : #81CF33; border: 0px; outline: none} 

#content {
	width: 961px;
	background: white;
	padding: 0 0px 0px 0px;
	margin: auto;
	overflow:hidden;
	clear:left;
}


#leftcolumn { font-family: Verdana, Arial, Helvetica, sans-serif; color:#292929; font-size:12px; line-height:18px;padding: 0px 0px 30px 0px; width: 886px; margin: 0 auto;}
#leftcolumn h1 { margin-top:8px; font-family: Arial, Helvetica, sans-serif; color:#315C9F; font-size:40px; margin-bottom:5px; font-weight:lighter; letter-spacing: -1px;}
#leftcolumn h2 { font-family: Georgia, "Times New Roman", Times, serif; color:#8F8F8F; font-size:12px; margin-bottom:5px;font-weight:lighter}

#leftcolumn ul {
   list-style-image: url(../images/bullet.gif);
}

#leftcolumnsub { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; color:#292929; font-size:12px; line-height:18px;padding: 0px 0px 30px 47px; width: 666px;}
#leftcolumnsub h1 { margin-top:8px; font-family: Arial, Helvetica, sans-serif; color:#315C9F; font-size:40px; margin-bottom:5px; font-weight:lighter; letter-spacing: -1px;}
#leftcolumnsub h2 { font-family: Georgia, "Times New Roman", Times, serif; color:#8F8F8F; font-size:12px; margin-bottom:5px;font-weight:lighter}

#leftcolumnsub ul {
   list-style-image: url(../images/bullet.gif);
}

#leftcontact {
	width: 880px;
}
#submenu li {
	color:#64DE4F;}
#panels { width:100%;margin: 0px 0 10px 0; padding:0;height:240px}
#panels h1{font-family: Arial, Helvetica, sans-serif; color: #00405C; font-size: 18px; font-weight: bold;padding:20px 0 0px 15px;margin:0px; letter-spacing: -1px;}
#panels p {font-family: arial; color:#3c4a52; font-size: 12px;padding:20px 15px 10px 15px;margin:0px}
#panels a {font-size:11px; font-weight:bold}
#panels a:link { text-decoration : none; color : #0FACDF; border: 0px; outline: none}
#panels a:visited { text-decoration : underline; color :#097B9F; border: 0px; outline: none}
#panels a:hover { text-decoration : underline; color : #E2AE02; border: 0px; outline: none}
#panels a:active { text-decoration : none; color : #0FACDF; border: 0px; outline: none} 
.panel01 {width:210px; height:237px;float:left; margin-right:10px;background: white url(../images/panel01.jpg) repeat-x;}




#submenu {width: 220px; height: 193px; float: left;	margin: 15px 0 0 0px; background: url(../images/submenu.jpg) no-repeat;}
#submenu h1 {font-family: Arial, Helvetica, sans-serif; color:#275DBA; font-size:20px; font-weight:lighter; margin:0;padding:0}


#submenu ul {
	margin: 25px 0 0 35px;
	line-height: 18px;
	padding:0;
}
#submenu li {
	color:#BFBFBF;
}

#submenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3B93BF;
	text-decoration: none;
}
#contactframe {
	width: 800px;
	background: #EEF3F9;
	
}





/*- Menu Tabs --------------------------- */
#fancymenu {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px;
	font-weight: bold;
	position: relative;
	height: 35px;
	width: 421px;
	padding: 95px 0 10px 0;
	margin: 0;
	overflow: hidden;
	float: right;
}



#fancymenu ul {
	padding: 0;
	margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li {
	float: left;
	list-style: none;
	margin-right:7px;
}

#fancymenu ul li a  {
	z-index: 10;
	display: block;
	float: left;
	height: 35px;
	position: relative;
	overflow: hidden;
	text-decoration:none;
	color:#7DA4E9;
	margin-top: 5px;
	padding: 0px 10px;
}



#fancymenu li.background {
	background: url('../images/bg_menu_right.gif') no-repeat bottom right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left {
	background: url('../images/bg_menu.gif') no-repeat  bottom left;
	height: 35px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

#fancymenu .current a {
	color:#27A3DF;
}

#fancymenu a:hover  {
	color:#27A3DF;
}

#footer {
	background: url(../images/footerbg.gif) repeat-x;
	padding: 20px 0;
	color: #5FD1FF;
	min-height:200px;
	margin-top:-30px;
	margin: 0 auto;
	overflow: hidden;
}

.container {
	width:886px;
	margin:0 auto;
	position:relative;
}

.footer_column {
	float:left;
	width:200px;
	margin-right:10px;
}
#footer .long {
	width:400px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#footer a:link { text-decoration : none; color : #1DB3EF; border: 0px; outline: none} 
#footer a:visited { text-decoration : none; color : #4AC0EF; border: 0px; outline: none}
#footer a:hover { text-decoration : none; color : #2FDCFF; border: 0px; outline: none}
#footer a:active { text-decoration : none; color : #2FDCFF; border: 0px; outline: none} 




#contact-area {
	width: 600px;
	margin: 25px auto;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}