@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 14px;
	color: #000000;
	background-image: url(images/tile_body.gif);
	background-repeat: repeat-x;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	
	}
	
a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #917B4C;
	}
	
a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
/* Site Container that holds everything and is centered*/
#container
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	background-color: transparent;
	position: relative;
}

/* holds logo and header image */
#header
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	background-color: transparent;
	}
	
/* navigation holds the menu items (home, login and tabs. */
#navigation
{
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 950px;
	}
	
/* holds Home and Login */
#Lmenu
{
	margin: 0px;
	padding: 12px 0px 0px 15px;
	width: 100px;
	float: left;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #990000;
	border-bottom: 1px solid #917B4C;
	}
	
#Lmenu a:link
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	
	}
	
#Lmenu a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
#Lmenu a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #917B4C;
	}
	
#Lmenu a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
/* holds main nav Tabs */
#tabs
{
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: auto;
	float: left;
	}
	
	
/* -------------------------------- */
/* 	TABBED MENU					*/
.tabbedMenu
{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #917B4C;
	margin: 0px;
	padding: 0px;
	width: 950px;
	}
.subheaderGold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	color: #917B4C;
	margin-left: 20px;
}
	
ul, li{border:0; margin:0; padding:0; list-style:none;}
ul{
	border-bottom:1px solid #917B4C;
	height:28px;
	padding-left:20px;
}
li{float:right; margin-right:2px;}
.tab a:link, .tab a:visited{
	background: url(images/tab-round.png) right 60px;
	color:#990000;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	float: left;
}
.tab a span{
	background: url(images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	float: left;
	color:#917B4C;
	cursor: pointer;
}
.tab a:hover{
	background: url(images/tab-round.png) right 30px;
	display:block;
	float: left;
	color:#917B4C;
	cursor: pointer;
}
.tab a:hover span{
	background: url(images/tab-round.png) left 30px;
	display:block;
	float: left;
	color:#917B4C;
}


/* holds main nav Tabs for nonSecure Interior Page */
#tabs2
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	height: 42px;
	float: left;
	}
	
	
/* -------------------------------- */
/* 	TABBED MENU					*/
.tabbedMenu2
{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #917B4C;
	margin: 0px;
	padding: 0px;
	width: 990px;
	}
	
ul, li{border:0; margin:0; padding:0; list-style:none;}
ul{
	border-bottom:1px solid #917B4C;
	height:28px;
	padding-left:6px;
}
li{float:left; margin-right:2px;}
.tab a:link, .tab a:visited{
	background: url(images/tab-round.png) right 60px;
	color:#990000;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	float: left;
}
.tab a span{
	background: url(images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	float: left;
	color:#990000;
}
.tab a:hover{
	background: url(images/tab-round.png) right 30px;
	display:block;
	float: left;
	color:#917B4C;
}
.tab a:hover span{
	background: url(images/tab-round.png) left 30px;
	display:block;
	float: left;
	color:#990000;
}


/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background: url(images/tab-round.png) right 0 no-repeat;
	color:#917B4C;
} 
.active a span, .active a:hover span{
	background: url(images/tab-round.png) left 0 no-repeat;
	color:#FAF5E1;
}

	
/* Left Column Container holds everything on the left side. */
#Lcolumn
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 220px;
	}
	
/* holds subMenu inside Lcolumn - can be re-used. */
.subMenu
{
	font: 12px Helvetica, Arial, sans-serif;
	color: #000000;
	padding-left: 20px;
	}
	
.subMenu a:link
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
.subMenu a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
.subMenu a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #917B4C;
	}
	
.subMenu a:active
{
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}

/* class for form on left */
.leftForm{
	width:		190px;
	margin-left: 20px;
	padding: 2px 8px 8px 8px;
	background-color: #F2F2F2;
	-moz-border-radius: 18px;
}

.leftForm input{
	margin-bottom: -12px;
}
/* Right Column Container holds everything on the right side. */
#Rcolumn
{
	margin: 10px 0px 20px 20px;
	padding: 10px;
	float: left;
	width: 680px;
	background-color: #FAF5E1;
	border: 1px solid #917B4C;
	color: #000000;
	-moz-border-radius: 18px;
	
	}	
	
/* Left Column for cost calulator page */
#fullCalc
{
	float: left;
	width: 650px;
	background-color: #FFFFFF;
	border: 0px solid #DEDEDE;
	color: #727272;
	-moz-border-radius: 18px;
	padding-left: 6px;	
	padding-top: 8px;
	margin-right: 16px;
	}
	
/* Left Column for cost calulator page */
#leftCalc
{
	float: left;
	width: 350px;
	background-color: #FFFFFF;
	border: 0px solid #DEDEDE;
	color: #727272;
	-moz-border-radius: 18px;
	padding-left: 8px;	
	margin-left:  -5px;
	margin-right: 16px;
	}
	
	/* right Column for cost calulator page */
#rightCalc
{
	text-align: center;
	float: left;
	width: 260px;
	background-color: #F2F2F2;
	border: 2px solid #DEDEDE;
	color: #727272;
	-moz-border-radius: 18px;
	padding-left: 8px;
	}

/* Right Column Container holds everything on the right side for nonSecure Interior Pages. */
#Rcolumn2
{
	margin: 10px 0px 20px 10px;
	padding: 10px;
	width: 950px;
	background-color: #F2F2F2;
	border: 2px solid #DEDEDE;
	color: #727272;
	-moz-border-radius: 18px;
	
	}	
	

/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	

/* Footer Div properties */
#footer
{
	margin: 0px auto 0px auto;
	padding: 10px 90px 0px 0px;
	width: 990px;
	text-align: right;
	color: #574f39;
	font-size: 11px;
	}
	
#footer a:link
{
	text-decoration: none;
	color: #990000;
	}
	
#footer a:visited
{
	text-decoration: none;
	color: #917B4C;
}
	
#footer a:hover
{
	text-decoration: underline;
	color: #917B4C;
	}
	
#footer a:active
{
	text-decoration: none;
	color: #990000;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	font-weight: bold;
	}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	}
.bodytext  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #376da9;
	font-weight: bold;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #376da9;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #727272;
	font-weight: bold;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #727272;
	font-weight: bold;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #727272;
	font-weight: bold;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	font-weight: bold;
	}
	
.text09B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #727272;
	font-weight: bold;
	text-transform: uppercase;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C00000;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C00000;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00000;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C00000;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00000;
	font-weight: normal;
	}

	/* class for spam blocker */
	.sb {display: none;}
.directorybody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}