/* Clear
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,img {
	margin:0;
	border:none;
	padding:0;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

li {
	display:list-item;
	list-style-type:none;
	list-style-position:outside;
}

a img { border:none; }


/* General
----------------------------------------------- */
body {
	position:relative;
	background:#660000;
	color:#4f4f4f;
/*	font-family:arial,verdana,"sans serif"; 
    font-family: Tahoma, serifSansSerifMonospace; 
    font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: "Times New Roman", serif;
	font-size:75.5%; /* scaled default font size; 1em = 10px */
	line-height:24px;
	text-align:center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	line-height:1.2em;
}


h2 {
	font-size:2em;
	font-family:"Lucida Bright","MS Sans Serif",Georgia,Arial,Verdana,"sans serif";
	color:#660000;
	font-weight:normal;
	padding:0 0 4px 0;
	margin-bottom:6px;
	display:block;
	height:28px; /* Needed, otherwise IE6 hides dotted line.
					Cannot fix with position relative because 
					then the menu get covered up and becomes
					inaccessible */
}

h3 {
	font-size:1.25em;
	margin:0 0 1em 0;
	color:#4f6675;
	font-weight:bold;
	font-family:"Lucida Bright","MS Sans Serif",Georgia,Arial,Verdana,"sans serif";
	
}

/* Content Links */
#content a {
	color:#003399;
}


#content a:hover,
#content a:visited,
#content a:focus,
#content a:active {
	color:#000066;
}

blockquote {
	position:relative;
	background:#d4ddcb url('../images/blockquote-bottom.gif') no-repeat left bottom;
	font-size:1.818em;
	font-family:"Bookman Old Style","Times New Roman",Georgia,Arial,Verdana,"sans serif";
	margin-bottom:12px;
	padding:20px;
}
html>body blockquote span {
	left:0;
}

blockquote span {
	position:absolute;
	background:transparent url('../images/blockquote-top.gif') no-repeat top left;
	width:341px;
	height:10px;
	top:0;
	left:-20px;
}

/* Website Structure
----------------------------------------------- */
#container{	background:#fff;
	width:876px;
	margin:0 auto;}
	
#page{
	width:854px;
	min-width:854px;
	margin:0 10px 0 10px;

}

#page {
	position:relative;
	margin-top:0;
	padding-top:0;
	background:#fff;
	text-align:left;
}

#headerBG {
	position:relative;
	height:316px;
	background:#fff;
	border-bottom:#660000 5px solid;
	
	
	
}

#Banner{ height:260px; width:100%; border-top:#660000 solid 5px;}


#logo h1,
#logo h1 span {
	margin:0;
	width:854px;
	height:51px;
}

#logo h1 {
	position:relative;
	font-size:1em;

}

#logo h1 a {
	color:#fff;
	text-decoration:none;
	padding:0;
}

#logo h1 span {
	cursor:pointer;
	position:absolute;
	background:url('../images/logo.jpg') no-repeat top left;
}



/* Opera goes bannanas, showing horizontal scrollbar when nav is hovered
I chose #page instead of #nav because Safari would hide the drop menu */
@media screen and (min-width: 0) {

	#page {
		overflow:hidden;		
	}
}

#nav {
	height:34px;
	padding:0;
	margin-left:0;
	margin-top:0;
	text-align:center;
	background:#660000;
}

#nav ul li {
	position:relative;
	display:inline;
	margin:0;
	border-right:#FFFFFF 1px solid;

}

/* Top nav links */
#nav ul li a {
	font-size:1.15em;
	line-height:34px;
	font-family:"Trebuchet MS",tahoma,"Avenir Heavy",arial,verdana,"sans serif";
	text-transform:none;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	padding:0 12px 0 12px;
}

#nav ul li a:hover,
#nav ul li a.current {
	color:#FFFF66;
}

#nav ul li.drop a {
	padding-bottom:6px;
	background:transparent url('../images/arrow.gif') no-repeat center 17px;
}

