/* CSS Document */

body{
padding: 0px; margin: 0px;
background-color: #000000;
background-repeat:repeat-x;
color:#000000;
SCROLLBAR-FACE-COLOR: #f9a61a; 
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #f9a61a;
SCROLLBAR-SHADOW-COLOR: #000000; 
SCROLLBAR-DARKSHADOW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #f9a61a;  
SCROLLBAR-BASE-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
}

#wrapper{
	width: 100%;
	height: 810px;
	background-image: url(media/images/backround.jpg);
	background-repeat: repeat-x;
}

pre, code {font: 12px Verdana, Arial, Helvetica, sans-serif;}
      
pre {
        padding: 0px 0px 0px 0px;		
        margin: 0px 0px 0px 0px;
		overflow-y: scroll; overflow-x: hidden; width: 320px;
}

a:link {text-decoration: none;  color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}

.fontVerdana18 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #f9a61a;
	font-weight: bold;
}

/************* #mastheadmain styles **************/
#mastheadbar{
	width: 100%; height: 120px;
	background-color:#;
	background-repeat: no-repeat;
	border-bottom: 2px solid #;
}

#mastheadmain{
	width: 988px;
	height: 120px;
	background-color:#;
	background-image: url(media/images/masthead.jpg);
	background-repeat: no-repeat;
}


/************* #SECTION STYLES **************/
#sectionmasthead{
	width: 986px; height: 30px;
	background-color:#000000;
	background-image: url(graphics/backrounds/ferbanetv_.gif);
	background-repeat: no-repeat;
	border-left: 2px solid #000000;border-right: 2px solid #000000;
}

#sectionnavigation{
	float: left;
	width: 950px; height: 18px;
	padding: 0px 19px 2px 19px;
	margin-top: 5px;
}

#sectionnavigation ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#sectionnavigation li {
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0; 
	padding: 0;
}

#sectionnavigation a {
	float: left;
	display: block;
	padding: 2px 19px 2px 19px;	
	height: 18px;
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff9933;
	text-align: left;
		border-bottom: 2px solid #000000;
}

#sectionnavigation a:hover {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	display: block;
	padding: 2px 19px 2px 19px;
	background-color: #ff9933;
	text-align: left;
}

#activemainnavigation a {
	float: left;
	display: block;
	padding: 2px 19px 2px 19px;
	background-color: #ff9933;
	height: 18px;
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
}

#inactive a {
	float: left;
	display: block;
	padding: 2px 19px 2px 19px;
	height: 18px;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#03B177;
	text-align: left;
}

#sectionmenu{
	float: right;
	width: 260px; height: 30px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 20px 0 20px;
}

/************* #COLUMN STYLES **************/
#content{width: 986px; height: 660px; background-color:#ffffff; border-left: 2px solid #ffffff;border-right: 2px solid #000000;}

#columnleft492{float: left; width: 492px; height: 660px; background-color:#FFFFFF; border-right: 1px solid #ffffff;}

#columnright492{float: right; width: 492px; height: 660px; background-color:#ffffff;}


#separator{clear: both; height: 1px;}
.separator{clear: both; height: 1px;}
#separator2{clear: both; height: 2px;}
.separator2{clear: both; height: 2px;}
#separatorcontent{clear: both; height: 2px;}
#separatorfooter{clear: both; height: 0px;}

/************* #CONTAINER STYLES **************/

#container492x328-1a{width: 492px; height: 328px; background-color: #ffffff;}
#container492x328-1b{width: 492px; height: 328px; background-color: #ffffff;}

#container492x328-2a{width: 492px; height: 328px; background-color: #ffffff;}
#container492x328-2b{width: 492px; height: 328px; background-color: #ffffff;}

#iframeboxmenu600{width: 100%; height: 24px; background-color:#ffffff;}

/************* #HEADLINE & MP3 PLAYER STYLES **************/

