/* 2006-06-16 */

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

.pageBackground{
	background-color: #074592;
	background-image: url(images/SiteBG.jpg);
}

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

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

.bannerBackRight{
	background-image: url(images/BannerBackright.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px 24px 20px 0px;
}

/********** SEO Styles *******************/

.homeLinkDiv{
	position: absolute;
	top: 4px;
	left: 9px;
	z-index: 4;
	font-size: 10px;
	color: #83B3FC;
}

a.homeLink:link{color: #83B3FC; text-decoration: none;}
a.homeLink:visited{color: #83B3FC; text-decoration: none;}
a.homeLink:active{color: #83B3FC; text-decoration: none;}
a.homeLink:hover{color: #83B3FC; text-decoration: underline;}

.headerText{
	position: absolute;
	top: 104px;
	left: 9px;
	width: 600px;
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #83B3FC;
	z-index: 6;
}


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

.keywordSCHText{
	color: #FDE065;
	font-size: 11px;
	font-weight: bold;
	padding: 14px 0px 8px 9px;
	height: 56px;
}

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

.searchSubmit{
	color: #000000;
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	border-color: #FFF3BE #AF9731 #AF9731 #FFF3BE;
	background-color: #FDE065;
	height: 18px;
	width: 28px;
	cursor: pointer;
	text-align: center;
}

/********** H1 Styles *******************/

.h1HeadingCell{
//	background-image: url(images/TitleLeftBG.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}

.H1Heading1{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #9CAD9E;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

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

/********************************************************************/
.creditCardText{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #A6D9EB;
	padding: 12px 0px 0px 7px;
}

.contentBound{
	background-image: url(images/ContentRepeater.jpg);
}

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

.contentCell{
	padding: 12px 0px 24px 0px;
}

.rightGutterBound{
	background-image: url(images/RightGutterRepeater.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

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: #000000;
	font-weight: bold;
}

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

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

.dividerLine{
	color: #809580;
	height: 1px;
}

a {color: #0E58B5; text-decoration: underline;}
a:link {color: #0E58B5; text-decoration: underline;}
a:active {color: #0E58B5; text-decoration: underline;}
a:visited {color: #0E58B5; text-decoration: underline;}
a:hover {color: #72947D; text-decoration: underline;}


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

.required{
	color: #830000;
}

/******* Top Menu Tabs *********/

a.topTabLink {color: #000000; text-decoration: none; font-weight: bold}
a.topTabLink:link {color: #000000; text-decoration: none; font-weight: bold}
a.topTabLink:active {color: #000000; text-decoration: none; font-weight: bold}
a.topTabLink:visited {color: #000000; text-decoration: none; font-weight: bold}
a.topTabLink:hover {color: #ffffff; text-decoration: none; font-weight: bold}


.topTabs{
	color: #000000;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 4px 4px 4px 4px;
}

#tabGold{
	background-image: url(images/TopTabs/GoldCoins.gif);
}

#tabSilver{
	background-image: url(images/TopTabs/SilverCoins.gif);
}

#tabCopper{
	background-image: url(images/TopTabs/CopperCoins.gif);
}

#tabCurrency{
	background-image: url(images/TopTabs/Currency.gif);
}

#tabBullion{
	background-image: url(images/TopTabs/WorldBullion.gif);
}



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

.footerBound {
	padding: 0px 10px 3px 158px;
}

.footerCell {
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #7EB6FC;
	background-image: url(images/BaseAreaRepeater.jpg);
	padding: 16px 10px 16px 10px;
}

.borderColor{
	background-color: #000000;
}

a.footerLink:link{color: #000000; text-decoration: none; font-weight: bold;}
a.footerLink:active{color: #000000; text-decoration: none; font-weight: bold;}
a.footerLink:visited{color: #000000; text-decoration: none; font-weight: bold;}
a.footerLink:hover{color: #000000; text-decoration: underline; font-weight: bold;}

a.emailLink:link{color: #7EB6FC; font-weight: bold; text-decoration: underline;}
a.emailLink:active{color: #7EB6FC; font-weight: bold; text-decoration: underline;}
a.emailLink:visited{color: #7EB6FC; font-weight: bold; text-decoration: underline;}
a.emailLink:hover{color: #ffffff; font-weight: bold; text-decoration: underline;}

/******* Webfodder Logo *********/
.webfodderCell{
	padding: 8px 10px 24px 158px;
}

.webfodderLink, .webfodderLink:link, .webfodderLink:active, .webfodderLink:visited{
	color: #5B8BBB;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
}

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

/******* Webfodder Logo - Use when semi-transparent image is necessary *********/
div.fodder{
	filter: alpha(Opacity=100);
	width:32px;
	height:32px;
}



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

.leftMenubound{
	background-image: url(images/LeftGutterRepeater.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}

.leftMenuTopBG{
	background-image: url(images/LeftGutterTopBG.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 12px 0px 0px 6px;
}



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

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

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

/*================== Top Level - Non Linking Category ==============*/


.topLevelCat{
	font-size: 12px;
	color:#ffffff;
	font-weight: bold;
	text-transform:uppercase;
	border-width: 0px;
	padding: 8px 0px 0px 2px;
}



/*========== 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;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 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:#032621;
	font-weight: bold;
	background:#A9C5D1;
	padding: 3px 20px 4px 3px;
	border-color: #ffffff #000000 #000000 #ffffff;
	filter: alpha(Opacity=70);
}

#menu a.x:hover{
	color:#032621;
	background:#799EB8;
	padding: 4px 19px 3px 4px;
	border-color: #000000 #ffffff #ffffff #000000;
}




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

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

}

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

#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: 128px 5px;
}

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

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

#menu a#expand, #menu a#expand:visited, #menu a#expand:active{
	background-image: url(images/MenuExpand.gif);
	background-repeat: no-repeat;
	background-position: 128px 5px;
}

#menu a#expand:hover{																	/* shifts the "plus" image on hover for Tier 0*/
	background-image: url(images/MenuExpand.gif);
	background-repeat: no-repeat;
	background-position: 129px 6px;
}

#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{						/* puts a bottom line on flyout items. add id "lastItem" to your last menu item on any tier */
	background-image: url(images/MenuExpand.gif);
	border-width: 1px;
	background-repeat: no-repeat;
	background-position: 128px 5px;
}


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