@charset "UTF-8";

body {
	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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a9a9a9;
}
.oneColFixCtr #container {
	width: 1060px;
	text-align: left;
	background-repeat: repeat-y;
	vertical-align: middle;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #787878;
	border-left-color: #000000;
	background-image: url(layoutimages/layout_images/bg_strip_greys.gif);
}

.oneColFixCtr #container #main_layout {
	margin: 0px;
	clear: both;
}
.oneColFixCtr #container #main_layout #main_content {
	margin-left: 100px;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
}
#header img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
#header p {
}
.oneColFixCtr #header {
	width: 1110px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
.oneColFixCtr #container #main_layout #footer {
	background-image: url(layoutimages/layout_images/footer_greys.gif);
	background-repeat: no-repeat;
	background-color: #A9A9A9;
	height: 50px;
}
#top_right_proj {
	float: right;
	margin-right: 76px;
	margin-top: 0px;
	background-image: url(images/new_layout/top_right_projector_351px_wide.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
}
#top_right_proj img {
	text-align: right;
	float: right;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
.oneColFixCtr #container #main_layout #main_content p {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.clear_left {
	clear: left;
}
.oneColFixCtr #container_underneath img {
	float: left;
	border: 3px solid #006;
}
.oneColFixCtr #container #header #nav {
	float: left;
}
.oneColFixCtr #container #header #nav ul {
	margin-top: 115px;
	margin-left: 28px;
	font-size: 13px;
	color: #FFF;
	padding-left: 50px;
	font-family: "Century Gothic", Verdana, "Geneva CY", sans-serif;
}
.oneColFixCtr #container #header #nav ul li {
	display: block;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-right: -3px;
	margin-bottom: 0px;
	margin-left: -3px;
	float: left;
}

#nav ul a  {
	color: #FFF;
	text-decoration: none;
}
.oneColFixCtr #container #header #nav ul a:hover {
	color: #FFF;
	text-decoration: underline;
}
.first_in_list {
	background-color: #52BCED;
}

.last_in_list {
	background-color: #FFF;
	background-image: url(images/new_layout/curvededge_23px_high_narrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mid_of_list {
	background-color: #52BCED;
	background-repeat: no-repeat;
	background-position: left top;
}
.current       {
	color: #003;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	color: #52BCED;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #A0A1A5;
	padding-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	color: #52BCED;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A1A5;
	padding-bottom: 2px;
}

.oneColFixCtr #container #main_layout #footer {
	text-align: center;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }



.clearfix {display: inline-block;}  /* for IE/Mac */

#header p {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#units {
	
	text-align: center;
}

#logos {
	
	text-align: center;
}

.footer_float_left{
	float:left;
	margin-left: 60px;
	margin-top: 16px;
}

.footer_float_right{
	float:right;
	margin-top: 18px;
	margin-right: 60px;
	text-align: right;
}

a {
	color: #F60;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}


[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]