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

body{
margin:0px 5% 0px 5%;
padding:0;
}

/* TEXT -----------------------------------*/
.normal {
	font-family: Verdana;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	line-height:1.5em;
	color:#333;
}
.normal_bold {
	font-family: Verdana;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
.legal {
	font-family: Verdana;
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
	color:#333;
}
.legalgray {
	font-family: Verdana;
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
	color:gray;
}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:hover, a:active { 
	text-decoration: none; 
	color: #F58735;
}
table{
width:100%;
text-align:left;
}
.left{
margin:0;
padding:0;
background:url("images/leftback.gif") top right no-repeat;
}
.right{
margin:0;
padding:0;
background:url("images/rightback.gif") top left no-repeat;
}
/*  Top Area ------------------------------*/
#top {
margin:0;/*to stretch to full width of layout*/
padding:0;
min-height:71px;
}
#top h2{
margin:0px;
padding:0px;
}

#logocontact {
float: left;
width: 100%;
margin:0;
padding:0;
list-style:none;
}

#topleft {
float: left;
margin:0 0 0 10px;
padding:0;
}

#topright {
float: right;
margin: 12px 10px 0 0;
padding:0px;
font-family: verdana;
font-size: 75%;
text-align: right;
}

/*  Main Content Area ------------------------------*/
#container{
background-color:#FFF;
float:left;
width:100%;
margin:0 0 0 0;
border-top: 9px solid #bcbdc0;
border-bottom: 9px solid #bcbdc0;
display:inline; /* So IE plays nice */
}

#blankspace {
padding:0;
margin:0;
height: 100px;
}

/*  Left Column ------------------------------*/
#leftColumn{
margin:-100;
padding:10px 25px 0 365px;
float:left;
/* width:100%; */
min-height: 371px;
font-family: Verdana;
position:relative;
background:url("images/leftpic.jpg") top left no-repeat;
}

#leftColumn table{
font-family: Verdana;
font-size: 100%;
font-weight: normal;
text-decoration: none;
color: #333;
border: 1px solid black;
border-collapse: collapse;
width: auto;
line-height: 1.2em;
}

#leftColumn th{
border: 1px solid black;
padding: 10px 25px 10px 10px;
text-align: center;
}

#leftColumn td{
border: 1px solid black;
vertical-align: top;
padding: 10px 25px 10px 10px;
}

/*This is for a single column like in a subpage*/
#leftColumn2{
margin:0;
padding:0;
float:left;
width:100%;
height:100%;
position:relative;
background:url("images/onecolumnback.gif") top left no-repeat;
}
#leftColumn dl, #leftColumn2 dl, #centerColumn dl{
margin:0;
padding:0;
}
#leftColumn dt, #leftColumn2 dt{
margin:0;
padding:10px 12px 10px 12px;
position:relative;
font-weight: bold;
color: #034490;
}
#leftColumn dd, #leftColumn2 dd{
margin:0;
padding:0 12px 10px 12px;
}
/* #leftColumn dd table, #leftColumn2 dd table{
margin:0;
padding:5px 12px 10px 12px;
width:430px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
} */

/*  Center Column ------------------------------*/
#centerColumn{
margin: 0 0 0 10px;
padding:0;
float:right;
width:410px;
background:url("images/rightcolumnback.gif") top left no-repeat;
font-family: Verdana;
}
#centerColumn dt{
margin:0;
padding:10px 12px 10px 12px;
position:relative;
font-weight: bold;
color: #034490;
}
#centerColumn dd{
margin:0;
padding:1px 12px 10px 12px;
}
#centerColumne dd table{
border:none;
}

/*   Bottom Bar -----------------------*/
#bottombar {
margin:0;/*to stretch to full width of layout*/
width: 100%;
padding:0;
float: left;
background: url("images/bottombar.gif") top left no-repeat;
background-color: #0054a5;
border-top: 1px solid white;
height:35px;
}

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

/* ----------------- DROP DOWN MENU ------------------- */
#navigation {
margin:0;/*to stretch to full width of layout*/
padding:0;
}
/* MAIN LEVEL STYLING --------------------------- */
#nav{
margin: 0;
padding: 0;
float:left;
width:100%;
list-style:none;
color: white;
background: url(images/navbarblue.gif) top left no-repeat;
background-color: #0054a5;
border-bottom: 1px solid white;
line-height: 1.5em;
position:relative;
z-index:2;
}

*html #nav{
height:1.8em;
}

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

#nav a, #nav a:visited{
margin:0;
padding:0 12px 0 12px;
float: left;
display: block;
font-family: Verdana, Verdana;
font-size:13px;
color: white;
height:35px;
line-height:2.5em;
}

#nav a.home, #nav a.home:visited{
border-left:none;
padding-left:10px;
}

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

#nav ul li{
margin:0px;
padding:0px;
float: left;
font-family: Verdana, 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:200px;
color:#333;
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, body#intro #t-intro a, body#services #t-services a, body#aboutus #t-aboutus a, body#contact #t-contact a{
color:#000145;
background: url(images/navbuttongrey.gif) top left no-repeat;
height:35px;
} /* for hover and to indicate current tab */

#nav ul a:hover{
color:#000145; 
background: url(images/navbuttongrey.gif) top left no-repeat;
height:35px;
}

#nav :hover > a, #nav ul :hover > a { /* Mozilla Only - Hilite while on a submenu*/
color:#000145;
background-image: url(images/navbuttongrey.gif);
}

/* style the second level hover */
#nav ul a.drop:hover{ 
background:#c9ba65;
}
#nav ul :hover > a.drop {
/* Cell decoration */
background:#c9ba65 /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* style the third level hover */
#nav ul ul a:hover {
/* Cell decoration */
background:#b2ab9b;
}