@import url("/library/css/reset.css");
/* @import url("/library/css/dropdown.css");
@import url("/library/css/dropdown-skin.css");
@import url("/library/js/sifr/css/sifr.css"); */

#banner {
	padding: 2px;
	background: url(/images/black25.png) repeat;
}
#content-left { width: 510px; float: left; }
#content-right {
	width: 280px;
	float: right;
}
#content ul { list-style: square outside; padding-left: 25px; }
body {
	margin: 0;
	padding: 0;
	background: #5f5f61 url(/images/bg.jpg) no-repeat center top;
}
body,td,th {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #e6e6e6;
}
p, ul, ol, H1, H2, H3, table, form { margin: 0 0 25px 0; }
a img { border: none; }
a { color: #c0d6ec; text-decoration: none; }
a:hover { color: #c0d6ec; text-decoration: underline; }

form { padding: 0;  }
form td { padding: 4px 0; text-align: left; }
#wrapper {
	width: 898px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#content {
	padding: 25px 3px 20px;
	clear: both;
}
#header {
	height: 145px;
	position: relative;
}
#main-banner {
	height: 250px;
	position: relative;
}
#footer {
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	clear: both;
	color: #bbb;
	padding: 10px 0;
	border-top: 1px solid #7c7c80;
}

/* PUSH FOOTER 

html,body { height: 100%; }
#wrapper { min-height: 100%; height: auto; }
* html #wrapper { height: 100%; }
#push-footer { height: 90px; position: relative; z-index: 3; }
#footer { margin-top: -90px; position: relative; z-index: 4; }
*/


/* TEXT REPLACEMENT */
#logo {
	background-image: url(/images/logo.png);
	text-indent: -9999px;
	height: 63px;
	width: 312px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 45px;
	left: 3px;
	z-index: 10;
}
#header h1 { margin: 0; }
#header h2 {
	position: absolute;
	top: 75px;
	right: 3px;
	color: #c44930;
	margin: 0;
	text-shadow: 1px 1px 1px #ffffff;
}

/* HEADERS */

H1 {
	font: normal 22px/26px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
H2 {
	margin-bottom: 20px;
	color: #bfd2e0;
	text-shadow: 1px 1px 1px #262627;
	font: italic bold 16px Verdana, Geneva, sans-serif;
}
H2 span { color: #f5f5f5; }
H3 {
	font-weight: bold;
	margin: 0;
}
H4 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}



/* FORMS */

.basic-form label {
	float:left;
	width:150px;
	display:block;
	clear:left;
	margin-right:10px;
	text-align:left;
	margin-top: 10px;
	padding-top: 3px;
}
.basic-form label.error { float: left; width: 150px; color: red; padding: 0; margin: 15px 0 0 15px; clear: none;  }

.basic-form textarea, .basic-form input[type="text"], .basic-form input[type="file"], .basic-form select, .basic-form button, .basic-form optgroup
	{ margin-top:10px; width: 250px; padding: 6px; float: left; border: 2px solid #ccc; background: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.basic-form textarea { width: 400px; }	
.basic-form label wide { float: none; }
.basic-form br { clear: both; }
.basic-form input[type="checkbox"] { margin-top: 10px; }
.basic-form input[type="submit"] {
	background: url(/images/btn-submit-medium.png);
	color: white;
	text-align: center;
	margin-top: 15px;
	border: none;
	cursor: pointer;
	font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 47px;
	width: 156px;
}
.basic-form input[type="text"].error { border: 2px solid red; }


/* NAVBAR */

#nav { padding: 0; margin: 0; list-style: none; height: 35px; }
#nav li { display: inline; float: left; }
#nav a { float: left; display: block; height: 35px; padding: 0 15px; margin: 0 0 0 5px; text-align: center; color: #cfd9e4; line-height: 35px; text-decoration: none; }
#nav a:hover { color: #f3f6f9; text-decoration: none; }



/* LEFT NAV */
.sub-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
	margin: 0 0 20px 0;
}
.sub-nav li { border-top: 1px solid #ccc; }
.sub-nav li:first-child { border-top: none; }
.sub-nav li a {
	display: block;
	background: none;
	text-decoration: none;
	padding: 8px 0;
	margin: 0;
	width: 100%;
}
.sub-nav li a:hover {
	text-decoration: none;
	color: red;
}

.full-width { width: 100%; clear: both; }

.col-small { width: 220px; }
.col-large { width: 680px; }

img.left { margin: 0 25px 10px 0; }
img.right { margin: 0 0 10px 25px; }


/* COMMON */		
	
.left{float:left;margin-right:15px;}
.right{float:right;margin-left:15px;}
.center{text-align:center;}

.clear{clear:both;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print{display:none;}



/* COLUMNS */
		
.cols{} /* main column container class */
.col{
	float:left;
	display:inline;
	width:48%;margin-left:4%; /* 2 equal width columns layout - default */
}	
.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */


/* clearfix */

#content:after, .cols:after, .clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
#content, .cols, .clearfix {display:block;min-height:1%; }
* html #content, * html .cols, * html .clearfix { height:1%; }

.clearfix { clear: both; }

/* // clearfix */




/*** PRINT STYLES ***/
@media print {

html { width:100% }
body { background: white; font-size: 12pt; }
img { border: 0; }
#content { padding: 0; margin: 20px 0; }
.page-break { display:block; page-break-before:always; }
#footer { margin-top: 25px; }
#nav, .side-nav { display: none; }

}