/* In case you want to add an arrow to the lvel 2 nav */

#nav ul li.drop ul li a {
	padding:0;
	background-image:none;
}

#nav ul li.drop ul li a.sub,
#nav ul li.drop ul li a.sub:hover {
	background-image:url('../images/arrowR.gif');
	background-position:168px 1px;
	background-repeat:no-repeat;
}

#nav ul li.first {
	margin-left:0;
}

#nav ul li.last {
	margin-right:0;
	border-right:none;

}


#nav ul li.drop:hover ul,
#nav ul li:hover ul,
#nav ul li.sfhover ul,
#nav ul li ul li:hover ul.second,
#nav ul li ul li.sfhover ul.second {
    display:block;
}

#nav ul li.drop:hover ul ul,
#nav ul li:hover ul ul,
#nav ul li.sfhover ul ul{
	display:none;
}


#nav ul ul li.drop:hover ul.second,
#nav ul ul li:hover ul.second,
#nav ul ul li.sfhover ul.second {
	display:block;
}


/* First Level */
#nav ul li.drop ul {
	z-index:100;
	display:none;
    position:absolute;
    width:186px;
	top:16px;
	left:-45px;
	padding-top:8px;
	border-bottom:#660000 1px solid;
}

/* 2nd Level */
#nav ul li.drop ul ul {
	z-index:100;
	display:none;
    position:absolute; 
    width:186px; 
	top:-9px;
	left:186px;
	border-bottom:#676765 1px solid;
}

html>body #nav ul {
    width:auto;
}

#nav ul ul ul li,
#nav ul ul li {
	height:auto;
	text-align:left;
	width:178px;
	float:left;

	border-top:#676765 1px solid;
	border-left:#660000 1px solid;
	border-right:#676765 1px solid;
	line-height:1em;
	background:#e1e8ca;
	padding:3px 0 4px 8px;
	margin:0;
	z-index:100;
}

#nav ul ul li:hover,
#nav ul ul li.sfhover{
	background:#ffffff;
	
}
#nav ul ul li a:hover {
	color:#000;
}

#nav ul ul li a {
	display:block;
	width:178px;
	font-size:.95em;
	line-height:1em;
	color:#676765;
	font-family:"Avenir Heavy",arial,verdana,"sans serif";
	text-align:left;
	text-transform:none;
	font-weight:normal;
}




#content {
	background:#fff;
	margin:0 10px 0 8px;
	padding:12px 15px 28px 15px;
	font-size:1.2em;
	text-align:left;
}

#content p,
#content ul {
	padding:0;
	line-height:1.4em;
	margin-left:1px;
	margin-bottom:12px;
}

#content li { list-style-type:disc;margin-left:1.5em;}

.padd18{margin-top:25px;}
.column {
	float:left;
}

.half {
	width:419px;
	padding:0 32px 0 16px;
}

.side {
	width:230px;
padding-left:25px;
	
}
.third{width:220px;margin-left:25px;}
.third p {font-size:1.1em;}
.wide {
	width:550px;

}

.box {height:150px; border-bottom:#d2dbe0 solid 1px;padding:1.5em 5px 0 0;}
.box1 {height:180px; border-bottom:#d2dbe0 solid 1px;}
.box img{}
.hr {
	line-height:0;
	height:1px;
	background:transparent url('../images/dark-dot.gif') repeat-x top left;
	margin:13px 0 7px 0;
}		

fieldset {padding:1.2em; margin: 0 0 1.5em 0;border:#a3a7aa 1px solid;}
legend {font-weight:bold; text-transform:uppercase;}

.right {
	float:right;
	margin:0 0 15px 15px;
}

.block {
	margin:0 30px;
}

#footer {
	text-align:center;
	color:#FFF;
	font-size:1.1em;
	height:30px;
}

#footer .bar {height:1px; background:#000000; margin:0 11px 0 11px;}

/* Effects
----------------------------------------------- */

.clear { clear:both; }

.row {
display:block;
width:100%;
clear:both;
 }