/*  General Styles ------------------------------*/
html, body {
height: 100%; /* for firefox */
}

body{
margin:0px 5% 0px 5%;
padding:0;
background:#3D141A url("images/background.gif") top left;
}

/* TEXT -----------------------------------*/
.normal {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color:#fff;
}
.aboutindent {
margin:0; padding:5px 20px 0 150px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height:1.5em;
	color:#3D141A;
}
.aboutindent2 {
margin:0; padding:5px 20px 0 280px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height:1.5em;
	color:#3D141A;
}
.normalpurple {
margin:0; padding:5px 20px 0 20px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height:1.5em;
	color:#3D141A;
}
.largepurple {
margin:0; padding:5px 20px 0 20px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height:1.5em;
	color:#3D141A;
}
.normalitalic {
margin:0; padding:5px 20px 0 20px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	line-height:1.5em;
	color:#3D141A;
}
.boldpurple {
margin:0; padding:5px 20px 0 20px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height:1.5em;
	color:#3D141A;
}
.normal_bold {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.legal {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	color:#333;
}
a:link, a:visited,  a:active{
font-weight: normal; 
	text-decoration: underline; 
	color: #FFF;
	}
a:hover { 
	text-decoration: none; 
	color: #FFF;
}
.normalpurple a:link, .normalpurple a:visited,  .normalpurple a:active{
font-weight: normal; 
text-decoration: underline; 
color: #3D141A;
}
.normalpurple a:hover { 
text-decoration: none; 
color: #3D141A;
}
.table{
width:700px;
text-align:left;
}
.left{
margin:0;
padding:0;
}
.right{
margin:0;
padding:0;
}
/*  Top Area ------------------------------*/
#top {
margin:0;/*to stretch to full width of layout*/
padding:0;
text-align:center;
height:150px;
border-bottom: 1px solid #fff;
}
#top h2{
margin:0;
padding:10px 0 10px 0;
}

/*   Banner Area -----------------------*/
#banner {
margin:0;/*to stretch to full width of layout*/
padding:0;
float: left;
height:148px;
}

/*  Main Content Area ------------------------------*/
#container{
float:left;
width:700px;
margin:0;
padding:0;
display:inline; /* So IE plays nice */
}

/*  Center Column ------------------------------*/
#centerColumn{
margin:0;
padding:0;
float:left;
width:700px;
}
#centerColumn .top{
margin:0;
padding:0;
width:700px;
height:16px;
background: #D3D1D2 url("images/boxtopleft.gif") top left no-repeat;
}
#centerColumn .sides{
margin:0;
padding:0;
background: #D3D1D2 url("images/boxsides.gif") top repeat-y;
}
#centerColumn .bottom{
margin:0;
padding:0;
width:700px;
height:16px;
background: #D3D1D2 url("images/boxbottomright.gif") bottom no-repeat;
}

/*  Footer ------------------------------*/
#footer {
margin:0;/*to stretch to full width of layout*/
padding:0;
clear: both;
height:auto;
}
*html #footer{
height:1em;/*eliminates gap*/
}

/* ----------------- DROP DOWN NENU ------------------- */
#navigation {
margin:0;
padding:0;
}
/* MAIN LEVEL STYLING --------------------------- */
#nav{
margin: 0;
padding: 10px 0 0 0;
float:left;
width:700px;
list-style:none;
line-height: 1.5em;
left:10%;
position:relative;
z-index:2;
}
*html #nav{
height:1.8em;
}

#nav li{
margin: 0;
padding: 0;
float: left;
position:relative;
}

#nav a, #nav a:visited{
margin:0;
padding:2px 7px 2px 7px;
float: left;
display: block;
font-family: Verdana, Verdana;
font-size:13px;
color:#fff;
height:25px;
text-decoration:none;
border-left: 1px solid #fff;
}
#nav a.home, #nav a.home:visited{
border-left:none;
}

/* SUB LEVEL STYLING --------------------------- */
#nav ul {
margin:0px;
padding:0px;
top:100%;
left:0px;
list-style:none;
background:#FFF;
line-height: 1.5em;
visibility:hidden;
position:absolute;
}
*html #nav ul{
line-height:1.8em;
top:3em;
width:200px;
}

#nav ul li{
margin:0px;
padding:0px;
float: left;
font-family: Verdana;
font-size:small;
position:relative;
}

#nav ul a, #nav ul a:visited{
margin:0px;
padding:3px 3px 3px 7px;
float: left;
display: block;
width:220px;
color:#3d141a;
border:none;
height:auto;
line-height:1.5em;
}

#nav ul a.drop, #nav ul a.drop:visited { /* Shades Cell with More menu items */
background:#d4d8bd /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* THIRD LEVEL STYLING --------------------------- 
#nav ul ul {
margin:0;
padding:0;
top:0px;
left:100%;
list-style:none;
background:#CC0;
line-height: 1.5em;
visibility:hidden;
position:absolute;
}
*html #nav ul ul{
left:206px;
}
#nav ul ul li{
margin:0px;
padding:0px;
}

#nav ul ul a, #nav ul ul a:visited{
float: left;
display: block;
margin:0;
padding:0;
width:150px;
color:#000;
}*/

#nav table {position:absolute; top:0; left:0;}

/* SUBMENU SHOW-HIDE COMMANDS -------------------- */
#nav li:hover ul,
#nav a:hover ul{
visibility:visible; 
}
#nav :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav :hover ul :hover ul{ 
visibility:visible;
}

/* ALL HOVERS -------------------- */

/* style the top level hover */
#nav a:hover{
color:#FFF;
text-decoration:underline;
}

#nav ul a:hover{
color:#3d141a;
text-decoration:underline;
}
#nav :hover > a {
color:#fff;
text-decoration:underline;
}
#nav ul :hover > a { /* Mozilla Only - Hilite while on a submenu*/
color:#3d141a;
text-decoration:underline;
}

/* style the second level hover */
#nav ul a.drop:hover{ 

}
#nav ul :hover > a.drop {

}

/* style the third level hover */
#nav ul ul a:hover {

}