/* ----------
The following are the syles for Body
---------- */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #003B6F;
    background-image: url(../images/mainBkgd.jpg);
    background-repeat: repeat-x;
	margin: 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for Logo and Header
---------- */


#header {
	float: left;
	width: 760px;
	height: 77px;
	padding: 0;
	margin: 6px 0 0 0;
	background: url(../images/headerBkgd.jpg) top left no-repeat;
}

#logo {
	float: left;
	padding: 24px 0 0 38px;
	margin: 0;
}


/* ----------
End
---------- */


/* ----------
The following are the syles for Nav A
---------- */

#navA {
	float: left;
	width: 760px;
	height: 29px;
	padding: 8px 0 0 0;
	margin: 0;
	background: url(../images/navABkgd.jpg) top left no-repeat;
}

.navALinkLeft {
	float: left;
	margin: 0;
	padding: 0 0 0 43px;
}

.navALink {
	float: left;
	margin: 0;
	padding: 0;
}

.navALinkRight {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
}


/* ----------
End
---------- */

/* ----------
The following are the syles for Nav B
---------- */

#navB {
	float: left;
	width: 150px;
	padding: 0 0 30px 0;
	margin: 0;
}

.navBTop {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

.navBLink {
	float: left;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	width: 127px;
	height: 29px;
	padding: 16px 4px 0 19px;
	margin: 0;
	background: url(../images/navBBkgdOff.png) top left no-repeat;
}

.navBLink a { 
	color: #333333;
	text-decoration: none;
}
	
.navBLink a:hover {
	color: #2482C5;
	text-decoration: none;
}

.navBLink2 {
	float: left;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	width: 127px;
	line-height: 17px;
	height: 46px;
	padding: 14px 4px 0 19px;
	margin: 0;
	background: url(../images/navBBkgdOff2.png) top left no-repeat;
}

.navBLink2 a { 
	color: #333333;
	text-decoration: none;
}
	
.navBLink2 a:hover {
	color: #2482C5;
	text-decoration: none;
}

.navBBtm {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

/* ----------
End
---------- */

/* ----------
The following are the syles for the Homepage Flash
---------- */

#flash {
	float: left;
	width: 758px;
	padding: 0 1px 0 1px;
	margin: 0;
	background-color: #FFFFFF;
}

/* ----------
End
---------- */


/* ----------
The following are the syles for the Homepage Columns
---------- */


#homepageColumns {
	float: left;
	width: 760px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

#homepageColumns p {
	float: left;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	line-height: 17px;
	padding: 40px 84px 60px 84px;
	margin: 0;
}

#homepageColumns p a { 
	color: #003A6E;
	text-decoration: underline;
}
	
#homepageColumns p a:hover {
	color: #333333;
	text-decoration: underline;
}

#columnLeft {
	float: left;
	width: 380px;
	height: 144px;
	padding: 0;
	margin: 0;
	background: url(../images/column1Bkgd.jpg) top left no-repeat;
}

.columnHdr {
	float: left;
	width: 296px;
	padding: 41px 0 0 84px;
	margin: 0;
}

#columnLeft p {
	float: left;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	line-height: 17px;
	padding: 10px 84px 0 84px;
	margin: 0;
}

#columnLeft p a { 
	color: #333333;
	text-decoration: none;
}
	
#columnLeft p a:hover {
	color: #003A6E;
	text-decoration: underline;
}


#columnRight {
	float: left;
	width: 380px;
	height: 144px;
	padding: 0;
	margin: 0;
	background: url(../images/column2Bkgd.jpg) top left no-repeat;
}

#columnRight p {
	float: left;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	line-height: 17px;
	padding: 10px 84px 0 84px;
	margin: 0;
}

#columnRight p a { 
	color: #333333;
	text-decoration: none;
}
	
#columnRight p a:hover {
	color: #003A6E;
	text-decoration: underline;
}

/* ----------
End
---------- */

/* ----------
The following are the syles for the Interior Pages
---------- */

#interiorHdr {
	float: left;
	width: 758px;
	padding: 0 1px 0 1px;
	margin: 0;
	background-color: #FFFFFF;
}

#interiorImageBtm {
	float: left;
	width: 758px;
	padding: 0 1px 0 1px;
	margin: 0;
	background-color: #FFFFFF;
}

#interior {
	float: left;
	width: 758px;
	padding: 0;
	margin: 0 1px 0 1px;
	background: url(../images/interiorBkgd.jpg) bottom left repeat-x;
}

html.ie6 #interior {
	float: left;
	width: 756px;
	padding: 0;
	margin: 0 1px 0 1px;
	background: url(../images/interiorBkgd.jpg) bottom left repeat-x;
}

#interiorContent {
	float: left;
	width: 508px;
	padding: 38px 50px 50px 50px;
	margin: 0;
}

#interiorContent h2 {
	float: left;
	width: 506px;
	padding: 0 0 20px 0;
	margin: 0;
}

#interiorContent h3 {
	float: left;
	width: 506px;
	font: Verdana, san-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 10px 0 20px 0;
	margin: 0;
}

html.ie6 #interiorContent {
	float: left;
	width: 506px;
	padding: 38px 50px 50px 50px;
	margin: 0;
}

#interiorContent p {
	float: left;
	width: 506px;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	line-height: 18px;
	padding: 0 0 20px 0;
	margin: 0;
}

#interiorContent p a { 
	color: #20619A;
	text-decoration: underline;
}
	
#interiorContent p a:hover {
	color: #B0913D;
	text-decoration: underline;
}

#interiorContent p.column1 {
	float: left;
	width: 180px;
	font: Verdana, san-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	line-height: 18px;
	padding: 0 0 20px 0;
	margin: 0;
}

#interiorContent p.column1 a { 
	color: #20619A;
	text-decoration: underline;
}
	
#interiorContent p.column1 a:hover {
	color: #B0913D;
	text-decoration: underline;
}

#interiorContent p.column2 {
	float: left;
	width: 326px;
	text-align: right;
	padding: 0 0 20px 0;
	margin: 0;
}

#interiorContent p.column2 a { 
	color: #20619A;
	text-decoration: underline;
}
	
#interiorContent p.column2 a:hover {
	color: #B0913D;
	text-decoration: underline;
}

/* ----------
End
---------- */

/* ----------
The following are the syles for the Footer Nav
---------- */

#footer {
	float: left;
	width: 760px;
	height: 63px;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

#footerNav {
	float: left;
	width: 758px;
	height: 46px;
	font: Verdana, san-serif;
	font-size: 10px;
	color: #3578B3;
	text-align: center;
	margin: 0 1px 1px 1px;
	padding: 16px 0 0 0;
	background: url(../images/footerBkgd.gif) repeat-x;
}

#footerNav a { 
	color: #333333;
	text-decoration: none;
}
	
#footerNav a:hover {
	color: #B0913D;
	text-decoration: none;
}

#companyInfo {
	float: left;
	width: 760px;
	font: Verdana, san-serif;
	font-size: 10px;
	color: #C5A757;
	text-align: center;
	margin: 0;
	padding: 20px 0 50px 0;
}

/* ----------
End
---------- */


.skipIntro {
	float: left;
	font: Verdana, san-serif;
	font-size: 14px;
	width: 960px;
	text-align: center;
	color: #FFFFFF;
	padding: 16px 0 16px 0;
	margin: 0;
}

.skipIntro a { 
	color: #FFFFFF;
	text-decoration: none;
}
	
.skipIntro a:hover {
	color: #B0913D;
	text-decoration: none;
}