/******* structure and layout *******/
body {
margin:10px;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
}

.leftcontent {
position: absolute;
left:10px;
top:126px;
width:200px;
background:#ffffff url(img/left_bg.gif);
border:none;
text-align:left;
}

.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#003399;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#centercontent {
background:#ffffff;
margin-top:10px;
margin-left: 199px;
margin-right:199px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
padding: 10px;
}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

#rightcontent {
position: absolute;
right:10px;
top:130px;
width:200px;
background:#ffffff;
}

#banner {
background:#ffffff url(img/header_bg.gif);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
}
html>body #banner {
height:116px;
}

.footer {
position: relative; top: 10px;
background:#ffffff;
border:1px solid #ffffff;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#cc9933;
clear: both;
}

.page_title {
position:absolute;
top:53px;
left:220px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,pre {
margin:10px 10px 10px 10px;
}

/******* left navigation *******/
#nav ul {
margin:10px 0 10px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
list-style-type: none;
background:#009933;
color: #003399;
border:1px solid #cc9933;
text-align:left;
padding:0 0 0 0;
margin-bottom:6px;
}

#nav li a {
color: #ffffff;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 2px 2px 5px;
}

#nav li a:hover {
background:#ffffff;
color: #0099cc;
}

#nav li a:hover:after {
/* this puts that little blue box after the left navigation links on hover */
background:#ffffff;
color: #0099cc;
content: url(img/square.gif);
}

/******* fonts and colors *******/
a {
color:#009933;
text-decoration:underline;
}

a:hover {
color:#cc3333;
text-decoration:none;
}

#footer a {
color:#009933;
text-decoration:underline;
}

#footer a:hover {
color:#cc3333;
text-decoration:none;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#0099cc;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:#009933;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18pt;
color:#cc9933;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:27px;
height:27px;
margin-right:5px;
background-image: url(img/bluedove.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 5px 10px;
background:#cc9933;
border-left:2px solid #663399;
font-family: "Lucida Handwriting", cursive;
color:#663399;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

#subhead {
color:#003399;
}

/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list.gif) no-repeat;
background-position: 3px .3em;
color:#0099cc;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list2.gif) no-repeat;
background-position: 0.3em;
color:#003399;
}


/******* images *******/
img {
border:none;
}

img.bio {
float: left; margin-right: 10px;
border:2px solid #cc9933;
}

img.right {
float: right; margin-left: 5px;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */