/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	/*background:#214563 url(img/bg_main.jpg) repeat-x top left; */
	margin-top: 30px;
	background:#fff url(img/skyline.png) repeat-x top left;
	color: #000; 
   	font: 62.5%  Arial, Helvetica, sans-serif;
}

a { color: #0000FF; text-decoration:underline; }
a:hover { }

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }

/*-------[   Layout   ]---------*/
 #wrap{ position:relative; width:900px; margin:2px auto; 
}

 #header{ height:104px; }
 
 #header2{ background:url(img/logo.png) no-repeat;}
 
 #backdrop{ background:url(img/backdrop.jpg) no-repeat;}

/*-------[ Logo + Navigation ]---------*/
	/*Adjust LOGO position by modifiying the LEFT proprety*/
	#logo{
	position:absolute;
	left:9px;
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #fff;
}
	#logo a{ color:#fff; text-decoration:none; }
	#logo a:hover{ text-decoration:underline; }
	
	/*Adjust SLOGAN  position by modifiying the LEFT proprety*/
	#slogan{ position:absolute; top:10px; left:88px; padding:7.5px 0 7.5px 10px; border-left:0px solid #fff;
			 font-family: Arial, "Times New Roman", Times, serif; font-size: 32px; color: #000;	}
	
	#slogan2{ float:right; }
	
	 #header-pic{ top:114px; left:0; height:240px; padding-top:114px; } 

	#navbar {
	font-family: Arial;
    font-size: 12px;
    background: #2f8be8; }
	#navbar li {
	list-style: none;
	float: left; }
	#navbar li a {
	color: #fff;
	text-transform:uppercase;
    }
	#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #8db3ff; }


	#nav {
		position:absolute;
		width:900px;
		top:82px; left:0;
		height:33px;
		background-color:#0000FF;
		border-bottom:4px solid #ded384; }
					
	#nav a:hover{ background-color:#081829; }
				
	#nav .active a{ background:#081829 url(img/bg-menu-active.jpg) bottom center no-repeat; }
		
		#nav ul{ padding:0px; list-style: none; left:-9999px; top:-9999px;}
			#nav li{ display: inline;  }
			
			#nav li a{ 
					display: block; 
					float: left;
					padding:10px 15px;
					font:13px Verdana, sans-serif;
					text-transform:uppercase;
					color:#fff;
					text-decoration:none;
					outline: none;
				}
					
			/* add on 270812 */
			#nav li ul a{
				display: none; 
				width: auto; /* Width to help Opera out */
				background-color: #000;}
			/*030912*/
			#nav li:hover ul {position:absolute; left:870px; top:30px; background:#0000FF; padding:3px; border:1px solid grey; width:160px;}
			#nav li:hover ul li {height:30px; border:none; }
			#nav li:hover ul li a {height:30px; padding:0px; display:block; font-size:11px; width:158px; line-height:18px; text-indent:5px; color:#fff; background-color:#0000FF; text-decoration:none; border:1px solid transparent;}
			#nav li:hover ul li a:hover {height:30px; background:silver; color:#000; border:solid 1px #444; }
	
	#nav-form {
			position:absolute;
			width:900px;
			top:118px; left:0;
			height:28px;
			/* background: #294963; */
			background: transparent url('img/line.gif') no-repeat center;
			border-bottom:4px solid #ded384;
			padding:6px 0px 0px 0px ;
			 }

		ul.menu {
		   list-style-type: none;
		   font-family:Verdana, Arial, Helvetica, sans-serif;
		   font-size: 10px;
		   padding: 5px;
		   margin: 0px;
		   }
		
		.menu a {
		     margin: 0px;
		     height: 20px;
		     padding: 0px 0px 0px 0px;
		     float: left;
		     display: block;
		     text-align: center;
		     text-decoration: none;
		
			 color: #ffffff;
		     background: #294963;
			
		     }
		
		.menu a:hover {
		     background: #ff6600;
		     }
			 
		.stepArrow {
			position:inherit;
			display:inline;
			margin-top: 0px;
			margin-bottom: 0px;
			border-right-width-value: 0px;
			border: 0px;
		}	
		ul .highlight {background: #4479a4;}	
		
		#nav-form2 {
			position:absolute;
			width:900px;
			top:112px; left:0;
			height:28px;
			/* background: #294963; */
			border-bottom:4px solid #fff;
			padding:6px 0px 0px 0px ;
			 }