#container400x100-headline{width: 400px; height: 100px; background-color: #ffffff;}
#photostorybox400-leadheadline{width: 400px; height: 100px; background-color: #ffffff;}
#photostorybox400-leadheadline-photo{float: left; width: 150px; height: 100px;}
#photostorybox400-leadheadline-headline{float: right; width: 238px; height: 88px; font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}	

#container400x100-mp3{width: 400px; height: 100px; background-color: #ffffff;}

/************* #PHOTOBOX STYLES **************/

#photostorybox492-1a{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-1a{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-1a{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}
	
#photostorybox492-1b{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-1b{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-1b{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}

#photostorybox492-1c{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-1c{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-1c{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}

#photostorybox492-2a{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-2a{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-2a{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}
	
#photostorybox492-2b{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-2b{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-2b{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}

#photostorybox492-2c{float: left; width: 492px; height: 108px; background-color: #ffffff; }
#photostorybox492-photo-2c{float: left; width: 162px; height: 108px;}
#photostorybox492-headline-2c{float: right; width: 318px; height: 98px; font: 12px Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff; padding: 5px 5px 5px 5px; text-align: left;}

	
#separator_photostorybox492{clear: both;height: 2px;}
.separator_photostorybox492{clear: both;height: 2px;}


/************* #iframe page styles **************/

#iframetextbox492{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	width: 460px;
	background-color: #FFFFFF;
	padding: 4px 5px 12px 5px;
}

#iframetextboxcontainer492{
	width: 470px;
	background-color: #FFFFFF;
}


/************* #headline 600 navigation styles **************/

#headingcontainer600navigation{
	width: 498px;
	height: 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #009966;
	padding: 6px 0 0 0;
}

#heading600navigation{
	float: left;
	width: 372px;
	height: 12px;
	padding-top: 0px;
	background-color: #3cd996;
	margin-top: 1px;
	margin-left: 0px;
}

#heading600navigation ul {
	list-style: none;
	display: inline;
	width: 372px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

#heading600navigation li {
	list-style:  none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#heading600navigation a {
	float: left;
	display: block;
	padding: 0 8px 0 8px;
	height: 15px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffcc;
	text-decoration: none;
	text-align: left;
	background-color:#3cd996;
}

#heading600navigation a:hover {
	display: block;
	padding: 0 8px 0 8px;
	font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-align: left;
	background-color:#3cd996;
}

.heading600navigationDefault {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.heading600navigationHover {
	font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-weight: bold;
}
.heading600navigationSelected {
	font:  bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	display: block;
	padding: 0 8px 0 8px;
	text-align: left;
	background-color:#FFFF00;
}

/************* #headline 400 navigation styles **************/

#headingcontainer400navigation{
	width: 400px;
	height: 25px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #33cc99;
	padding: 6px 0 0 0;
}

#heading400{
	width: 390px;
	height: 15px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #33cc99;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

#heading400navigation{
	float: left;
	width: 380px;
	height: 12px;
	padding-top: 0px;
	background-color: #3cd996;
	margin-top: 1px;
	margin-left: 0px;
}

#heading400navigation ul {
	list-style: none;
	display: inline;
	width: 380px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

#heading400navigation li {
	list-style:  none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#heading400navigation a {
	float: left;
	display: block;
	padding: 0 8px 0 8px;
	height: 15px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffcc;
	text-decoration: none;
	text-align: left;
	background-color:#3cd996;
}

#heading400navigation a:hover {
	display: block;
	padding: 0 8px 0 8px;
	font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-align: left;
	background-color:#3cd996;
}

.heading400navigationDefault {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.heading400navigationHover {
	font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-weight: bold;
}
.heading400navigationSelected {
	font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	display: block;
	padding: 0 8px 0 8px;
	text-align: left;
	background-color:#FFFF00;
}

/************* #footer styles **************/
#footernavigationcontainer{
	width: 1007px; height: 40px;
	text-align: center;
	padding: 0px 0px 0px 0px; background-color: #339966;
}


#footercredits{
	width: 100%; height:  200px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif; color:#ff9933;
	padding: 20px 0px 40px 0px; background-color: #000000;}


/************* #General styles **************/
