/*      UnderGround Ernie Consumer CSS     */

body
{
	background-color: #ED1B2D;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	
}

.TradeBody
{
	background-color: #CCCCCC;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	
}

.white
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	color: #ffffff;
	
}
/* ========================      BACKGROUNDS       =============================================*/
#ConsumerContainer
{	
	background-image: url(icons/bg/redbg.gif);
	background-repeat: repeat;
	}
#AboutContainer
{
	background-image: url(icons/bg/Orangebg.gif);
	background-repeat: repeat;
	}
#FriendsContainer{
	background-image: url(icons/bg/Greenbg.gif);
	background-repeat: repeat;
		}
#WorldContainer{
	background-image: url(icons/bg/bluebg.gif);
	background-repeat: repeat;}
	
#TradeContainer{
	background-image: url(icons/bg/greybg.gif);
	background-repeat: repeat;}
#introcontainer
{
	width: 990px;
	background-color: #666666;
	background-image: url(icons/bg/greybg.gif);
	background-repeat: repeat;
	margin: 0px auto;
	text-align: left;
}



/* ========================      GENERIC AREAS       =============================================*/
#Legal{ vertical-align: top; }
#Legal p{ color:#FFFFFF; font-size: 11px; margin: 10px 10px 10px 10px;}
#Legal a{color:#FFFFFF; font-size: 10px; margin-right: 20px; text-decoration: none;}
#Legal a:hover{color:#666666; font-size: 10px; margin-right: 20px; text-decoration: none;}


#Trade{ vertical-align: top; margin: 0px 10px 5px 10px;}
#Trade img{ margin-left: 7px; margin-right: 5px; margin-top: 0px;}
#Trade p{color:#FFFFFF; font-size: 11px; margin: 10px 30px 5px 10px;}
#Trade a{color:#FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none;}
#Trade a:hover{color:#666666; font-size: 11px; font-weight: bold; text-decoration:none;}
	
#LeftText
{
	overflow: auto;
	height: 350px;
	vertical-align: top;
	
	 }

#LeftText h1
{
	color: #FFFFFF;
	font-size: 22px;
	line-height: 120%;
	margin-top: 10px;
	margin-left: 30px;	
	}
#LeftText p
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 110%;
	margin-left: 30px;
	margin-right: 30px;
	}

#MainContent{
	overflow: auto;
	height: 120px;
}

#MainContent h1{
	margin: 27px 20px 10px 20px;
	color: #094FA3;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	font-family: Slippy-Black, Arial, Verdana, Sans-Serif;
}

/* ========================      END OF GENERIC AREAS       =============================================*/

/* ========================      INTRO PAGE       =============================================*/
#IntroFoot
{
	background-image: url(icons/Intro/intro-foot.gif);} 

.IntroLink
{
	margin-top: 10px;
	color: #094FA3;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	font-family: Slippy-Black, Arial, Verdana, Sans-Serif;
	}

.IntroLink:hover
{
	margin-top: 10px;
	color: #ED1B2D;
	margin-bottom: 0px;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	font-family: Slippy-Black, Arial, Verdana, Sans-Serif;
	}

#IntroText p 
{
	color: #003399;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	line-height: normal;
}

/* ========================     END OF INTRO PAGE       =============================================*/
	
/* ========================      FRIEND PAGES        =============================================*/
#TrainContent{
	overflow: auto;
	height: 120px;
	background-color: #FFFFFF;
	}	
	
#TrainContent h1 {
	margin:4px 10px 5px 6px;	
	color: #094FA3;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	font-family: Slippy-Bold, Arial, Verdana, Sans-Serif;
}

#TrainContent p {
	color: #094FA3;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 10px 10px 12px;
}
#FriendContent{
	overflow: auto;
	height: 175px;
	background-color: #FFFFFF;
}

#FriendContent h1{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #094FA3;
	font-size: 23px;
	font-weight: bold;
	text-decoration: none;
	font-family: Slippy-Bold, Arial, Verdana, Sans-Serif;
}

#FriendContent p {
	color: #094FA3;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 10px 10px 10px;
}

#FriendContent a {
	color: #094FA3;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 5px 10px 0px;
}

/* ========================     END OF FRIEND PAGES        ============================================= */

/* ========================     Trade PAGES        ============================================= */
#cms_content {
background-color: #FFFFFF;
vertical-align: top;
color: #000000;
}

