body {
background-color:#CCCCCC;
margin:0;
padding:0;
margin-top:5px;
font-size:62.5%;}

h1, h2, h3, h4, h5, p {
margin:0;
padding:0;
}

p {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:7px;
line-height:1.25;}

#container {
width:860px;
margin:0 auto;
background: #CCCCCC url(./images/middle_gray6.gif) top left repeat-y;}

#top-hat {
width:860px;
margin:0;
padding:0;
height: 24px;
font:Arial, Helvetica, sans-serif;
color: #8F0326;
background:#CCCCCC;
}

#top-hat p{
font:Arial, Helvetica, sans-serif;
color: #8F0326;
font-size: 1.3em;
}

#header{
background: #CCCCCC url(./images/top_gray6big.jpg) top left no-repeat;
height:185px;
width:100%;
}

ul#mainNav {
list-style:none;
background:#8F0326 url(./images/nav_silver.gif) top left repeat-x;
width:800px;
float:left;
margin:0;
padding:0;
line-height:24px;
}


/*
#mainNav li {
display:inline;} not needed for horizontal navigation.  this gets rid of the space between lines.
*/

#mainNav li {
float:left;
width:10em;
}

#mainNav a, #mainNav a:visited {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-transform:uppercase;
text-decoration:none;
display:block;
width:10em;
padding:0;
text-align:center;
background:#E7E7E7 url(./images/nav_silver.gif);

}

*html #mainNav a {
height:1px;}

#mainNav a:hover {
background:#FFFFFF url(./images/nav_red.gif) top left repeat-x;
}

body#home a#homeLink,
body#experience a#experienceLink,
body#achievements a#achievementsLink,
body#bio a#bioLink,
body#duties a#dutiesLink,
body#blog a#blogLink,
body#volunteer a#volunteerLink {
color:#FFFFFF;
background: url(./images/nav_red.gif) top left repeat-x ;
}

#content{
width:800px;
margin:0 auto;
}


#mainContent{
width:500px;
float:left;
clear:left;
}

#mainContent h1 {
color:#8F0326;
font-family:Arial, Helvetica, sans-serif;
font-size:2.4em;
margin:10px 0 12px 0;
}

#mainContent h2 {
color:#8F0326;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
margin-top:10px;
}

#mainContent h1, h2, p {
margin-left:10px;}

#mainContent a:link, #mainContent a:visited {
color:#8F0326;
border-bottom:#CCCCCC dashed 1px;
text-decoration:none;
}

#mainContent a:hover {
background:#8F0326;
color:#FFF;
}

#news {
width:260px;
float:right;
clear:right;
margin-right:7px;
padding-top:10px;}

#news p {
padding:0 5px 0 5px;
margin-top:5px;}

#news a:link, #news a:visited {
color:#8F0326;
border-bottom:#CCCCCC dashed 1px;
text-decoration:none;
}

#news a:hover {
background:#8F0326;
color:#FFF;
}

/*volunteer image*/
#news .image a:link, #news .image a:visited {
background:none;
text-decoration:none;
background-color:#FFF;
border-bottom:none;
}

#news .image a:hover {
background:none;
text-decoration:none;
background-color:#FFF;
border-bottom:none;
}

#footer {
background:#cccccc url(./images/bottom_gray6.jpg) bottom left no-repeat;
height:75px;
width: 860px;
margin:0 auto;
clear:both;}

.clear {clear:both;}

ol.numbers {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;}

ol.numbers li {
font-weight:bold;}

.center {
margin:0 auto;
width:800px;
}

.img-wrapper {
background: url(./images/shadow.gif) no-repeat bottom right;
clear:left;
float:left;
position:relative;
margin:0 7px 3px 7px;
}

.img-wrapper img{
background-color:#FFFFFF;
border:1px solid #a9a9a9;
padding:4px;
margin:-3px 3px 3px -3px;
position:relative;
display:block;
}

ul.bullet {
margin:0;
padding:0;
list-style:none;
margin-left:7px;
}

ul.bullet li {
background:url(./images/diamondblue.png) no-repeat 0 1px;
padding-left:25px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}

.box {
width:260px;
background: url(./images/graybox2.gif) no-repeat bottom left;
padding-bottom:5px;
}

.box h3 {
margin:0;
padding:7px 8px 6px 10px;
font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
border-bottom:1px solid #666666;
background:url(./images/blue.jpg) no-repeat top left;
}

.image {
text-align:center;
margin-top:10px;
margin-bottom:10px;}

.bold {
font-weight:bold;}

.paidFor {
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-align:center;
}