﻿/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px solid #444444;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
font-weight: bold;
font-size: 11px;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background-color: #993333;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #763030;
}

/* ######### Neutral CSS  ######### */

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}


.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
position: absolute;
top: 68px;
background-color: #305992;
border-top:2px #F57C1F solid;
width:882px;
}

.mattblackmenu li{
display: inline;
margin: 0;
z-index: 5;
}

.mattblackmenu li a {
float: right;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
text-shadow: 0.1em 0.1em 0.2em black;
margin: 0;
padding: 8px 10px; /*padding inside each tab*/
color: white;
}

.mattblackmenu li a:hover {
	background-color: #993333;
}

.mattblackmenu a.selected{
	background-color: #993333;
}

/* ######### Style for Elements ######### */

body {
	background: #DBD1BE; 
	margin: 10px; 
	font-family: verdana, sans-serif; 
	font-size: 12px; 
	color: #ffffff;
}

p,ol,ul {
	font-family: verdana, sans-serif; 
	font-size: 12px;
}

table {
	color: #000000;
}

a {
	text-decoration: none; 
	color: #fff; 
	position: relative;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a:hover {
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	color: #993333;
	text-align: center;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
}

td {
	vertical-align: top;
}

td.center {
	text-align: center;
}

img {
	border: 0px;
}

img.photo {
	margin: 5px; 
	border: solid 1px #000000;
}

img.photoright {
	margin: 8px; 
	border: solid 1px #000000; 
	float: right; 
	clear: right;
}

img.photoleft {
	margin: 8px; 
	border: solid 1px #000000; 
	float: left; 
	clear: left;
}
hr {
	clear: both;
}


/* ######### Style for Classes ######### */

p.quote {
	background-color: #BC6134; 
	text-align: center; 
	border: 1px #444444 solid; 
	padding: 10px; 
	margin: 10px; 
	color: white; 
	min-height: 0; /* Creates a hasLayout for proper working in IE7 */
}

div.quote {
	background-color: #BC6134; 
	text-align: center; 
	border: 1px #444444 solid; 
	padding: 10px; 
	margin: 10px; 
	color: white; 
	min-height: 0; /* Creates a hasLayout for proper working in IE7 */

}

.navbox {
	border: solid 1px #000000; 
	padding: 3px; 
	margin: 5px; 
	float: left; 
	width: 200px;
}
.pictureright {
	width: 300px;
	padding: 5px;
	margin: 5px;
	float: right;
	border: 1px solid black;
	text-align: center;
	clear: right;
}

.headlink {
	line-height: 140%;
}

/* ######### Style for IDs ######### */

#page {
	border: 1px #C2B781 solid;
	position: relative;
	background:#666666;
	padding: 10px;
	width: 882px;
	margin: 0px auto;
}

#header {
	background: #2A72AC; 
	width: 880px; 
	height: 145px; 
	margin: auto;
	position: relative;
	z-index: 1;
}

#lntitle {
	position: absolute;
	left: 150px;
	top: 10px;
}

#logo {
	position: absolute;
	left: 5px;
	top: -10px;
	z-index: 5;
}

#transed {
	position: absolute;
	top: 70px;
	left: 155px;
	color: #74C4FB;
	font-size: 22px;
	font-face: Verdana, sans-serif;
	margin: 0px;
}

#secondlinks {
	float: right; 
	text-align: right; 
	padding: 5px; 
	position: relative;
}

#main {
	text-align: left; 
	color: #000000;
	position: relative;
	background: #F3E6CB url("../../images/layout/bg.png") repeat;
	padding: 10px;
	width:862px;
	margin: 0px auto;

}

#main a {
	color: #993333;
}

#leapyearlinks {
	margin: 5px auto -10px auto;
	width: 860px;
	text-align: center; 
	clear: both;
}

#leapyearlinks p {
	font-size: smaller;
}

#bottom {
	background: #c46535; 
	width: 882px; 
	margin: 8px auto 15px auto; 
	text-align: center; 
	clear: both;
}

#bottom2 {
	width: 882px; 
	text-align: center; 
	margin: 1px; 
	color: white;
}

#bottom2 a {
	color: #999999;
}

#creditfooter {
	display: none;
}


.iefix {
	behavior: url(/iepngfix.htc);
}


#lntitle {
	top: 5px;
	left: 120px;
}
#header {
	height:102px;
	background-color:#3E73BB;
	width: 882px;
}
			
		
#lyhead {
	background-color: #3E73BB;
	margin: -10px;
	text-align: right;
	padding: 10px;
	width: 712px;
}

#main a.lyhead {
	font-size: 30px;
	color: white;
	text-shadow: .1em .1em .1em black;
}
#main a.lyhead:hover {
	text-decoration:none;
}

#lynav {
	background-color: #3E73BB;
	width: 150px;
	float: right;
	margin-right: -10px;
	margin-top: -10px;
}
#main a.menuitem {
	color: white;
}

td {
	font-size: 12px;
	border-bottom: solid 1px black;
}