/* 2009-12-11 */


body{
	font-family: arial, helvetica, tahoma, verdana;
	font-size: 12px;
	color: #000000;
}

.pageBackground{
	background-color: #151d48;	
	background-image: url(images/PageRepeater.gif);
	background-repeat: repeat-x;
	background-position: top left;

}

.centralArea{
	background-color: #83AB5A;
	background-image: url(images/CentralAreaRepeater1024.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

.centralAreaTop{
	background-repeat: no-repeat;
	background-position: top left;
}
	#BGtop-HomePage1{background-image: url(images/BGTop-HomePage1024.jpg);}

	#BGtop-Standard1{background-image: url(images/BGTopWIDE-Standard1.jpg);}
	#BGtop-Standard2{background-image: url(images/BGTopWIDE-Standard2.jpg);}
	#BGtop-Standard3{background-image: url(images/BGTopWIDE-Standard3.jpg);}
	#BGtop-Standard4{background-image: url(images/BGTopWIDE-Standard4.jpg);}
	#BGtop-Standard5{background-image: url(images/BGTopWIDE-Standard5.jpg);}
	#BGtop-Standard6{background-image: url(images/BGTopWIDE-Standard6.jpg);}
	#BGtop-Standard7{background-image: url(images/BGTopWIDE-Standard7.jpg);}
	#BGtop-Standard8{background-image: url(images/BGTopWIDE-Standard8.jpg);}
	#BGtop-Standard9{background-image: url(images/BGTopWIDE-Standard9.jpg);}
	#BGtop-Standard10{background-image: url(images/BGTopWIDE-Standard10.jpg);}

	#BGtop-Miniwanca1{background-image: url(images/BGTopWIDE-Miniwanca1.jpg);}
	#BGtop-Miniwanca2{background-image: url(images/BGTopWIDE-Miniwanca2.jpg);}
	#BGtop-Miniwanca3{background-image: url(images/BGTopWIDE-Miniwanca3.jpg);}
	#BGtop-Miniwanca4{background-image: url(images/BGTopWIDE-Miniwanca4.jpg);}
	#BGtop-Miniwanca5{background-image: url(images/BGTopWIDE-Miniwanca5.jpg);}
	#BGtop-Miniwanca6{background-image: url(images/BGTopWIDE-Miniwanca6.jpg);}
	#BGtop-Miniwanca7{background-image: url(images/BGTopWIDE-Miniwanca7.jpg);}

	
	#BGtop-Merrowvista1{background-image: url(images/BGTopWIDE-Merrowvista1.jpg);}
	#BGtop-Merrowvista2{background-image: url(images/BGTopWIDE-Merrowvista2.jpg);}
	#BGtop-Merrowvista3{background-image: url(images/BGTopWIDE-Merrowvista3.jpg);}
	#BGtop-Merrowvista4{background-image: url(images/BGTopWIDE-Merrowvista4.jpg);}
	#BGtop-Merrowvista5{background-image: url(images/BGTopWIDE-Merrowvista5.jpg);}
	#BGtop-Merrowvista6{background-image: url(images/BGTopWIDE-Merrowvista6.jpg);}
	
.bannerBack{
	background-image: url(images/BannerRepeater.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.leftGutter{
	background-image: url(images/LeftRepeater.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

.contentCell{
	padding: 10px 13px 20px 8px;
}

.whatsNewBound{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #3C5678;
	background-image: url(images/WhatsNew-Repeater1024.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 12px 8px 0px 8px;
}

.whatsNewAtAYF{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #3C5678;
	background-image: url(images/WhatsNew-Repeater1024.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 12px 16px 16px 16px;
}



.whatsNewPhoto{
	margin: 0px 6px 8px 6px;
}

a.whatsNewLink{
	color: #2483FF;
	text-decoration: underline;
}


a.whatsNewLink:Hover{
	color: #608001;
	text-decoration: underline;
}

/********** Keyword Search Field Styles *******************/

.keywordSCHText{
	color: #390056;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}

.searchInput{
	color: #00327C;
	font-size: 12px;
	border: solid 1px #000000;
	background-color: #FFFADB;
	width: 104px;
	height: 18px;
}

.searchSubmit{
	color: #ffffff;
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	border-color: #63A2FD #00327C #00327C #63A2FD;
	background-color: #0C5ED6;
	height: 18px;
	cursor: pointer;
}

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

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

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

.SEOCell{
	font-family: verdana, helvetica;
	font-size: 10px;
	color: #3173ef;
	padding: 0px 1px 0px 0px;
}

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

.H1Heading1{
	font-family: verdana, helvetica;
	font-size: 12px;
	color: #868A67;
	font-weight: bold;
	margin: 2px 0px 6px 0px;
}

.H1Heading2{
	font-family: verdana,arial, helvetica;
	font-size: 16px;
	color: #2C4F09;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}


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

p{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
}

td{
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #000000;
}

h1{
	font-family: arial, helvetica, verdana;
	font-size: 18px;
	color: #2C4F09;
	font-weight: bold;
}

h2{
	font-family: arial, helvetica, verdana;
	font-size: 16px;
	color: #2C4F09;
	font-weight: bold;
}

h3{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #2C4F09;
	font-weight: bold;
}

a{
	color: #475E03;
	text-decoration: underline;
}

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

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

.towns{
	color: #ffffff;
	font-size: 11px;
	font-family: arial, helvetica, verdana;
	font-weight: bold;
	background-image: url(images/TownsRepeater1024.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 6px 10px 11px 140px;
}
.footerCell{
	color: #ffffff;
	font-size: 11px;
	font-family: arial, helvetica, verdana;
	padding: 12px 40px 0px 40px;
}

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

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

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

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

/********** Form Styles ********************/
.entertext{
	color: #000000;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 200px;
}

.required{
	color: #830000;
}

/******* Text-Based Menu Styles *********/
.menuBound{
	padding: 30px 0px 60px 0px;
}

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

.menuLink{
	color: #ffffff;
	text-decoration: none;
}

.menuLink:hover{
	color: #ffffff;
	text-decoration: none;
}

.menuItemBox{
	font-size: 11px;
	color: #ffffff;
	display: block;
	background-color: #1854CD;
	font-family: arial, helvetica, verdana;
	font-weight: bold;
	padding: 4px 7px 4px 4px;
	border: 1px solid #000000;
	line-height: 100%;
}


.menuItemBoxFlyout{
	font-size: 11px;
	color: #ffffff;
	display: block;
	background-color: #012C83;
	font-family: arial, helvetica, verdana;
	font-weight: bold;
	padding: 3px 16px 4px 4px;
	border: 1px solid #000000;
	line-height: 100%;
	background-image: url(images/misc/spacer.gif); /******* Placeholder for arrow on mouseover for Flyouts *********/
	background-repeat: no-repeat;
	background-position: center right;
}


.LGText{
	font-size: 11px;
	color: #244705;
	padding: 14px 0px 22px 0px;
}

a.LGLink{
	font-size: 11px;
	color: #C5E9A1;
}

a.LGLink:hover{
	font-size: 11px;
	color: #ffffff;
}


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

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

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


.topLevelItem{   /* Top Level - use for adding space between menu items in the main column */
	padding: 0px 0px 3px 0px;
}

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

#menu a{
	font-family: arial,helvetica,verdana;
	font-weight:normal;
	font-size: 11px;
	display: block;
	/* white-space: nowrap; */
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 4px 3px;
	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:#ffffff;
	font-weight: bold;
	background:#1854CD;
	padding: 3px 3px 4px 3px;
	border-color: #000000;
}

/*============ Level-0 hover style ======*/
#menu a.x:hover{
	color:#ffffff;
	background:#012C83;
	padding: 3px 3px 4px 3px;
	border-color: #000000;
}




/*========== Styles for the first tier (Level-1) - change colors, padding, opacity, ============*/


#menu a.x1, #menu a.x1:active, #menu a.x1:visited{
	color: #000000;
	background-color: #F0F7C4;
	border-width: 1px 1px 0px 1px;
	border-color: #000000;
	margin: 0px 0px 0px 0px;

}

#menu a.x1:hover{
	background-color: #9FC877;
}

#menu a.x1#expand:hover{						/* For flat-look menu flyouts, use this style to revert to no-shift on the "plus" image on hover */
	background-position: 131px 5px;
}

#menu a.x1#lastItemExpand:hover{		/* Puts a bottom line and 'expand icon' to your last menu item on any tier */
	background-position: 131px 5px;
}

/*========== Adds the "plus" image to any menu item ============================================*/

#menu a#expand, #menu a#expand:visited, #menu a#expand:active{
	background-image: url(images/misc/spacer.gif);
	background-repeat: no-repeat;
	background-position: 133px 4px;
}


#menu a#expand:hover{																	/* shifts the "plus" image on hover - add id "expand" to item on any tier*/
	background-image: url(images/MainMenuFlyoutArrow.gif);
	background-repeat: no-repeat;
	background-position: 133px 4px;
}


#menu a.x1#expand{																	/* adds icon for flyouts*/
	background-image: url(images/MenuExpand.gif);
	background-repeat: no-repeat;
	background-position: 133px 4px;
}


#menu a.x1#expand:hover{																	/* adds icon for flyouts*/
	background-image: url(images/MenuExpand.gif);
	background-repeat: no-repeat;
	background-position: 133px 4px;
}





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



#menu a#lastItemExpand:hover{						/* adds icon for flyouts*/
	background-image: url(images/MainMenuFlyoutArrow.gif);
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: 133px 4px;
}


#menu a.x1#lastItemExpand{						/* adds icon for flyouts*/
	background-image: url(images/MenuExpand.gif);
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: 133px 4px;
}

#menu a.x1#lastItemExpand:hover{						/* adds icon for flyouts*/
	background-image: url(images/MenuExpand.gif);
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: 133px 4px;
}


/*========== 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:149px;      /******** 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 ================================*/
/*===========================================================================*/



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

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

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

/******* Webfodder Logo - Use when semi-transparent image is necessary *********/
div.fodder{

	width:32px;
	height:32px;
}