@charset "utf-8";
/* CSS Document */

/* <reset-css> */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* </reset-css> */

 * {
 margin: 0;
 }

html, body {
 			height: 100%;
			}

body {background: #0c8895 url('../../../files/images/ui/bg-image.jp') no-repeat top right; font-family: Tahoma; }

#wrapper-outer {
		margin: 0 auto;
		width: 990px;
		background: url('../../../files/images/ui/bg_shadow.jpg') repeat-y top center;
		}

#wrapper {
		height: 100%;
		width: 960px;
		margin:auto;
		background: transparent;
		}
		
#wrapper-inner {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -130px auto;
		width: 960px;
		
		background: #12729c;
		}
		
#header {
		width: 990px;
		height: 187px;
		background: #0c8895 url('../../../files/images/ui/bg_image.jpg') no-repeat top right;
		margin: auto;
		}
		#header img {
				float:left;
				padding-top: 5px;
		}
		
#topNav {
		width: 990px;
		height: 26px;
		overflow: hidden;
		background: #0c8895 url('../../../files/images/ui/topnav_shadow.jpg') no-repeat bottom center;
		margin: auto;
		}
		#topNav ul#mainNav {
				list-style-type: none;
				cursor: pointer;
				padding-right: 15px;
				text-align:right;
				background: none;
				margin: auto;
				float:right;
			}
				
		#topNav ul#mainNav li {
					/*display: inline-block;*/
					float:left;
					margin: 0;
					height: 26px;
					background: none;
				}
				
		#topNav ul#mainNav li:hover {
					background: #fbae3b;
					
				}
				
		#topNav ul#mainNav li .selected {
					background: #fbae3b;
					color: #000;
					display:block;
					height: 26px;
				}
				
		#topNav ul#mainNav li a{
					color: #fff;
					padding-bottom: 10px;
					padding-left: 10px;
					padding-right: 10px;
					font-family: Tahoma;
					text-decoration: none;
					font-weight: bold;
					font-size: 0.9em;
				}
				
				
				
		#topNav ul#mainNav li a:hover{
					color: #545252;					
				}
	
#topBar {
		width: 100%;
		height: 100px;
		overflow: hidden;
		background: transparent url('../../../files/images/ui/top_bar_bg.gif') repeat-x;
		margin: 0;
		}
		#topBarContent {
				width: 940px;
				height: 152px;
				overflow: hidden;
				background: none;
				margin: auto;
				}
				#welcome {
						width: 800px;
						height: 70px;
						padding: 0;
						margin-top: 30px;
						margin-right: 10px; 
						}		
						#welcome span{
								font-weight: 200;
								font-size: 1.6em;
								color: #fff;
								}
#mainContent {
				width: 940px;
				height: auto;
				background: none;
				margin: auto;
				clear:both;
				overflow:hidden;
				padding-top: 20px;
				}
				#mainContent h1{
						color: #fbae3b;
						font-size: 1.7em;
						font-weight: 100;
						height: 32px;
						margin-bottom: 15px;
						border-bottom: solid 1px #fff;
				}
					#mainContent h1 img{
						border: none!important;
						margin: 0 5px 0 0;
				}
				
				#mainContent img{
						float: right;
						border: 6px solid #fff;
						margin: 10px;
				}
				
				#mainContent p{
						color: #fff;
						margin-bottom: 20px;
						font-size: 0.95em;
						line-height: 150%;
				}
				#mainContent blockquote {
						border-left: solid 1px #fff;
						margin-left: 25px;
				}
				
				#mainContent blockquote p{
						padding-left: 10px;
				}
				#mainContent a {
						color: #fcd847;
						text-decoration: none;	
				}
				#mainContent a:hover {
						color: #fcd847;
						text-decoration: underline;	
				}
				#mainContent a:visited {
						color: #bf9352;
				}
				
				#mainContent ul {
						text-align:left;
						background: none;
						margin: 0 auto 10x 10px;
						padding-bottom: 10px;
						padding-left: 10px;
						
						}
				
				#mainContent ul li {
							margin: 0;
							color: #fff;
							padding-bottom: 10px;
							padding-left: 15px;
							line-height: 120%;
							background: url('../../../files/images/ui/bullet.gif') no-repeat 0% 0%;
						}

				
#footer {
		width: 100%;
		height: 170px;
		font-size: 0.8em;
		margin: 0;
		}
		#footerContent {
				width: 960px;
				clear: both;
				height: 170px;
				background: #0D4064;
				margin: auto;
				
		
				}
				
			#footerContent p {
				padding-top: 40px;
				padding-left: 20px;
				}
			#footerContent img {
				padding-right: 20px;
				}
				
.push {
				height: 130px;
 				}		
				
#hero 	{	
			float: right;
			width: 220px;
			height: 300px;
	   		margin-top: 40px;
	   		padding-left: 7px;
			margin-bottom: 10px;
		}