/* General styles */


body { margin:0; padding:0; border:0;	/* This removes the border around the viewport in old versions of IE */
	width:100%;	background:#fff; min-width:600px; 	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%; font-family: "Lucida Grande", "Lucida Sans", Verdana, "Verdana Ref", sans-serif;}
		
a { /*color:#3087B4;*/ color:#339999; text-decoration:none; font-weight: bold; }
	
a:hover { text-decoration: underline;}

h1, h2, h3 { margin:.8em 0 .2em 0; padding: 0; font-family: Georgia, Georgia, serif;  }
h1 {  color: #143D55; font-size: 24pt;}
h2 {text-align: center; /*color: #143D55;*/ color:#1a4027; /*background-color:#E0E0E0;*/ border: medium solid #CCCC00; padding: 5px 0; }
h4 {font-weight:normal; font-size: 110%;}

p {	margin:.4em 0 .8em 0; padding:0; }
p.other {font-size: 80%; text-align: center;}

img {border: none;}

.center {text-align: center;}
.indent {padding-left: 25px;}
.name {font-weight:bold;}

.logon {margin-top: 15px;}


/* ========Header styles */

#header { float:left; width:100%; }

#logo {float: left; padding: 20px 20px 0 50px; margin:10px 0;}

#header h1 { padding:0 15px .5em 0; margin: 65px 0 0 0;}

#motto { color: #143D55; font-weight: bold; font-size: .9em; font-style: italic; vertical-align: middle;}

#header ul { clear:both; width:100%; list-style:none; margin: 0; padding:0; font-size:.85em; }

#header ul li { display:inline; list-style:none; margin:0; padding:0; }

#header ul li a { display:block; float: right; margin:0 0 0 1px; padding:3px 10px; text-align:left; /*background:#3087B4;*/ background: #339999; color:#fff; text-decoration:none; position:relative;  line-height:1.3em; }

#header ul li a:hover {background:#006666; color:#FFF; }

#header ul li a.active,
#header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; }

#header ul li a span { display:block; }

/* =============motto and search */

#layoutdims { clear:both; background-color: #143D55; margin: 0; padding:5px 15px; overflow: hidden; zoom: 1;}

#layoutdims { _padding: 0 15px;}

#search { display: inline;}

fieldset { border: none; _padding-top: 4px;} 

.clear {clear: both; }

/* =============column container */

.colmask { position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both; float:left; width:100%;	/* width of whole page */
	overflow:hidden; }	/* This chops off any overhanging divs */

/* =============common column settings */

.colright,
.colmid,
.colleft { float:left; height: 100%; width:100%;	/* width of page */
	position:relative; }
	
.col1,
.col2,
.col3 { float:left; position:relative; padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden; }
	
/* =============3 Column settings */

.threecol { /*background:#7E9234;*/}	/* right column background colour */
	
.threecol .colmid { right:25%;	/* width of the right column */
	background:#fff; }		/* center column background colour */
	
.threecol .colleft { right:50%;		/* width of the middle column */
	/*background:#CCCC99;*/ 		/* left column background colour */;
	margin: 10px 0;}	
	
.threecol .col1 {width:46%;		/* width of center column content (column width minus padding on either side) */
	left:102%;}	/* 100% plus left padding of center column */
	
.threecol .col2 { width:21%;	/* Width of left column content (column width minus padding on either side) */
	left:31%; }	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	
.threecol .col3 { width:21%;	/* Width of right column content (column width minus padding on either side) */
	left:85%; }	/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	
	
	
/* =============Footer styles */

/*==========Sticky Footer */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
.colmid {padding-bottom: 40px;}
#footer { position: relative; margin-top: -40px; height: 40px; clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* hides from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* end hide from IE-mac */


#footer { width:100%; /*color:#fff; background-color:#003366; */}
		
#footer p {padding-top:5px; margin:0; font-size: .80em; text-align: center;}

#footer a {/*color: #fff;*/ font-weight: normal;}

#footer img {vertical-align: middle; }