/***RESET***/

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
del, dfn, em, font, img,
small, strike, strong, sub, sup, tt, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/** FONT STYLES **/
#list ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 1.5em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #737373;
text-decoration: none;
text-indent: 5px;
list-style-position: outside;
padding: 6px;
margin: 2px;

}

blockquote {
	margin: 1em 20px;
	font-family: sans-serif;
	font-size: 12px;
	text-align: left;
	color: #737373;
	padding-left: 50px;
	line-height: 1.5;
	padding-top: 20px;
	background: transparent url(../images/quote.gif) no-repeat; }

a { 
color: #737373;
text-decoration: none;
font-family: sans-serif;
}

a:hover {
text-decoration: underline;
}

.topContact {
font-size: 10px;
text-align: right;
padding: 0 20px 0 0;
font-family: sans-serif;
}

.title {
font-family: Georgia;
font-size: 25px;
padding: 0 0 10px 0;
color: #9c0011;
letter-spacing: 1px;
}

.bodyCopy {
font-family: sans-serif;
font-size: 12px;
text-align: left;
color: #737373;
padding: 10px 0 0 0;
line-height: 125%;
}

.bodyTitle {
font-family: sans-serif;
font-size: 18px;
text-align: left;
padding: 10px 0 0 0;
color: #211257;
letter-spacing: 1px;
}

.details {
font-family: sans-serif;
font-size: 10px;
color: gray;
text-align: left;
padding: 10px 0 0 0;
}

.footer {
font-family: sans-serif;
font-size: 11px;
color: #737373;
text-align: left;
padding-left: 20px;
}

/** INPUTS **/

div.buttons {
background: url(../images/buttonGradient.png) repeat-x;
margin: 20px 10px 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #bfbfbf;
height: 16px;
line-height: 16px;
padding: .35em;
float: right;
color: #211257;
font-size: 12px;
font-family: sans-serif;
}


/** IMAGE STYLES **/
.sectionImage {
border: 1px solid #808080;
padding: 10px;
}

.sectionImageBio {
border: 1px solid #808080;
margin: 0 10px 0 0;
padding: 10px;
float: left;
display: inline;
}


/** MAIN STYLES **/

html {
background: url(../images/backgradient.png) repeat-x #dfdfdf;

}

#container {
margin: 1em auto;
width: 800px;
}

/** TOP HEADER **/

#topHeader {
margin:0;
overflow: hidden;
height: 100%;
}

#header {
overflow: hidden;
margin: 0;
height: 100%; /*Needed for IE6*/

}

#header img {
float: left;
margin: 0 0 0 20px;
}

#header ul#mainNav {
float: right;
font-size: 11px;
text-transform: uppercase;
margin: 45px 20px 0 0;
}

#header ul#mainNav img {
position: relative;
margin: 0;
float:none;
}

#mainNav li {
display: inline;
padding: 12px 3px 0px 3px;
}

ul#mainNav li a:hover, ul#mainNav li a#current{
padding: 0px 0px 1px 0px;
border-bottom:2px solid #211257;
border-top:none;
color: #211257;
text-decoration:none;
}



/** MAIN CONTENT **/

#main {
background: white;
height: 490px;
margin-top: 15px;
overflow: hidden;
padding: 20px;
border: 1px solid #808080;

}

#leftColumn {
height: 100%;
width: 250px;
overflow: hidden;
float: left;
}

#leftColumn ul#navContent {
float: left;
font-family: sans-serif;
font-size: 14px;
margin-top: 15px;
position: relative;
}

#navContent li {
padding-bottom: 10px;
text-transform: uppercase;
}

#rightColumn {
height: 100%;
width: 505px;
overflow: hidden;
float: left;
}


#footer {
clear: both;
height: 100%;
margin: 1em auto;
width: 800px;
overflow: hidden;
}

#footerLeft {
height: 100%;
width: 300px;
overflow: hidden;
float: left;
}

#footer ul#footerNav {
float: right;
font-size: 11px;
padding-right: 20px;
}
#footer li {
display: inline;
}