html,body{margin:0;padding:0}

body{font: 83% Arial, Verdana, serif, sans-serif; background-color: #000;}

/* TEXT STYLES */

p{padding:0 5px 0px; font-size: 1em; line-height: 1.3em; letter-spacing: 1px;}

h1 { font-size: 2.5em; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}

h2 { font-size: 2em; color: #363; line-height: 1.3em; letter-spacing: -1px;}

h3 { font-size: 1.5em; color: #b71;}

h4 { font-size: 1.25em; color: #452;}

h5 {font-size: 1em; font-weight:bold;}

h1,h2,h3,h4,h5 {padding:0 5px 0px;}

#navigation p, #extra p {color:#ff9;}
a:link {  
	color: #000;
	text-decoration:none; 
	border-bottom: 1px solid #b71; 
	padding:1px;
}

a:visited {color: #452; 
	text-decoration:none; 
	border-bottom: 1px solid #b71; }

a:hover {background-color: #79B30B; color:#fff; }

acronym {border-bottom: 1px dotted #b71; cursor:help; } 

label.header {font-size:larger; color: #b71; font-weight:bold; text-transform:uppercase; margin-bottom: 0; padding-bottom:0; } 

/* label.header is the label for the search box but can be used for other forms by using class="header" in a label */

form,submit { padding:0; margin:0; } 

/* removes extraneous padding around the form */

code { border: 1px dotted #b71; border-left: 3px solid #b71; background-color: #dda; padding: 1em; margin-left: 3ex; color:#742;}

blockquote { border: 1px solid #b71; background-color: #dda; margin: 3ex; font-style:italic; width: 90%;}

/* HEADER SECTION */

div#header {margin:0; padding:0; border: #000 2px solid; background: #742 url(images/foilage.jpg) no-repeat right center; height:8em; }
div#header h1 { font-size:220%; font-variant: small-caps; height: 3em; min-height:8em; line-height:80px;margin:0; color: #fff; border-bottom: none; padding:0;}

div#header p#skip{position: absolute; top: 3px; right: 3px; margin:0; padding: 0;}

div#header h1 a 
{ 	height: 3em; 
	min-height:8em; 
	line-height:80px;margin:0; 
	border-bottom: none; padding:0;
}

#skip a,#skip a:visited {color:#fff; border-bottom: 1px solid #b71;}

/* CONTENT SECTION */

div#wrapper{float:left;width:100%;}

div#content hr
{	color:#452;
}

div#content{margin: 0 0 0 200px; padding-bottom: 2em; background-color: #ff9; color: #000;}

div#content p{line-height:1.4; padding-left:10px;}

div#content h2#topper {background:#b71; color:#ff9; margin-top:0; padding-top:0;}

div#content a img
{	border: none;
	padding: 1px;
}

div#content a:link 
{ 	color: #b71; 
	text-decoration: none;
	border-bottom: 1px solid #b71; 
	padding:1px;
}

div#content a:link.image 
{ 	text-decoration: none;
	border-bottom: none; 
	padding:1px;
}

div#content a:visited 
{	color: #452; 
	text-decoration: none;
	border-bottom: 1px solid #452;  
}

div#content a:hover 
{	background-color: #79B30B; 
	color:#fff;
}

div#content img
{	padding: 2px;
}



/* VERTICAL NAVIGATION */

div#navigation{float:left; width:200px;margin-left:-100%; color:#fff; background-color:#000;}

.navcontainer { width: 198px; border-right: 1px solid #000; padding:0; margin-bottom: 1em; background-color: #000;}

.navcontainer ul { list-style-type: none; margin: 0; padding: 0; }

.navcontainer li { padding: 1px 5px }

html>body .navcontainer li a { width: auto;}

.navcontainer li a,.navcontainer li a:visited { color: #ff9; text-decoration:none; display:block; background-color:#333; border: 1px solid #666; padding: 5px 5px 5px 30px; font-weight: bold; border-bottom: none; border-right: none;}

.navcontainer li a:hover,.navcontainer li#active a { border: 1px outset #333; font-weight:bold; border-bottom:none; background-color:#000; }

.navcontainer li.menutitle {background-color: #000; border-left: 10px solid #000 ; border-right:10px solid #000;  font-size:larger; text-align:center; font-weight:bold; padding-bottom:1ex; border-bottom: 1px solid #333; text-transform:uppercase;}

.navcontainer li#last a { border-bottom:none;}  

div#navigation h2 {color: #b71;}



/* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */

.navcontainer li ul li { display:none;} /* this hides all sublinks if it is not the currently active link */
.navcontainer li#active ul li { display: block;} /* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited { border-left-color:#452; border-right-color: #452;  padding: 5px 0 5px 11px; background-color: #000; font-size: 0.85em; color: #fff;}
.navcontainer li#active ul li a:hover { background-color:#fff; color:#b71;}



/* FOOTER SECTION */

div#footer
{	clear:left;width:100%; 
	background-color: #742;
	color: #FFF;
	text-align: center
}

div#footer a:link, div#footer a:visited 
{ 	color:#fff; 
}

div#footer ul 
{	list-style-type:none; 
	margin:0; padding:.8em 0; 
	text-align:center;
}

div#footer ul li 
{	display:inline; padding: 0 4px;
}


/* General Image Stuff */

img.sm { width: 160px; }

/* TABLES */ 

table {border: 2px solid #000; border-collapse:collapse; width:to fit; margin-left: 3ex;}

td {background-color: #fff;padding:3px; border: 1px solid #000}

th {text-align:left;border: 1px solid #fff}
thead th {color:#ff9; font-size:1.5em; background-color: #b71 ; padding: 10px 6px}

tbody th {color:#fff; font-size:1.15em; background-color: #363 ; padding: 6px}

tbody th.sub {font-size: .90em; color:#fff; background-color: #000; padding: 6px}


/* NEWSLETTER VERTICAL NAVIGATION */

div#newsletternav{float:left; width:200px; position:fixed; margin-left:-100%; color:#fff; background-color:#000;}

.navcontainer { width: 198px; border-right: 1px solid #000; padding:0; margin-bottom: 1em; background-color: #000;}

.navcontainer ul { list-style-type: none; margin: 0; padding: 0; }

.navcontainer li { padding: 1px 5px }

html>body .navcontainer li a { width: auto;}

.navcontainer li a,.navcontainer li a:visited { color: #ff9; text-decoration:none; display:block; background-color:#333; border: 1px solid #666; padding: 5px 5px 5px 30px; font-weight: bold; border-bottom: none; border-right: none;}

.navcontainer li a:hover,.navcontainer li#active a { border: 1px outset #333; font-weight:bold; border-bottom:none; background-color:#000; }

.navcontainer li.menutitle {background-color: #000; border-left: 10px solid #000 ; border-right:10px solid #000;  font-size:larger; text-align:center; font-weight:bold; padding-bottom:1ex; border-bottom: 1px solid #333; text-transform:uppercase;}

.navcontainer li#last a { border-bottom:none;}  

div#newsletternav h2 {color: #b71;}



/* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */

.navcontainer li ul li { display:none;} /* this hides all sublinks if it is not the currently active link */
.navcontainer li#active ul li { display: block;} /* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited { border-left-color:#452; border-right-color: #452;  padding: 5px 0 5px 11px; background-color: #000; font-size: 0.85em; color: #fff;}
.navcontainer li#active ul li a:hover { background-color:#fff; color:#b71;}