/* Pretty Stuff================================== */
/* Zero down margin and paddin on all elements */
* {
margin: 0;
padding: 0;
}
body {
font-family: arial;
background-color:#002c57;
}
html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}

h1 {
font-size: 2.4em;
font-weight: normal;
}
h2 {
font-size: 1.0em;
font-weight: bold;
text-align: center;
color:#000066;
}
p, li {
font-size: 1em;
}
h1, h2, p {
margin: 1em 0;
}
a:link {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #8f0000;
font-weight: bold;
}
a:active {
text-decoration: none;
font-weight: bold;
}

ul a{
display:block;
height: 40px;
}

#wrapper {
background-color:white;
}
#branding {
height: 140px;
background-color:white;
}
#branding h1 {
margin: 0;
}
#mainNav {
list-style: none;
text-align:center;
}


#footer {
color:grey;
background-color:#002c57;
padding: 1px 20px;
}
.pageSpacer{
height:25px;
width:800px;
margin: 0 auto;
background-color:#002c57;
}
/* The Core Technique ================================= */
body {
text-align: center; min-width: 760px;
}
#wrapper {width: 800px; margin: 0 auto; text-align: left;}

#bar{ width:790px; padding-right:10px; margin:0 auto;text-align: right; background-color:#87a8ca;}

#mainNav { width: 125px;float: left; background-color:#87a8ca;}

#content {
width: 675px;
float: right;


height:auto;
}

#mainContent { width: 470px; margin: 0; float: left;padding-left: 10px;}
#secondaryContent { width: 180px;display: inline;/* :KLUDGE: Fixes IE double margin float bug */
float: right; }
#footer { clear: both; }
/* Add some padding ================================== */
#mainNav {
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#secondaryContent {
padding-left: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;

}