/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */

html { margin:0px; padding:0px; }

body
	{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family:verdana, arial, tahoma, sans-serif; 
	font-size:small; /* this setting changes in large.css and medium.css */
	color:#000000;
	}
	
div {margin:0px; padding:0px;}

img {border:0px;}

/* ====================================================================
LAYOUT POSITIONING
-------------------------------------------------------------------- */

#masthead /* encloses everything in the mast */
	{
	width:750px;
	}
	
.tabs 
	{
	float:left; 
	border:0px solid #000000;
	margin-top:57px;
	margin-bottom:0px;
	padding:0px;
	}
	
#address
{
	font-size: 0.8em;
	text-align: right;
	padding: 1em auto 5px 1em;
}
	
	
#bar /* green separator between header and content */
	{
	width:750px;
	border:0px;
	}
	
#pagebody /* encloses everything between the header and footer */
{
	width: 750px;
	text-align: left;
}
	
#footer 
	{
	margin-top:10px;
	text-align:center;
	padding: 0px;
	padding-top:3px;
	clear: both;
	border: 0px;
	width:750px;
	color:#000000;
	background-image: url(../images/footerbg.gif);
	}
	
/* ====================================================================
COSMETIC STYLING
-------------------------------------------------------------------- */
	.leftalign /* styling for left-aligned images */
	{
	float:left; 
	padding-right:4px;
	padding-bottom:4px;
	border:0px;
	}
	
	.clear /* replaces br clear="all" tags */
	{
	clear:both;
	}

	.headers /* styling for the burgundy title bars */
	{
	padding:2px; 
	background-color:#660000; 
	color:#ffffff; 
	font-weight:bold; 
	text-align:center;
	font-size:x-small;
	}
	
	.padding /* indents page content within internal pages */
	{
	padding:4px; 
	}
	
	.titles /* styling for the burgundy page titles */
	{
	padding:0px; 
	color:#660000; 
	font-weight:bold; 
	text-align:left;
	font-size:medium;
	font-variant:small-caps;
	text-transform: capitalize;
	}
	
	.subtitles /* styling for the smaller black page titles */
	{
	padding:0px; 
	color:#000000; 
	font-weight:bold; 
	text-align:left;
	font-size:small;
	}
	
	.linklist
	{
	padding-bottom:4px;
	list-style:none; 
	}
	
/* ====================================================================
MAINPAGE-SPECIFIC STYLING
-------------------------------------------------------------------- */
	
p.mainpage /* the text beneath the three icons on the homepage */
	{
	text-align:center;
	font-weight:bold;
	}
	
ul.mainpage /* the sitemap-style links on the mainpage */
	{
	list-style:none; 
	text-align:left;
	}	

#sidebar /* on the mainpage, containing video link and newsletter signup */
	{
	margin-top:16px;
	float:right;
	width:160px;
	border:0px solid #000000;
	font-size:x-small;
	}
	
	
	
#news /* on the mainpage */
{
	float: left;
	width: 540px;
	padding: 0px 5px 0px 10px;
	border-color: #530004;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	margin: 16px 0px 0px 0px;
}
	

/* ====================================================================
DYNAMIC DROPDOWN MENU STYLING
-------------------------------------------------------------------- */
.anylinkcss
{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0px;
z-index: 100;
background-color: #ffffff;
width: 200px;
font-size:small;
}

.anylinkcss a
{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px;
text-decoration: none;
text-indent: 5px;
}

.anylinkcss a:visited
{
background-color: #ffffff;
color: #660066;
text-decoration:none;
}

.anylinkcss a:hover
{ /*hover background color*/
background-color: #660000;
color: #ffffff;
text-decoration:underline;
}