@charset "utf-8";

/* ============================= GLOBAL ====================================*/
body {
	margin: 20px;
	padding: 0px;
	text-align: center;
	height:auto;
	color: #FFF;
	/*overflow-y:auto;*/
	background-color: #ebebeb!important;
	background-image:url(../images/site_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.website #container {
	width: 785px; 
	margin: 0px auto; 
	text-align: center; 
	/* 
	background:#999;
	*/
}
/* ========================== [END] GLOBAL ==================================*/

/* ============================= HEADER =====================================*/
.website #container #header {
	width:785px;
	height:112px;
	margin: 0px auto; 
	padding: 0px;
	background:url(../images/site_header.png);
	background-repeat:no-repeat;
	background-position:top;
}
.website #container #header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	color: #006;
	text-decoration: none;

	padding-top:12px;
	padding-bottom:0px;
	margin:0px;

}

.website #container #header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #006;
	text-decoration: none;
	
	margin:0px;
	padding-top:2px;
	padding-bottom:0px;
}
.website #container #header h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #006;
	text-decoration: none;
	
	margin:0px;
	padding-top:1px;
	padding-bottom:0px;
}
.website #container #header #title_seperator {
	width:585px;
	height:1px;
	border-bottom:#00105f thin solid;

	margin:0px auto;
	padding-top:2px;
} 
/* ========================== [END] HEADER ==================================*/


/* ============================= CONTENT ====================================*/
.website #container #contentFrame {
	width: 785px; 
	height:auto;
	margin: 0px auto; 
	text-align: center; 
	
	background-image:url(../images/site_content_bg.png);
	background-repeat:repeat-y;
	background-position:top;
}
.website #container #contentFrame #contentHolder {
	width: 755px;
	height:auto;
	text-align: left;

	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 15px;
	margin-left: 15px;

}
.website #container #contentFrame #contentHolder #leftCol {
	width:540px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	border-right:#04caf5 thin solid;
}
.website #container #contentFrame #contentHolder #leftCol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #00105f;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #leftCol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #606061;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #leftCol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #606061;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #leftCol li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #606061;
	text-decoration: none;
}

.website #container #contentFrame #contentHolder #rightCol {
	float:left;
	width:172px;
	
	margin-left:20px;
}
.website #container #contentFrame #contentHolder #rightCol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #00105f;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #rightCol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	color: #606061;
	text-decoration: none;
	padding-bottom:10px;
}
.website #container #contentFrame #contentHolder #rightCol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #606061;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #rightCol img {
	padding-top:5px;
	padding-bottom:10px;	
}

.website #container #contentFrame #contentHolder #rightCol a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #00105f;
	text-decoration: none;
}
.website #container #contentFrame #contentHolder #rightCol a:hover {
	color: #606061;
	text-decoration: underline;
}
/* ========================== [END] CONTENT =================================*/


/* ============================== FOOTER ====================================*/
.website #container #footer {
	width: 785px; 
	height:22px;
	margin: 0px auto; 
	padding:0px; 
	

	background-image:url(../images/site_footer_bg.png);
	background-repeat:no-repeat;
	background-position:top;
}
.website #container #footer_links {margin-top:5px;text-align:center; }
/* ========================== [END] FOOTER ==================================*/



/* ============================== MISC =====================================*/
.forms {padding:0px; margin:0px;}

#clearBoth {
	clear:both;
    height:0px;
	width:750px;
    font-size: 1px;
}
.floatRight {
	float: right;
	margin-left: 20px;
	margin-top: 2px;
	margin-bottom:5px;
	/* border:solid 1px #ccc; */
}
.floatLeft {
	float: left;
	margin-right: 20px;
	margin-top: 2px;
	margin-bottom:5px;
	/* border:solid 1px #ccc; */
}
.clearfloat { 
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
/* =========================== [END] MISC ===================================*/