#cms_content1 {
background-color: #FFFFFF;
vertical-align: top;
color: #000000;
}

#cms_content p{
background-color: #FFFFFF;
vertical-align: top;
margin: 20px 20px 20px 50px;
color: #000000;
}


#cms_left {
vertical-align: top;
}
#cms_content h2,h4
{
	color: #094FA3;
	font-size: 22px;
	line-height: 100%;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 0px;	
	font-family: Arial, Verdana, Sans-Serif;
	}
#cms_content h1,h3
{
	color: #094FA3;
	font-size: 22px;
	line-height: 100%;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 0px;	
	font-family: Arial, Verdana, Sans-Serif;
	}

#cms_left p
{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 110%;
	margin-left: 30px;
	margin-right: 30px;
	}

/*   ===================================   MENU STYLES  ====================================*/
#textlinks
{
	width: 200px;
	position: relative;
	top: 180px;
	vertical-align: top;}
#textlinks .news
{
	padding-right: 120px;}
	
#textlinks .TradeHome
{
	padding-right: 10px;}
	
#textlinks .licence
{
	padding-right: 90px;}
	#textlinks .Contact
{
	padding-right: 92px;}

#textlinks a
{
	margin: 0px 0px 0px 30px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 50px;
	padding-right: 80px;
	line-height: 250%;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(icons/ernieico2.gif) no-repeat left 0px;
	border-bottom: 1px solid #999999;
	border-right: 2px solid #999999;
	background-color: #BBBDC0;
	text-decoration: none;
	}
	
#textlinks a:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
	padding-left: 50px;
	line-height: 250%;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(icons/ernieico.gif) no-repeat left 0px;
	border-bottom: 1px solid #999999;
	border-right: 2px solid #999999;
	background-color: #FFFFFF;
	text-decoration: none;}

/*   ===================================   END OF MENU STYLES  ====================================*/

/*==========================  News Styles ====================================*/
.NewsRow
{
	font-size: 11px;
	margin: 0px 0px 0px 60px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.NewsTitle
{
	font-weight: bold;
	font-size: 16px;
	color: #003399;
	margin: 0px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
}
.NewsDate
{
	font-weight: bold;
	font-size: 12px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:  1px solid #9e9483;
	width:100%;
	display:none;
}
.NewsLinks
{
	width: 100%;
	display: block;
	color: #666666;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(crumbico.gif) no-repeat left 4px;
	background-color: #ffffff;
	text-decoration: none;
	width: 300px;
	margin: 0px 0px 0px 60px;
	
}
.NewsLinks:Hover
{
	width: 100%;
	display: block;
	color: #CC0033;
	background: url(crumbico.gif) no-repeat left 4px;
	background-color: #E7EEF0;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 0px 0px 60px;
	width: 300px;
}

.NewsLinksBK
{
	width: 100%;
	display: block;
	color: #666666;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(crumbico.gif) no-repeat left 4px;
	background-color: #ffffff;
	text-decoration: none;
	width: 300px;
	margin: 0px 0px 0px 0px;
	
}
.NewsLinksBK:Hover
{
	width: 100%;
	display: block;
	color: #CC0033;
	background: url(crumbico.gif) no-repeat left 4px;
	background-color: #E7EEF0;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	width: 300px;
}
.NewsCats
{
	width: 100%;
	display: block;
	color: #0082D6;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5EB0D;
	border-bottom: 1px solid #9e9483;
	text-decoration: none;
}
.NewsDateLine
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin-top: 15px;
	color: #666666;
	padding-bottom: 3px;
	width: 100%;
	border-bottom: 1px solid #9e9483;
	display: none;
}
.SmallNewsHeader
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #B09112;
}

.PlainText 
{
	float: left;
	display: block;
}

.LinkPics
{
	display: block;
	padding-left: 25px;
	padding-bottom: 10px;
}


/*======================   Contact Form  =========================*/
.TextBoxes{width: 200px;}

.ClientButtons 
{
	text-align: center;
	padding: 2px;
	background-color: #003399;
	margin-left: 150px;
	color: #FFFFFF;
	border: 1px solid white;
}
.ContactRow 
{
	padding-left: 50px;
}

.Labels 
{
	color: #999999;
	line-height: 1.5;
	margin-top: 0px;
	text-align: left;
}