/* 2007-12-06 */

body{
	font-family: arial, helvetica, sans serif;
	font-size: 16px;
	color: #ffffff;
	background-color: #000000;
	background-image: url(images/BackgroundRepeater.jpg);
}

.pageBackgroundTop{
	background-image: url(images/BackgroundTopRepeater.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.bannerCell{
	background-image: url(images/BannerBackRepeater.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.borderGutter{
	background-color: #ffffff;
}

.titleBackground{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(images/TitleBack.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #990632;
	padding: 5px 0px 5px 0px;
}

.contentCell{
	background-image: url(images/MainRepeater.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	padding: 0px 40px 20px 20px;
	height: 600px;
}

.userContentHome{
	line-height: 130%;
}

/********** SEO Styles *******************/
.SEODiv{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	font-size: 10px;
}

.homeLink{
	font-size: 10px;
	color: #8590ac;
	text-decoration: none;
}

.homeLink:hover{
	font-size: 10px;
	color: #8590ac;
	text-decoration: underline;
}

.SEOCell{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #3a3c55;
	padding: 0px 0px 0px 8px;
}

.SEOCellRight{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #3a3c55;
	padding: 0px 250px 0px 0px;
}

.h1HeadingCell{
	padding: 0px 0px 0px 0px;
}

.H1Heading1{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 14px;
	color: #7D8973;
	font-weight: bold;
	margin: -3px 0px 0px 0px;
	line-height: 16px;
}

.H1Heading2{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 18px;
	color: #1B6064;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
}

/********** Standard Styles *******************/

p{
	font-family: arial, helvetica, sans serif;
	font-size: 16px;
	color: #ffffff;
}

td{
	font-family: arial, helvetica, sans serif;
	font-size: 16px;
	color: #ffffff;
}

h1{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
}

h2{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}

h3{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
}

a{
	color: #fff000;
	text-decoration: underline;
}

a:hover{
	color: #fef896;
	text-decoration: underline;
}

/********** Footer Styles ********************/

.footerCell{
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, verdana;
	padding: 12px 40px 0px 40px;
	line-height: 150%;
}

.footerBack{
	background-color: #b78804;
}


.footerLink{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.footerLink:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

.emailLink{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.emailLink:hover{
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

/******* Text-Based Menu Styles *********/
.menuBound{
	background-image: url(images/LeftGutterRepeater.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

.menuBoundTop{
	background-image: url(images/MenuBackTop.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#menuInnerBound{
	padding: 0px 0px 0px 0px;
}

.menuCell{
	padding: 0px 0px 8px 0px;
}

.leftGutterText{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-size: 14px;
	line-height: 120%;
	color: #000000;
	padding: 22px 20px 0px 8px;
}

/* ===================================================================== */
/* ================== Left Menu with Flyouts =========================== */
/* ===================================================================== */

#menu ul{
	list-style:none;
	margin: 0px;
	padding:0px;
	width:100%;
}

#menu{						/* Top Level - Menu item width */
	width:227px;
}


/* ================== FIXES MARGINS ON 0-LEVEL FLYOUTS IN IE ============== */
#menu ul li{float:left;height:1%;width:100%;}
#menu ul li{margin: 0px 0px 0px 0px;}

#menu ul li ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/FlyoutBG-Repeater.gif);
	width: 204px;
}


/* ========== Base style for menu items (this rarely changes) except for maybe padding ======= */

#menu a{
	font-family: futura md bt, futura, arial, helvetica, sans serif;
	font-weight:normal;
	font-size: 14px;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-decoration:none;
	line-height: 11px;
}


/* ========== Styles for the main link item (Level-0) - change colors, padding, opacity, ============ */

#menu a.x, a.x:active, #menu a.x:visited{
	color:#003599;
	font-weight: normal;
	padding: 10px 0px 11px 42px;
	border-width: 0px;
	border-color: #ffffff #6f6f6f #6f6f6f #ffffff;
	background-image: url(images/MenuBack2.jpg);
	background-repeat: no-repeat;
}

#menu a.x:hover{
	color:#0136cd;
	border-width: 0px;
	padding: 11px 0px 10px 43px;
	background-image: url(images/MenuBack-over2.jpg);
	background-repeat: no-repeat;
}

 
/* ========== Styles for the fly-out tiers - change colors, padding, opacity, ============ */

#menu a.x1, #menu a.x1:active, #menu a.x1:visited{
	font-size: 13px;
	color: #003599;
	background-color: #e9e4cd;
	border-width: 1px 1px 1px 1px;
	border-color: #e9e4cd #e9e4cd #ffffff #e9e4cd;
	width: 170px;
	margin: 0px 0px 0px 13px;	
	padding: 4px 0px 4px 4px;	
}

#menu a.x1:hover{
	background-color: #d9d3b4;
	border-color: #97937d #ffffff #ffffff #97937d;
	padding: 5px 0px 3px 5px;	

}


#menu a#lastItem{						/* puts a bottom line on flyout items. add id "lastItem" to your last menu item on any tier */
	border-width: 1px;
	margin-bottom: 0px;
}


/* ========== Menu Functionality for IE (only change the horizontal position) ============================================ */
/* Requirement: Put the element selector name (div) onto non anchor hover selectors to force
   IE5 and 5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	position:relative;
}

div#menu li ul{
	position:absolute;
	top:0;
	left:227px;      /* ******* Change to one-pixel less than width of menu ************ */
	display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* =========================================================================== */
/* ================================= END menu ================================ */
/* =========================================================================== */






















/******* News and Areas of Interest Page *********/

.newsMainCell{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #000000;
}

.newsHeading{
	color: #2b499f;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

.newsMainLink{
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

.newsMainLink:hover{
	color: #4f7dff;
	font-weight: normal;
	text-decoration: underline;
}

.newsCheckBox{
	padding:2px 6px 2px 0px;
}

.newsPopTop{
	border: solid 1px #000080;
	background-color: #d3dcf4;
	border: solid 1px #000080;
	background-color: #ffffff;	
}

.newsPopContent{
	border: solid 1px #000080;
	border-width: 0px 1px 0px 1px;
	padding:12px 12px 12px 12px;	
	background-color: #ffffff;	
}

.newsFormBound{
	border: solid 1px #000080;
	border-width: 0px 1px 0px 1px;
	padding:12px 12px 12px 12px;	
	background-color: #ffffff;	
}
/***************************/

.marbleTextDiv{
	position: absolute;
	top: 0px;
	left: 570px;
	z-index: 2;
}

.textOnMarble{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 125px 12px 0px 12px;
	width: 200px;
}

.titleOval{
	color: #0A00CC;
	background-image: url(images/titleovals/PageTitleOvalBG.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 132px;
	margin: 12px;
	font-size: 24px;
	font-weight: bold;
}

.testimonials{
	font-size: 11px;
	color: #ffffff;
	padding: 30px 10px 0px 10px;
}


/******* Webfodder Logo *********/
.webfodderCell{
	padding: 12px 40px 20px 40px;
}

.webfodderLink{
	color: #856200;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
}

.webfodderLink:hover{
	color: #856200;
	text-decoration: underline;
	font-size: 10px;
	line-height: 100%;
}