/* COLORS */
.bg1 {background-color: #CCCC99;} /* BEIGE */
.bg2 {background-color: #A90000;} /* RED */
.bg3 {background-color: #000000;} /* BLACK */


/* MAIN STYLES */
body 
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a:link {color: #003399}
a:visited {color: #663399}
a:active {color: #003399}

td.content
{
	padding: 10px 0px 10px 0px;
	height: 300px;
	width: 610px;
}

h1
{
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

h2
{
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

h3
{
	font-size: 110%;
	font-weight: bold;
	color: #AA2222;
}

h3 a
{
color: #aa2222;
}

p, ul, ol
{

}

.small {font-size: 85%}

.big {font-size: 115%}

.red {color: #AA2222;}

.big_red {font-size: 150%; color: #AA2222;}


td.hp-photo {
background: #000;
padding: 0.6em 0;
}

.clear-float {
clear: both;
display: block;
}

/*======== NAVS ========*/

/** homepage nav **/
ul.hp-nav {
list-style: none;
margin: 8px 0 7px 0;
padding: 0;
font-family: arial, univers, sans-serif;
font-size: 0.75em;

clear: both;
overflow: auto;
border-bottom: 1px solid #cc9;
}

ul.hp-nav li {
margin: 0;
padding: 0;
display: inline;
}

ul.hp-nav li.last {
font-size: 1.15em;
font-weight: bold;
}

ul.hp-nav a, ul.hp-nav a:visited {
display: block;
height: auto;
margin: 0.3em 0;
padding: 0;
text-decoration: none;
color: #000;
}

ul.hp-nav a:hover {
text-decoration: underline;
color: #000;
}

/** subpage nav **/
td.nav 
{
	padding: 0px 0px 2px 0px;
	font-size : 12px;
	text-decoration : none;
}

td.nav a:link
{
	color: #003399;
	text-decoration: underline;
}

td.nav a:visited
{
	color: #003399;
	text-decoration: underline;
}

td.nav a:hover
{
	color: #003399;
	text-decoration: none;
}
/*======== END: navs ========*/

/* MISC */
.copyright
{
	font-size: 70%;
	padding: 5px 0px 20px 0px;
}

a.announcement 
{
	font-size: 80%;
	color: #A90000;
}

div.caption
{
font-size: 80%;
background-color: #dddddd;
padding: 10px;
}

/* Homepage Features */
a div.feature1
{
cursor: pointer;
float: right;
display: block;
width: 200px;
margin: 10px 0px 0px 0px;
border: 2px solid #a90000;
color: #a90000;
text-decoration: underline;
font-size: 0.75em;
font-weight: bold;
}

a:hover div.feature1 {color: #a90000; text-decoration: underline;}

div.feature1-body
{
padding: 8px;
}

a div.feature2
{
cursor: pointer;
width: 600px;
margin: 15px auto 15px auto;
border: 2px solid #ffffff;
color: #ffffff;
text-decoration: underline;
text-align: center;
font-size: 0.75em;
}

a:hover div.feature2 {color: #ffffff; text-decoration: underline;}

div.feature2-body
{
padding: 8px;
}
/* END: Homepage Features */