@charset "UTF-8";
/* CSS Document */

/* ---Structure--- */

* {margin: 0;}



html, body{
margin: 0;
height: 100%;
font: 12px Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000;}

.blueheader{
width: 100%;
height: 10px;
background-color: #0098d8;
margin: 0;}


#container {width: 900px; min-height: 80%; margin: 0 auto; position: relative;}
	
#header{height: 100px;}

.logo {width: 155px; float:left; margin: 20px 10px 0 0;}

.main {
float: left;
width: 900px;
margin-top: 10px;
margin-bottom: 30px;}



/*use .col-1-4 when .sidebar is present */
/*use .col_half and .col_full when .sidebar is not present */

.col-1, .col-2, .col-3, .col-4, .col_half, .col_full{float: left;}

.col-1 { width: 20%; margin-right:2%;} /* 25% */
.col-2 { width: 45%; margin-right:2%;} /* 50% */
.col-3 { width: 60%; margin-right:2%;} /* 75% */
.col-4 { width: 80%;} /* 100% */

.col_full{ width: 100%; margin-bottom: 10px;}
.col_half{ width: 45%; margin-right:2%;}


.col-2_header{
width: 100%;
background: url(images/menubkgrd.gif) repeat-x;
padding: 10px 4px 15px 4px;
margin: 0 0 10px 0;
border: 1px solid #999;}

.col-2_header h3{font: 1.5em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; text-align: center; text-shadow: 0px 1px 1px #000; margin-bottom: 0;}

img { margin-bottom: 15px;}

hr{
float: left;
margin: 10px 0 20px 0;
height: 1px;
width: 100%;
background-color: #999;
border: none;}



.callout{
width: 100%;

margin: 0;}

.block{float:left; width: 300px; height:250px;}

.callout img{padding: 0;}

.dropbox {height: 900px; margin-left: 10px; padding-left: 30px; border-left: 1px solid #999999;}



/* ---Footer--- */

.footer{
width: 100%;
clear: both;
height: 160px;
position: relative;
background: url(images/footer/footerbkgrd.gif) repeat-x;
margin: 0 auto;}


.footercontainer{
width: 900px;
margin: 0 auto;
position: relative}

.col_footer{
width: 24%;
height: 110px;
float: left;
padding: 2% 4.5%;
border-right: 1px solid #000;
border-left: 1px solid #464646;}

.col_footer a{text-decoration: underline; color: #fff;}
.col_footer a:hover{text-decoration: underline; color: #0098d8;}


/* ---Navigation--- */

a{text-decoration: underline; color: #000;}

a:hover{text-decoration: underline; color: #0098d8;}

#nav{
width: 735px;
height: 25px;
float: right;
padding-top: 40px;
font: 1.2em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif;
color: #000;}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align:right;}

#nav li {display: inline;}

#nav li a {
text-decoration: underline;
padding: 10px 10px;
color: #000;}

#nav li a:hover {
text-decoration: underline;
color: #0098d8;}

#nav li a.constant { text-decoration: underline; color: #0098d8;}



#menu{
width: 100%;
height: 60px;
background: url(images/menubkgrd.gif) repeat-x;
font: 1.5em TitilliumMed, Arial, Helvetica, sans-serif;
color:#fff;
margin-bottom: 20px;}

#menu ul{
margin: 0;
padding: 0;
list-style: none;}

#menu li {
float: left;
text-align: center;
border-left: solid 1px #464646;
border-right: solid 1px #090b0b;}

#menu li a{
background:url(images/targeticon.png) center left no-repeat;
display: block; 
text-decoration: none; 
color: #fff;
padding: 21px 36px 15px 50.75px;}

#menu li a:hover{background:url(images/targeticon.png) center left no-repeat;text-decoration: none; color: #0098d8; background-color: #000000;}



#sidebar{
width: 20%;

float: left;
padding: 0;
font: 1em TitilliumReg, Arial, Helvetica, sans-serif;}

#sidebar ul {
list-style: none;
margin: 0;
padding: 0;}

#sidebar li {
font: 1em/2em TitilliumMed, Arial, Helvetica, sans-serif;
color: #000;}


#sidebar li a{text-decoration: underline; color: #000;}
#sidebar li a:hover{text-decoration: underline; color: #0098d8;}
#sidebar li a.constant{text-decoration: none; color: #0098d8;}




/* ---Typography--- */

p{font: 1em/1.5em Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 10px;}

h1{font: 3em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal; color: #ffffff; margin-bottom: 10px; text-shadow: 0px 1px 1px #000;}

h2{font: 2em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal; color: #0098d8; margin-bottom: 10px;}

h3{font: 1.8em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; color: #cca642; margin: 10px 0;}
h3 span{font: 0.8em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; color: #cca642;}
 
h4 {font: 1.2em/1.5em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; color: #0098d8; disply: block; border-top: 5px solid #0098d8; width: 75%; padding-top: 6px; margin-bottom: 10px;}

.footer h1{font: 1.5em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; margin-bottom: 10px;text-shadow: 0px 1px 1px #000;}

.footer p{font: 0.875em/1.3em Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; margin-bottom: 10px;}

p span {color: #0098d8;}


blockquote {font: 2.3em/1.5em TitilliumMed, Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif; color: #363636; margin: 20px 0;}
blockquote a{text-decoration:none ; color:#0098d8;}
blockquote a:hover{text-decoration: underline; color:#0098d8;}

@font-face {
font-family: 'TitilliumMed';
src: url('type/TitilliumText22L004-webfont.eot');
src: local('☺'), url('type/TitilliumText22L004-webfont.woff') format('woff'), url('type/TitilliumText22L004-webfont.ttf') format('truetype'), url('type/TitilliumText22L004-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'TitilliumReg';
src: url('type/TitilliumText22L003-webfont.eot');
src: local('☺'), url('type/TitilliumText22L003-webfont.woff') format('woff'), url('type/TitilliumText22L003-webfont.ttf') format('truetype'), url('type/TitilliumText22L003-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;}


/* ---Lists--- */

.col-4 ul {
list-style: disc;
margin: 0 20px;
padding: 0;}

.col-4 li {
font: 1em/1.5em Lucida Grande, Trebuchet MS, Arial, Helvetica, sans-serif;
color: 000;}