@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #d4e4b9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


h2 {
	font-size: 1.4em;
	color: teal;
	text-shadow: black;
	margin-bottom: -19px;
	}
	
#basiccontainer h2 {
	font-size: 1.6em;
	color: teal;
	text-shadow: black;
	margin-top: 4px;
	margin-bottom: 4px;
	}
	
#greeting {
	width: 66%;
	background: white;
	border: thin solid black;
	box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
	margin-top: 11px;

}

div#greeting h2 {
	padding-left: 22px;
}

h3 {
	font-size: 1.1em;
	color: teal;
	text-shadow: black;
	margin-top: 33px;
	margin-bottom: -7px;
}

h4 {
	font-size: 0.9em;
	color: teal;
	text-shadow: black;
	margin-top: 54px;
	margin-bottom: 9px;
}

p {
	font-family: "Times New Roman", Times, serif;
}

.home1 {
	margin-top: 33px;
	margin-left: 22px;
	margin-right: 11px;
	margin-bottom: 22px;
	padding-bottom: 22px;
}

.home {
	margin-left: 44px;
	margin-right: 144px;
	margin-top: 30px;
	margin-bottom: 55px;
	padding-left: 63px;
	background-image: url(../images/globe.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


li {
	font-size: .8em;
	margin-left: 6px;
	margin-bottom: 0.9em;
	padding-left: 1px;
}

.list2 {
	margin-left: 33px;	
}

p.overview1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		padding-bottom: 15px;
}

p.overview {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .8em;
		padding-bottom: 4px;
}

span.change1 {
	color: #7e7e7e;
	font-size: .85em;
}

label {
	font-size: 80%;
	font-weight: bold;
}

.fields {
	margin-bottom: 11px;
}

fieldset {
	padding-left: 11px;
	padding-top: 11px;
	width: 55%;
}

.small {
	font-size: .7em;
}

/* main containers */

.oneColLiqCtrHdr #container {
	width: 800px;  /* this will create a container 80% of the browser width */
	background-color: silver;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
			box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 20px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(../images/jeweltone1.jpg);
	background-repeat: repeat-x;
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0 ; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF url(../images/bkgrnd1.png) repeat-x;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

div#thincol {
	float: right;
	width: 190px;
	margin: 0;
	padding: 1em;
	top: 0;
	clear: both;
}

#apDiv1 {
	position: relative;
	float: right;
	width:200px;
	height:115px;
	z-index:1;
	left: 4px;
	top: -120px;
	clear: both;
}

#apDiv2 {
	position: relative;
	float: right;
	width:200px;
	height:115px;
	z-index:1;
	left: 4px;
	top: -90px;
	clear: both;
}


#basiccontainer {
	background-color: #ffffff;
	padding: 22px 77px 22px 77px;
	margin-top: 11px;
}

/* header section */
#sitename {
	background-color: rgba(0, 139, 139, 0.7);
	width: 97%;
	padding-left: 12px;
	padding-bottom: 0px;
	padding-top: 4px;
	margin-top: 11px;
}

#mainnav {
    background-color: #008b8b;
    color: #ffffff;
    width: 100%;
    height: 21px;
    padding-left: 22px;
    padding-right: 9px;
    margin-left: -20px;
}


ul{
    margin: 0 auto;
    padding: 0;
}

ul.horizontal_list li{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: .7em;
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 3px 3px 3px;
    margin: opx;
    }
    

.hdnav {
	margin-left: 11px;
	margin-bottom: 11px;
	width: 62px;
	position: relative;
}

.top3 { 
	width:30%; 
	height:71px;  
	padding-top:10px; 
	font-size:11px;  
	background-color: rgba(0, 139, 139, 0.7);  
	float: right;  
	position: relative; 
	top: -93px;  }

#tagline {
	width: 45%;
	top: -31px;
	float: left;
	position: relative;
	margin-left: 41px;
}

.t21 {
	padding-left: 53px;
	font-size: .8em;
	color: white;
	padding-top: -62px;
}

.tinyicon {
	padding-right: 5px;
}

/* main */
#mainContent {
	height: auto;
}

/* trio */
#mainleft {
float: left;
width: 200px;
margin: 0;
padding: 1em;
background-color: #e6e6e6;
border: thin;
border-color: #898989;
border-style: solid;
	box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
	}
	
#block1content {
	width:180px;
	padding: 0px 11px 11px 11px;
	margin-left: -7px;
}
	
#maincenter {
margin-left: 261px;
border-left: 1px solid gray;
margin-right: 220px;
margin-bottom: 44px;
border-right: 1px solid gray;
padding: 1em;
width: 210px;
background-color: #e6e6e6;
border: thin;
border-color: #898989;
border-style: solid;
	box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
	}
	
#block2content {
	width:205px;
	padding: 0px 11px 11px 11px;
	margin-left: -8px;
}
	
#mainright {
float: right;
width: 190px;
margin: 0;
padding: 1em;
background-color: #e6e6e6;
border: thin;
border-color: #898989;
border-style: solid;
	box-shadow: #333 3px 3px 4px;
-moz-box-shadow: #333 3px 3px 4px;
-webkit-box-shadow: #333 3px 3px 4px;
	}
	
#block3container {
	padding-left: 8px;
}
	
#block3content {
	width:175px; 
	margin-top:12px;
	padding-left: -36px;
}

#block3content ul {
	margin-left: 22px;
}
	
.r2 {
	background-color: teal;
	color: #ffffff;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 7px;
	margin-left: -9px;
	margin-top: -5px;
	margin-bottom: 11px;
	text-align: center;
}

#block2hd {
	background-color: teal;
	color: #ffffff;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-right: 7px;
	margin-left: -9px;
	margin-top: -5px;
	margin-bottom: 11px;
	text-align: center;
}

/** nav **/

a.navmain:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.navmain:hover {
	color: #ffd700;
	font-weight: bold;
	text-decoration: underline;
}

a.navmain:visited {
	color: #ffd700;
}

a.navmain:active {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color:  #ffd700;
}

#current {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	background-color:  #ffd700;
	padding-left: 9px;
	padding-bottom: 3px;
	padding-right: 9px;
	padding-top: 3px;
}


/** icons **/
#icohd {
vertical-align: middle;
padding-right: 14px;

}


/** footer **/
#siteInfo {
	font-size: 66%;
	text-align: left;
	margin-top: 33px;
}