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

body{
	background:#214563 url(../images/bg_main.jpg) repeat-x top left;
	color: #000;
	font-family: Verdana, Geneva, sans-serif; }

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

ul{ list-style:none}

h1,h2,h3,h4,h5,h6 { font-family: Verdana, Geneva, sans-serif; line-height: 110%;
}

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

 #header{ height:270px; background-color:#FFF }

/*-------[ Logo + Navigation ]---------*/
	/*Adjust LOGO position by modifiying the LEFT proprety*/
	#logo{
	position:absolute;
	top:104px;
	left:33px;
	font-size: 32px;
	color: #fff;
	z-index: 10;
	width: 320px;
	height: 45px;
}
	#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:15px;
	left:230px;
	padding:7.5px 0 7.5px 10px;
	border-left:1px solid #fff;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	letter-spacing:1px;
	font-style:italic;
	z-index: 5;
}
	
	#header-pic{
	position:absolute;
	top:37px;
	left:0;
	height:240px;
	z-index: 5;
	width: 950px;
}

	#nav {
	position:absolute;
	width:750px;
	top:0px;
	left:210px;
	height:34px;
	z-index: 4;
}
		
	#nav ul{ padding:0; margin-left:10px; list-style: none; }
		#nav li{ display: inline; }
			
			#nav a{ 
				display: block; 
				float: left;
				padding: 10px 10px 10px 10px;
				font:12px  Verdana, Geneva, sans-serif;
				color:#000000;
				text-decoration:none;
				outline: none;
			}
				

#content-wrap{ padding: 0px 0px 10px 10px; background-color:#FFFFFF; }
	#content{
	width:680px;
	position:relative;
	left: 220px;
}


/* --- content styling ---*/
		#content { font-size: 11px; line-height: 13px; color:#111;  }

		#content h1 {margin-bottom:14px;}
			
		#content p { margin: 0 0 1em 0; }
			
		#content a, #content a:visited { text-decoration: none; color:#F00 }
			
		#content a:hover { text-decoration: underline; color:#F00 }
				
		#content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url(../images/bg_blockquote.gif) no-repeat top left; color:#111;}
			
		#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 12px;  }
		
		#content ul, #content ol { margin: 0 0 1.46667em 12px; }
			
		#content ul { list-style-image:url(../images/bullet_black.gif); }
			
		#content li { margin: 0 0 12px 0;}
				
		#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 12px; }
		
		#content img{ display: block; clear: both; padding: 6px; }
				
			.imgfloatleft{ float:left; margin-right:10px; }
			.imgfloatright{ float:right; margin-left:10px; }			
	

/* --- Sidebar ---*/
	#sidebar{
	position:absolute;
	right:749px;
	top:0px;
	width:200px;
	height:100%;
	z-index: 1;
	left: -1px;
	background:#8f1f1f;
}

/* --- sidebar styling---*/
		.sidebar-links{
		margin-left:20px;
		margin-top:8px;
}
		.sidebar-links h3{ margin-bottom:15px; font-size: 16px; color:#fff; }
		
		.sidebar-links ul{ margin: 10px 0; }
			
		.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 #666666;
			background-color:#efebe7;
			padding:20px; margin-bottom:15px;}
			
			.sidebar-info h3{ margin-bottom:15px; }
			.sidebar-info h4 { text-align:center; font-size:23px;}
			.sidebar-info p{ margin-bottom:10px; font-size:13px; }
			.sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;}
			
/* --- Footer --- */
	#footer{
		height:38px;
		width:100%;
		text-align:center;
		font-size:10px;
		color:#FFF}
	

/* --- Columns --- */

#column1 {
	float: left; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 0px 10px 0px; /* padding keeps the content of the div away from the edges */
	background: url(../images/h_line.jpg) top left no-repeat;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	border-spacing: 5px;
	border-right: none;
	border-left: none;
	border-bottom:none;
}
#column2 {
	float: right; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 0px 10px 0px; /* padding keeps the content of the div away from the edges */
	background: url(../images/h_line.jpg) top left no-repeat;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	border-spacing: 5px;
	border-right: none;
	border-left: none;
	border-bottom:none;
}

/*----------------------------*/
h1 {
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #cc3333;
	margin-bottom:13px;
}

h2 {
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #006699;
	margin-bottom:13px;
}

h3 {
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #006699;
	margin-bottom:13px;
}
	h3 a {
		color: #032850;
		text-decoration: none;
	}
	h3 a:hover {
		color: #124b89;
	}

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

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

.h_line {
	height: 4px;
	background: url(../images/h_line.jpg) top left no-repeat;
	border-top: 1px solid #666666;
	padding-bottom: 8px;
}

.h_line_2 {
	height: 0;
	border-top: 1px solid #666666;
	border-top: 1px solid #fff;
	padding-bottom: 8px;
}
.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}
/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.advise     { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.bronze     { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.note       { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; border-right: none; border-left: none; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; border-right: none; border-left: none;  }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; border-right: none; border-left: none;  }
.advise     { background: #e5e5e5; color: #666666; border-color: #666666; border-right: none; border-left: none;  }
.note       { background: #e3e6fb; color: #666666; border-color: #7d9cff; border-right: none; border-left: none;  }
.bronze     { background: #cccc99; color: #666633; border-color: #996600; border-right: none; border-left: none;  }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 
.update { border: 1px solid #f2ec49; border-right: none; border-left: none; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }


/* 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; }