html, body, #container {
height:100%;
font-family: Arial, Helvetica, sans-serif, Geneva;
font-size:100%;
line-height:1.125em;
margin:0;
padding:0;
color:black;
}

body > #container {height: auto; min-height: 100%;}

html {overflow: -moz-scrollbars-vertical;}

body a{
color:black;
text-decoration:underline;
}

body a:hover{
color:#00AEEF;
}

table.items{
font-size:0.875em;
border: #dcdcdc thin solid;
}

tr.itemheader{
   background-color:#00AEEF;
   color:white;
}

tr.itemheader a{
   color:white;
   text-decoration:none;
}

tr.itemheader a:hover{
   color:black;
}

tr.itemfooter{
   background-color:#00AEEF;
   color:white;
}

tr.itemfooter a{
   color:white;
   text-decoration:underline;
}

tr.itemfooter a:hover{
   color:black;
}

tr.odd  {
   Background-color : white;
}
tr.even  {
   Background-color : #dcdcdc;
}

h1 {font-size:1.3em; margin-bottom: 0;}
h2 {font-size:1.2em; margin-bottom: 0;}
h3 {font-size:1.1em; margin-bottom: 0;}

form { margin-bottom: 0;}

#headerOuter{
height:200px;
width:100%;
border:0px solid black;
background-color:#00AEEF;
text-align:center;
}

#headerInner{
font-size:0.875em;
border:0px solid black;
text-align:left;
padding-top:10px;
width:760px;
height:190px;
margin-left:auto;
margin-right:auto;
}

#nav{
padding-top:20px;
float:left;
width:180px;
height:160px;
border-left:1px solid black;
padding-left:10px;
}
#nav ul li a{
font-weight:bold;
color:black;
margin-left:0em;
text-decoration:none;
list-style:none;
}
#nav ul li a:hover{
color:white;
padding-left:.5em;
}
#nav a{
color:white;
margin-left:0em;
text-decoration:underline;
list-style:none;
}
#nav a:hover{
color:black;
}

#headerGraphic{
float:left;
width:560px;
height:180px;
border:0px solid black;
background-image:url(images/header.jpg);
}

#breadcrumbOuter{
padding-top:10px;
width:100%;
height:30px;
border:0px solid black;
text-align:center;
}

#breadcrumbInner{
color:#00AEEF;
border:0px solid black;
font-size:1em;
text-align:left;
width:740px;
margin-left:auto;
margin-right:auto;
}

#breadcrumbInner a{
color:#00AEEF;
text-decoration:underline;
}

#breadcrumbInner a:hover{
color:black;
}

#contentOuter{
padding-top:0px;
border:0px solid black;
width:100%;
background-color:#FFFFFF;
text-align:center;
}

#contentInner{
padding-top:10px;
font-size:0.875em;
text-align:left;
border:0px solid black;
width:740px;
margin-left:auto;
margin-right:auto;
}

#main {padding-bottom: 20px;}  /* must be same height as the footer */

#footer {
padding-top:0px;
font-size:.875em;
position: relative;
margin-top: -20px; /* negative value of footer height */
height: 20px;
clear:both;
width:100%;
background-color:#00AEEF;
text-align:center;
border:0px solid black;
}

#footer a{
color:black;
text-decoration:none;
list-style:none;
}
#footer a:hover{
color:white;
}

#foot {
width:740px;
border:0px solid black;
margin-left:auto;
margin-right:auto;
}
#foot #left {width:400px;float:left;text-align:left;}
#foot #right {width:250px;float:right;text-align:right;}

/* CLEAR FIX*/
.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 */

