/* This file creates the layout of the page, including header, nav, body, and footer, but does not include section-specific styles for easier maintenance.
Look in sections.css for that stuff.  And no, I don't include the nav as section specific stuff, since the nav is common to all pages.*/ 
div.rightBackground {
position: absolute;
height: 237px;
width: 49%;
right: 0;
background: transparent url(../_images/bodyBackgroundRight.gif) repeat-x left top;
}

div#contain {
width:973px;
position: relative;
margin: auto;
background: #fff url(../_images/bodyBackgroundTop.gif) no-repeat left top;
}

h1 {
padding-left: 15px;
}

h1 a {
display: block;
width: 375px;
height:30px;
text-align: center;
position: absolute;
top: 12px;
text-indent: -2000px;
}

p.tagline {
position: absolute;
left: 215px;
top: 47px;
font-size:0.8em;
color: #FFF;
font-style: italic;
letter-spacing: 1px;
font-weight: bold;
}

ul.ancil, ul.primary {
list-style: none;
padding: 0;
position: absolute;
}

ul.ancil {
right: 0;
top: 20px;
}

ul.ancil li {
display: inline;
padding: 0 5px;
}

ul.ancil a {
text-decoration: none;
color: #FFF;
font-size: 0.6em;
}

ul.primary {
left: 20px;
top: 65px;
}

ul.primary li {
display: inline;
padding: 0 5px;
}

ul.primary a {
text-decoration: none;
font-weight: bold;
font-size: 0.7em;
}

div#footer {
border-top: 10px solid #F4F2E8;
background-color: #B3CEDD;
color: #FFF;
text-align: center;
margin-top: 10px;
padding-top: 7px;
font-size: 0.8em;
clear: both;
}

div#footer a {
color: #FFF;
}

div#mainBody {
margin-top: 130px;
padding: 0 20px;
font-size: 0.8em;
}