ul, ol, li, p, br {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px;  line-height: 14px; }

div {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px;  }

td, body {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px;  }

.wht_cell { background-color: #FFFFFF; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; line-height: 11px;}

.small {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 9px;  line-height: 11px; }

.med {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px;  line-height: 13px; }

.footer {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 9px;  line-height: 18px; color: #FFFFFF; }

.wht {  font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px;  line-height: 11px;  color: #FFFFFF; font-weight: bold; line-height: 16px;}


.leftbg {
	background-image: url(../../images/left_border.gif);
	
}

.subtitle
{ color: #777777; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; line-height: 11px; font-style: italic;

}

/* use the acronym function like this in content - <acronym title="Customer experience definition, aka Art, Design">CED</acronym> */

acronym {
		border-bottom:1px dashed #333;
		cursor:help;
	}

/* DROP DOWN LAYER STYLES */


div#wrap { 
width: 760px;
margin-left: auto;
margin-right: auto;
position: relative;
}


.layerhome 	{position:absolute; left:-29px; top:46px; width:120px; height:57px  z-index:1; visibility: hidden}
.layeraboutus 	{position:absolute; left:80px; top:46px; width:120px; height:57px; z-index:2; visibility: hidden}
.layerports 	{position:absolute; left:195px; top:46px; width:120px; height:57px; z-index:3; visibility: hidden}
.layerfinance		{position:absolute; left:330px; top:46px; width:120px; height:57px; z-index:4; visibility: hidden}
.layercontact		{position:absolute; left:460px; top:46px; width:120px; height:57px; z-index:5; visibility: hidden}

.base {  color: #000000; font-family: Arial, Verdana, Tahoma; font-size: 15px; text-decoration: none}

/* topnav drop down boxes */

.navbox  {
	background-color: #F4F6F8;
	border : 1px solid #FFFFFF;
	font : 11px Arial, Verdana, sans-serif;
	width:140px;
}




/* CUSTOM TEXT STYLES */


.red {  font-family: meta, verdana, arial, helvetica,  sans-serif; font-size: 11px;  line-height: 16px; color: #CC3333;}

h1, .hdr1
{
	color: #339999;
	font-family: georgia, times new roman, times, palatino, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

h2, .hdr2
{
	color: #339999;
	font-family: georgia, times new roman, times, palatino, serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

h3, .hdr3
{
	color: #339999;
	font-family: georgia, times new roman, times, palatino, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

h4, .hdr4
{
	color: #339999;
	font-family: georgia, times new roman, times, palatino, serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

/* STANDARD LINK STYLES */

a:link {  color: #1A487C; font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px; text-decoration: none;  line-height: 14px;  }
a:visited {  color: #039; font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px; text-decoration: none;  line-height: 14px; }
a:active {  color: #FF0000; font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px; text-decoration: none; line-height: 14px;  }
a:hover {  color: #339999; font-family: verdana, arial, helvetica,  sans-serif; font-size: 11px; text-decoration: underline;  line-height: 14px; }


/* CUSTOM LINK STYLES */

A.subnav {
	display: block;
	width: 145px;
	text-align: left;
	font-family: verdana, arial, helvetica,  sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 20px;
	BORDER: none;
	color: #000000;
	padding-left: 15px;
}
A.subnav:hover { background-color:#DDECFC; color: #000000; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: none; font-size: 10px;   line-height: 20px;  padding-left: 15px; }
A.subnav:Visited {  color: #000; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: none; font-size: 10px;   line-height: 20px;  padding-left: 15px; }
A.subnav:Active {  color: #FF9933; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: none; font-size: 10px;  line-height: 20px;  padding-left: 15px; }

a.topnav:link {  color: #FFFFFF; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;}
a.topnav:visited {  color: #ffffff; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;}
a.topnav:active {  color: #FF0000; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none; line-height: 16px; font-weight: bold;}
a.topnav:hover {  color: #000000; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;  }

a.whtnav:link {  color: #FFFFFF; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;}
a.whtnav:visited {  color: #FFFFFF; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;}
a.whtnav:active {  color: #FF0000; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none; line-height: 16px; font-weight: bold;}
a.whtnav:hover {  color: #000000; font-family: verdana, arial, helvetica,  sans-serif; font-size: 10px; text-decoration: none;  line-height: 16px; font-weight: bold;  }


A.smallnav:link {  color: #FFFFFF; font-family: verdana, arial, helvetica,  sans-serif;  text-decoration: none; font-size: 9px;   line-height: 17px; }
A.smallnav:Visited {  color: #DCDCDC; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: none; font-size: 9px;   line-height: 17px; }
A.smallnav:Active {  color: #FF0000; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: none; font-size: 9px;  line-height: 17px; }
A.smallnav:Hover {  color: #993333; font-family: verdana, arial, helvetica,  sans-serif; text-decoration: underline; font-size: 9px;  line-height: 17px; background-color: #FFCC66; }

A.base:link {  display: block;  width: 193px; color: #000000; font-family: Arial, Verdana, Tahoma; font-size: 10px; text-decoration: none; line-height: 14px}
A.base:Visited {  color: #E3E3E3; font-family: Arial, Verdana, Tahoma; font-size: 10px; text-decoration: none; line-height: 14px}
A.base:Active {  color: #000000; font-family: Arial, Verdana, Tahoma; font-size: 10px; text-decoration: none; line-height: 14px}
A.base:Hover {  background-color:#FBDC9A; color: #000000; font-family: Arial, Verdana, Tahoma; font-size: 10px; text-decoration: none; line-height: 14px}


input {
background-color: white;
border: #1462AD 1px solid;
color: #1462AD;
font-family: arial, verdana, ms sans serif;
font-size: 11px;
padding: 2px;
} 

textarea {
background-color: white;
border: #1462AD 1px solid;
color: #1462AD;
font-family: arial, verdana, ms sans serif;
font-size: 11px;
font-weight: normal;
} 


/* TEXTAREAS: Controls width in both browsers; Use with cols attr. like this:			*/
/* <textarea name="name" cols="52" class="textarea52" rows="10" wrap="hard"></textarea> */

.textarea32 { width: 320px; }
.textarea42 { width: 420px; }
.textarea52 { width: 520px; }


/* INPUT FIELDS: Controls width in both browsers; Use with size attr. like this: <input type="text" size=10 class="input10"> */

.input2 { width: 37px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input5 { width: 67px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input6 { width: 77px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input7 { width: 77px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input8 { width: 87px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input9 { width: 107px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input10 { width: 117px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input11 { width: 127px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input12 { width: 137px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input15 { width: 167px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input20 { width: 217px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input25 { width: 267px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.input30 { width: 317px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.contenttbl {
	padding: 8px;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.content {
	background-attachment: fixed;
	background-color: #EBF3FF;
	background-image: url(/images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
}
/*.navbg {
	background-attachment: fixed;
	background-color: #1A487C;
	background-image: url(/images/nav_bg3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}*/
.tblhdg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	font-weight: bold;
	padding: 4px;
}
#btmtbl {
	background-position: bottom;
}
#rborder {
	background-image: url(/images/right_border.gif);
	background-repeat: repeat-y;
}

#lborder {
	background-image: url(/images/left_border.gif);
	background-repeat: repeat-y;
	background-color: #EBF3FF;
}


.leftpic {
	border: 1px solid #CCCCCC;
	float: left;
	margin: 3px 10px;
	text-align: center;
	padding: 0px;

}
