/* Put Notes Here */

* { padding: 0; margin: 0; }

body {
 font: 13px/1.5em Arial;
 background-color: #660000;
 background-image: url('images/background.jpg');
 background-repeat: repeat-x;
 background-color:#670001
}

#wrapper { 
 margin: 0 auto;
 width: 822px;
}

#header {
 width: 790px;
 height: 100px; 
 padding: 0 10px 0 0;
 margin: 9px 0 0 0;
 border-top: 2px solid #cc9900;
 border-right: 2px solid #cc9900;
 border-left: 2px solid #cc9900;
 clear: both;
 background-color: #E8E8E8;
 background-image: url('images/header-background.jpg');
 background-repeat: repeat;
}

#menu {
 width: 800px;
 height: 16px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0 0 0;
 float: left;
 clear: both;
 text-align: center;
 border: 0px solid #cc9900;
}

#content { 
 background: #fff;
 margin: 4px 0 0 0;
 padding: 15px 10px 10px 10px;
 min-height: 460px;
 width: 780px;
 float: left;
 clear: both;
 border-left: 2px solid #cc9900;
 border-right: 2px solid #cc9900;
}

#content-graphic {
 float: left;
 padding-left: 65px;
 padding-top: 32px;
 background: #FFF;
 width: 735px;
 height: 53px;
 background-image: url('images/content-background.jpg');
 background-repeat: norepeat;
 border-top: 1px solid #cc9900;
 border-left: 2px solid #cc9900;
 border-right: 2px solid #cc9900;
 border-bottom: 2px solid #cc9900; 
}

#footer { 
 width: 800px;
 height: 25px;
 float: left;
 clear: both;
 display:inline;
 margin: 5px 0 5px 0;
 padding: 0;
 text-align: center;
 border-top: 0px solid #cc9900;
 border-bottom: 0px solid #cc9900;
 border-right: 0px solid #cc9900;
 border-left: 0px solid #cc9900;
}

/* Images and Captions */

#mugshots {
 float:left;
 border: 2px solid #660000;
 margin-right: 5px;
}

#frames {
 float: left; 
 padding: 10px 0 10px 0; 
}

#imagesleft {
 border: 3px solid #660000;
 float: left;
 padding: 5px;
 margin: 0 10px 0 0;
}

#imagesleft-noborder {
 float: left;
 padding: 5px;
 margin: 0 10px 0 0;
}

#imagescenter {
 border: 3px solid #660000;
 float: middle;
 padding: 5px;
 margin: 0;
}

#imagesright {
 border: 3px solid #660000;
 float: right;
 clear: right;
 padding: 5px;
 margin: 0 0 0 10px;
}

#imagesright-noborder {
 float: right;
 padding: 5px;
 margin: 0 0 0 10px;
}

/* Text Styles */

a:link {color:#0000FF; text-decoration:none}
a:visited {color:#0000FF; text-decoration:none}
a:hover {color:#660000; text-decoration:underline}
a:active {color:#660000; text-decoration:underline}

.bottombanner {color:#303030; font-size:10px;}

.caption {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.footer {font-family: Arial; font-size: 10px; color: #F0F0F0; line-height: 12px;} 
a.footer:link {color:#F0F0F0; text-decoration:none}
a.footer:visited {color:#F0F0F0; text-decoration:none}
a.footer:hover {color:#cc9900; text-decoration:underline}
a.footer:active {color:#cc9900; text-decoration:underline}

.header { font-family: Arial; font-size: 40px; color: #660000; font-weight: bold; }
.subheader { font-family: Times New Roman; font-size: 14px; color: #660000; font-weight: bold;}

.contact {font-family: Arial; font-size: 12px; color: #f0f0f0;}
a.contact:link {color:#f0f0f0; text-decoration:none;}
a.contact:visited {color:#f0f0f0; text-decoration:none;}
a.contact:hover {color:#FFCC00; text-decoration:underline;}
a.contact:active {color:#FFCC00; text-decoration:underline;}

.menu {font-family: Arial; font-size: 12px;	color: #FFCC00;	line-height: .5cm; letter-spacing: .03cm}
a.menu:link {color:#FFCC00; text-decoration:none;}
a.menu:visited {color:#FFCC00; text-decoration:none;}
a.menu:hover {color:#f0f0f0; text-decoration:underline;}
a.menu:active {color:#f0f0f0; text-decoration:underline;}

ul {list-style-type: disc; margin-left: 2em; padding-left: 0;}

.clear {clear: both;}
.clear span {position: absolute;left: -9999em;}