#content-wrap{ padding:9.5px 0px 32px 0px; background-color:#FFFFFF; border:1px solid #F0F0F0;}
	#content{ width:600px; position:relative;}
		/* --- content styling ---*/
		#content { font-size: 1.2em; line-height: 1.4em; color:#111;  }
		#content h1{margin-bottom:20px;  font-size:28px;}
			#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
			#content p { margin: 0 0 1em 0; }
			#content a, #content a:visited { text-decoration: underline; }
				#content a:hover { text-decoration: none; }
			#content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url(img/bg_blockquote.gif) no-repeat top left; color:#111;}
				#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
			#content ul, #content ol { margin: 0 0 1.46667em 40px; }
			#content ul { list-style: disc; }
				#content li { margin: 0 0 0.4em 0; }
					#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
				#content img{ display: block; clear: both; padding: 0px; background: #fff; }
				.imgfloatleft{ float:left; margin-right:10px; }
				.imgfloatright{ float:right; }
			.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	#content table{ width:500px; position:relative; }
	#content table th,td   { padding: 4px 10px 4px 0; }

#content-wrap2{ padding:35px 0 14px 15px; background-color:#FFFFFF; border:1px solid #F0F0F0;}
	#content2{ width:600px; position:relative;}
		/* --- content styling ---*/
		#content2 { font-size: 1.2em; line-height: 1.4em; color:#111;  }
		#content2 h1{margin-bottom:20px;  font-size:28px;}
			#content2 .first, #content2 .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
			#content2 p { margin: 0 0 1em 0; }
			#content2 a, #content2 a:visited { text-decoration: underline; }
				#content2 a:hover { text-decoration: none; }
			#content2 blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url(img/bg_blockquote.gif) no-repeat top left; color:#111;}
				#content2 blockquote ul, #content2 blockquote ol { margin: 0 0 1.46667em 15px;  }
			#content2 ul, #content2 ol { margin: 0 0 1.46667em 40px; }
			#content2 ul { list-style: disc; }
				#content li { margin: 0 0 0.4em 0; }
					#content2 ul li ul, #content2 ul li ol, #content2 ol li ul, #content2 ol li ol { margin: 0 0 0 25px; }
				#content2 img{ display: block; clear: both; padding: 0px; background: #fff; }
				.imgfloatleft{ float:left; margin-right:10px; }
				.imgfloatright{ float:right; }
			.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	#content2 table{ width:835px; position:relative; }
	#content2 table th,td   { padding: 4px 10px 4px 0; }
	

	/* --- Sidebar ---*/
	#sidebar{ position:static; left:10px; top:0px;
			  width:230px; height:0px; }
			  	
	/* --- Sidebar Stat---*/
	#sidebar-stat{ position:absolute; right:-270px; top:6px;
			  width:330px; height:0px;
			  font-size:12px; }

		/* --- sidebar styling---*/
		.sidebar-links{
			background:#29517b url(img/bg_side_links.jpg) repeat-x bottom left ;
			padding:20px;margin-bottom:15px;}

			.sidebar-links h3{ margin-bottom:15px; font-size: 16px; color:#fff; }
			
			.sidebar-links ul{ margin: 10px 0; }
			.sidebar-links ul li{ border-bottom: 1px solid #486a8b; padding: 10px 8px; }
			
			.sidebar-links ul li a{ color: #9fbfd6; text-decoration: none; font-size: 14px; }
			.sidebar-links ul li a:hover{ color: #fff; }
			.sidebar-links ul li.active{ background: #132b44; border-bottom: 0;padding-top: 11px; margin: 0 -20px;
										 padding-left: 28px; margin-top: -1px; position: relative; }
			.sidebar-links ul li.active a{ color: #fff; }

		/* --- --- */
		.sidebar-info{
			border-top:3px solid #ded384;
			background-color:#efebe7;
			padding:0px; margin-bottom:0px;}
			
			.sidebar-info h3{ margin-bottom:15px; }
			.sidebar-info h4 { text-align:center; font-size:13px;}
			.sidebar-info h5{ text-align:left; display: block;background-color: #DED384; padding: 5px 8px;}
			.sidebar-info p{ margin-bottom:10px; font-size:13px; }
			/* .sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;} */
			
			/* Right navigation */

				/*.sidebar-info {float: left;		} */
				
				.sidebar-info ul {margin: 0;padding: 0;font-size:13px;
				list-style-type: none;
				display: block;}
				
				.sidebar-info li {list-style: none;
				margin: 0; 
				padding: 0;
				display: inline;
				list-style-type: none; 
				}
				
				.sidebar-info li a:hover {color: darkblue; background-color: #fff;}
				
				.sidebar-info li a, .sidebar-info a:link, .sidebar-info a:visited {
				display: block; border: 1px solid #ccc;
				padding: 2px 8px;
				color: #000;
				text-decoration: none; }
				
				.sidebar-info li ul {	}
				
				.sidebar-info li li {margin: 0;}
				
				.sidebar-info li h2 {margin: 0 0 1em 0;}
								
			
	/* --- Footer --- */
	#footer{
		height:50px;
		width:900px;
		background-color:#0000CC;
		font-size:12px;}
	
		#footer p{ padding:11px 0 0 25px; color:#94b6de;}
		#footer a{ color:#94b6de;}
		#footer a:hover{ color:#fff;}


/*----------------------------*/
h1 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #002852;
	margin-bottom:15px;
}

h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #002852;
	margin-bottom:15px;
}

h3 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #002852;
	margin-bottom:15px;
}
	h3 a {
		color: #032850;
		text-decoration: none;
	}
	h3 a:hover {
		color: #124b89;
	}

h4 {
	font-size: 16px;
	color: #032850;
	margin-bottom:10px;
}

h5 {
	font-size: 14px;
	color: #000000;
}

/* Tables
-------------------------------------------------------------- */

table   {
	font-size: 0.9em;
	margin-bottom: 1.4em;
}
th      {
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	font-size: 1.0em;
	background: #ded384;
}
td      {
	border-bottom: none;
	/* font-size: 1.3em; */
}
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Success, error & notice boxes for messages and errors. */
/* .error, */
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }
/* .error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } */
.notice     {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
	font-size: 1em;
	text-align: center;
}
.notification     {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
	font-size: 1.2em;
	width: 450px;
}
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
/* .error a    { color: #D12F19; } */
.notice a   { color: #817134; }
.notification a   { color: #817134; }
.success a  { color: #529214; } 

label.error {
	width: 250px; display: block; float: right; color: red;padding-left: 1px;
}
/* form design*/
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px dotted #ccc;
	
	
	background-color: #fff;
} 
legend { background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; margin-bottom:10px; font-size:12px;}
form p { margin: 5px 0 0 0; form }
/* label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; } */
input.text { width:315px; } 
textarea { width: 450px; margin: 5px 15px 15px 15px; }  
#content-form {
padding:20px 0 30px 30px; background-color:#FFFFFF;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('img/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('img/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

/*
a.ovalbutton:hover{ 
background-position: bottom left;
}

a.ovalbutton:hover span{ 
background-position: bottom right;
color: black;
}
*/


a.ovalbutton.active { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton.active span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;


}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
	border-radius: 12px;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}

.button1 {
    background-color: #4CAF50;
    color: white;
}

.button1:hover {
    background-color: #4CAF50; 
    color: black; 
    border: 2px solid white;
}


/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {padding:0px; list-style: none; left:-9999px; top:-9999px;}
.mega-menu ul {position: relative; padding: 0; margin-top: 0px; }
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

#mega-menu-1 {
font: normal 13px Tahoma, Arial, sans-serif; 
list-style: none; 
top:82px; 
position: absolute;
padding: 0; 
margin: 0;
z-index:300;
width: 100%; 
height: 15px;

}

#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 li {
float: left; 
margin: 0; 
padding: 0; 
font-weight: bold;
}
#mega-menu-1 li a {
float: left; 
display: block; 
color: #000; 
padding:5px 9px; 
background: #fff; /*color background*/
text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover {
background: #acd; 
color: #000;
}
#mega-menu-1 li a:hover {
background: #999; 
color: #000;
}
#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #efefef; 
padding: 5px; 
border: 1px solid #ccc;
}
#mega-menu-1 li .sub .row {
width: 100%; 
overflow: hidden;
clear: both;
}
#mega-menu-1 li .sub li {
list-style: none; 
float: none; 
width: 150px; 
font-size: 1em; 
font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 10px 10px 0;
padding-top:0px; 
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none; 
color: #111; 
padding: 7px 10px; 
display: block; 
float: none; 
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 15px; 
margin-bottom: 2px; 
background: #6B6B6B; 
text-transform: uppercase; 
font-weight: bold; 
color: #fff;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 4px 5px; 
font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef;
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0; 
width: 150px; 
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef;
}