﻿body
{	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px; 
	background-color:#87BAB1;
	background:#87BAB1 url('images/leftStretch.jpg') repeat-y;
}

a:link {color: #023930; text-decoration: none;font-weight: bold}
a:visited {color: #023930; text-decoration: none;font-weight: bold}
a:hover {color: #023930; text-decoration: underline;font-weight: bold}
a:active {color: #023930; text-decoration: none;font-weight: bold}

/*Headers*/
h1 {font-size:24px;}
h2 {font-size:14px; margin:0px;}
h3 {font-size:12px;margin:0px;}

p { margin:0 0 10px 0;}

/* special */
body.home .phrase
{
	font-weight:bold; font-style:italic; position:absolute; top:0px; left:0px;
}

/*.phrase
{
	display:none;
}*/


/* This the main table for the site. Set border, and overall look for the main table*/
table.shell
{
	width:995px;
}

/* This the table for the top navigation*/

/*This is for the table surrounding the entire top section. Keep same size as shell.*/
table.toptable
{
	width: 100%;
}
/*This is for the table surrounding the entire bottom section. Keep same size as shell.*/
table.bottomtable
{
	width: 100%;
	
}

/*This is to control the content area of the site*/

td.contentMainCell
{
	background-color: #87BAB1;
	padding: 10px;
	color: #000000;
	font-size: 14px;
	font-family: Times New Roman;
	width: 100%;
}
.contentMain
{
	background-color: #87BAB1;
	color: #000000;
	font-size: 14px;
	font-family: Times New Roman;
	padding: 10px;
}

/*use for left nav*/
td.leftNav
{
	width: 122px;

}

/*Use for all of the titles on each page*/
.title
{
	color: #990100;
	font-size: 20pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pageHeading
{
	color: #990100;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*Use this to control the Whats New Table*/
table.whatsnew
{
	width: 325px;
	background-color: #B1C4D8;
	border: 2px solid #10301B;
	padding: 5px;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* Use for DL */
table.login
{
	width: 121px;
	padding: 1px;
	color: #990100;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Use for Contact Form*/
table.contactForm
{
	width: 80%;
	background-color: #87BAB1;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Use for Calculators*/

.calcs
{
	background-color: #EEEEEE;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*Use for disclaimers*/
.finePrint
{
	font-size: 9px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;}

input.frm
{ 
color: #990100; 
background: #FFFFFF; 
border: 1px solid #CCCCCC;
font-size: 10px;
color: #990100;
font-family:Times New Roman, Helvetica, sans-serif;
font-weight:bold;
width: 80px;
height: 20px;
}

/*top navigation float*/
.navFloat
{
	position:absolute;
	right:0px; top:90px;
	background-color:#016B57;
	width:615px;
}

/* new nav - drop downs */
#nav
{
	background:url('images/leftStretch.jpg') repeat-y;
	width:122px;
	padding-top:20px;
	margin-bottom:20px;
}
#nav ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li
{
	background:url('images/newBtn.jpg') no-repeat;
	text-align:center;
}

#nav a:visited
{
	display:block;
	width:120px; height:28px;
	line-height:22px;
	font-family:Tahoma; font-size:9px; color:white; text-decoration:none;
	text-transform:uppercase;
}

#nav a:link
{
	display:block;
	width:120px; height:28px;
	line-height:22px;
	font-family:Tahoma; font-size:9px; color:white; text-decoration:none;
	text-transform:uppercase;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 9px Tahoma;
line-height: 18px;
z-index: 100;
background-color:white;
width: 160px;
/*Add a margin here to control the dropdowns postion if it is for a vertical navigation*/
margin:-27px 0 0 120px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
	text-transform:uppercase;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #016B57;
color: white;
text-decoration:none;
	text-transform:uppercase;
}

.link2
{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

#mainPic
{
	border:1px black solid; 
	margin-top:15px; 
	width:638px; 
	height:402; 
	background-image:url('images/bridgeNewBlank.jpg'); 
	vertical-align:top; 
	text-align:right;
}

#mainPicText
{
	text-align:left; 
	width:330px; 
	height:220px; 
	padding:10px 10px 0 0; 
	font-family:'Times New Roman', Times, serif; 
	font-size:14pt; color:white;
}

img { behavior: url(iepngfix.htc) }







