html {
	overflow-y: scroll;
	overflow-x: hidden;
}

html, body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;

}

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E4E4E4;
	background-repeat: repeat;
	background-position: center;
}

img { border: 0px; }

form { margin: 0px; padding: 0px; display: inline;}

/****************
  FONTS N LINKS
 ****************/

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

br.breaker { clear: both; margin: 0px; padding: 0px; font-size: 1px; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }





/****************
  LAYOUT
 ****************/

#headerbar {

		margin: 0px auto;
		background-color:#FFFFFF;
		border-right: 10px solid #FFFFFF;
		border-left: 10px solid #FFFFFF;
		width: 895px;
	}

#header_container {

		margin: auto;
		width: 895px;


	}
	
#top_banner {
            height: 80px;
			clear: both;
			width: 885px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			padding: 10px 0px 0px 0px;
			background-color: #CCCCCC;
			
	}	



#pagecontainer {
	width: 885px;
	margin: auto;
	background-color: #CCCCCC;
	padding: 0px 0px 10px 10px;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    
	}


#contentleft {
			float: left;
			width: 580px;
			height: auto;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background-color: #CCCCCC;
	}

#contentright {
			float: left;
			width: 295px;
			font-size: 10px;
			line-height: 13px;
			text-align: left;
			padding: 0px 0px 0px 10px;
			margin: 0px 0px 0px 0px;
			background-color: #CCCCCC;


	}
	
	
#left_column_ad {
            
			float: left;
			position: relative;
		    margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 140px;
			height: 255px;
}
	
#home_conrac_ultra {
            float: right;
			position: relative;
		    margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			width: 430px;
			height: 255px;
}

#left_column_ad_580 {
            
			float: left;
			position: relative;
		    margin: 0px 0px 0px 0px;
			padding: 0px 0px 10px 0px;
			height: 71px;	
}
	
	
#baseAdvertLeft {
            clear: both;
			float: left;
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 10px 0px 0px 0px;
			background-color: #CCCCCC;
}

#midbanner {
            clear: both;
		    margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
}

#baseAdvertRight {
            
			
			float: left;
			position: relative;
			padding: 0px 10px 0px 15px;
			margin: 10px 0px 0px 0px;
			background-color: #CCCCCC;
}

#capsule_left {
            
			float: left;
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 15px 10px 10px 0px;
			background-color: #CCCCCC;
}

#capsule_right{
            
			float: left;
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 15px 0px 10px 0px;
			background-color: #CCCCCC;
}


#downloads {

    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

#downloads h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	padding: 7px 20px 0px 20px;

	}
	
#downloads img {

	margin: 0px 0px 0px 10px;

	}


#advert {
	float: left;
    padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#advert_middle {
	float: left;
    padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#advert_middle a{
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



#footboxes {
		clear: both;
		margin: 0px 0px 0px 0px;


	}

		#footbox1 {
			clear: none;
			float: none;
			width: 260px;
			height: 125px;
			margin: 0px 5px 0px 0px;
			padding: 5px;


		}

		#footbox2 {
			clear: none;
			float: none;
			width: 260px;
			height: 125px;
			margin: 0px 5px 0px 0px;

		}

		#footbox3 {
			clear: none;
			float: none;
			width: 260px;
			height: 125px;
			margin: 0px;

		}


	#footer {
		clear: both;

		border-top: 1px solid #000;
		text-align: center;
		font-size: 10px;
		line-height: 16px;
		background-color: #FFFFFF;

	}

/****************
  LHNAV
 ****************/

#leftnav {
	margin: 0px;
	padding: 15px 0px 15px 0px;
}

	#leftnav li {
		list-style: none;
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: bold;
		line-height: 10px;
		padding-bottom: 8px;
	}
	
	
/***** Navigation STUART ********/

#nav_border {
	position: relative;
	float: left;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	width: 100%;
}

#nav {
	position: relative;
	float: left;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #003366;
	width: 100%;
}

#nav a:link { color: #FFFFFF; text-decoration: none; }
#nav a:visited { color: #FFFFFF; text-decoration: none; }

.nav_left {
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.nav_right {
	position: relative;
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #003366;
	color: #FFFFFF;
}

.nav_left ul{
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

.nav_left li{
	position: relative;
	float: left;
}

.nav_left li a{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #FFFFFF;
	background-color: #003366;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}

.nav_left li a:hover{
	background-color: #0066CC;
	text-decoration: none;
}


/***** Navigation css ********/

#navigation {

    margin: 0px;
	padding: 0px;
	

}


ul#navlist
{
margin: 0px;
padding: 0px;
height: 25px;
background: #036;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

}

#navlist li
{
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
border-right: 1px solid #FFF;

}

#navlist a { 

padding: 3px 10px 3px 10px; 
margin: 0px;
font-size: 11px;
font-weight: bold;


}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #005EBB;
text-decoration: none;
}
/********************************/


/***** DOUBLE ARROW AFTER HEADER ********/

.double_arrow {
	color: #6699CC;
	font-size: 18px;
}


 /****************
  PAGE ELEMENTS
 ****************/
#indented {

     padding-left: 20px;
	 padding-right: 20px;


}


 div.element {
 	clear: both;
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;


 }

 	div.element h3 {
 		font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size: 18px;
	    font-weight: bold;
	    color: #003366;
		margin-top: 0px;
	    margin-bottom: 6px;
	    padding: 0px 20px 0px 20px;
 	}

 	div.element h4 {
 		font-family: Arial, Verdana, Helvetica, sans-serif;
 		font-size: 16px;
 		font-weight: bold;
 		margin: 0px;
 		padding: 5px 0px 0px 0px;
 		line-height: 18px;
 	}

 	div.element h5 {
 		font-family: Arial, Verdana, Helvetica, sans-serif;
 		font-size: 12px;
 		font-weight: bold;
 		margin: 0px;
 		padding: 0px 0px 0px 11px;
 		line-height: 18px;
 		color: #C00;
 	}
	
	div.element spacer {
 		font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    font-weight: bold;
	    color: #CC0000;
		margin-top: 0px;
	    margin-bottom: 6px;
	    border-bottom: 1px solid #CCC;
	    padding: 10px;
 	}

 	div.element p {
 		padding: 0px 0px;
 		margin: 3px 0px;
 	}

 	div.element a.endlink:link, div.element a.endlink:visited {
 		font-size: 1.1em;
 		font-weight: bold;
 		border-top: 1px solid #ccc;
 		display: block;
 		margin-top: 6px;
 		padding: 3px 0px 3px 20px;
 		background: url(/images/arrow.gif) no-repeat 7px 7px;
 		color: #000000;
 		text-decoration: none;
 	}

 	div.element a.endlink:hover {
 		color: #000000;
 		text-decoration: underline;

 	}
	
 /****************
  LEAD NEWS BOX
 ****************/		

	
div.el_leadnews {
 	background-image: url(images/mid_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	height: auto;
	clear: both;
	width: 540;

	}
	
	div.el_leadnews h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	margin-bottom: 6px;
	padding: 7px 20px 10px 20px;

	}
	
	div.el_leadnews h4 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	margin-bottom: 6px;
	padding: 0px 20px 10px 20px;

	}
	
	div.el_leadnews p {
 		padding: 0px 0px 0px 0px;
 		margin: 0px 0px 5px 0px;
 	}


    div.footer_leadnews {
    background-image: url(images/mid_btm_curve.gif);
	background-repeat: no-repeat;
	background-position: top;
    margin: 0px 0px 7px 0px;
 	padding: 0px 0px 0px 0px;
	height: 10px;
	clear: both;
	

}







div.el_mid {
 	background-image: url(images/mid_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	height: auto;
	clear: both;
	width: 540;

	}

	div.el_mid_advert  {

    background-image: url(images/advert_mid_curves.gif);
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px 0px 15px 0px;


	}

    div.el_mid h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	margin-bottom: 6px;
	padding: 7px 20px 10px 20px;

	}

	div.el_mid h4 { 
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: bold; 
	margin-bottom: 2px; 
	padding: 0px 5px 5px 0px;
	line-height: 20px;
	
	}
	
	div.el_mid h5 { 
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 2px; 
	padding: 0px 5px 5px 0px;
	line-height: 20px;
	
	}
	
	div.el_md_videoaudio h4 { padding-left: 0px; }

	div.el_mid h6 {
 		font-family: Arial, Verdana, Helvetica, sans-serif;
 		font-size: 18px;
 		font-weight: normal;
 		margin: 0px 0px 6px 0px;
 		padding: 3px 0px 2px 6px;
 		line-height: 18px;
	}

 	div.el_mid p {
 		padding: 0px 0px 0px 0px;
 		margin: 0px 0px 5px 0px;
 	}

	ul.videoaudio {
		font-size: 1.2em;
		list-style-type: none;
		padding: 0px;
		margin: 5px;
	}

		ul.videoaudio li {
			padding-left: 5px;
		}

		ul.videoaudio li.video {
			background: url(/images/filmstrip.gif) no-repeat center left;
		}

		ul.videoaudio li.audio {
			background: url(/images/headphones.gif) no-repeat center left;
		}

/**************** VIDEO PAGE ****************/

div.el_video {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
 	margin: 0px 10px 10px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
 	float:left;
 	display:inline;
	clear: none;
}


div.el_video h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	margin-bottom: 6px;
	padding: 10px 20px 10px 20px;
}

div.el_video h4 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	background-image: url(images/footer_top_curve_middle.jpg);
	margin-bottom: 6px;
	padding: 10px 20px 10px 20px;
}

div.el_video h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6699CC;
	padding: 3px 20px 3px 20px;
	margin: 0px;
	cursor: pointer;
}



div.el_video p {
 		padding: 0px 20px 10px 20px;
 		margin: 0px;
}
	
.arrowlistmenu ul {
 		padding: 0px 10px 0px 10px;
 		margin: 0px 0px 0px 25px;
		list-style-type: disc;
}

div.el_video li {
 		padding: 0px 0px 0px 0px;
 		margin: 0px 0px 0px 0px;
}

.arrowlistmenu ul li a{
display: block;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

div.el_magazine {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
 	float:left;
 	display:inline;
	clear: none;
}

div.el_magazine h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	padding: 7px 20px 7px 20px;
}

div.el_magazine h4 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #OO3366;
	padding: 0px 20px 7px 20px;
}


div.el_magazine p {

	padding: 0px 20px 0px 20px;
 	margin: 0px;
	font-size: 10px;
}



 /****************
  MAGAZINE PAGE
 ****************/	

div.el_small_box {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
 	margin: 10px 10px 10px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
 	float:left;
 	display:inline;
	clear: none;
}

div.el_small_box h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	padding: 5px 20px 10px 20px;
}
div.el_small_box p {
 		padding: 0px 20px 0px 20px;
 		margin: 0px;
}




div.el_small_middle_box {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
 	margin: 0px 0px 10px 10px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
 	float:left;
 	display:inline;
	clear: none;
}

div.el_small_middle_box h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	padding: 5px 20px 10px 20px;
}


div.el_small_middle_box p {
 		padding: 0px 20px 0px 20px;
 		margin: 0px;
}



 /****************
  TOP STORIES
 ****************/	

div.footer_top_stories {
    background-image: url(images/footer_btm_curve.gif);
	background-repeat: no-repeat;
	background-position: top;
    margin: 0px 10px 9px 0px;
 	padding: 0px 0px 0px 0px;
	height: 6px;
	clear: both;
	

}

div.el_top_stories {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
 	margin: 0px 10px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
	height: auto;
 	float:left;
 	display:inline;
	clear: none;
}

div.el_top_stories h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	padding: 10px 20px 10px 20px;
}

div.el_top_stories p {
 		padding: 0px 20px 5px 20px;
 		margin: 0px;
}

	
		
 /****************
  FOOTERS
 ****************/		
		

div.el_foot {
    background-image: url(images/footer_top_curve.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position:top;
 	margin: 0px 10px 10px 0px;
 	padding: 0px 0px 0px 0px;
 	width: 285px;
 	float:left;
 	display:inline;
	clear: none;
}


div.el_foot h3 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #OO3366;
	margin-bottom: 6px;
	padding: 7px 20px 10px 20px;

	}



div.el_foot p {
 		padding: 0px 20px 10px 20px;
 		margin: 0px;
		
 	}





/****************
  EXTRA ELEMENT STYLES
 ****************/
hr { height: 1px; }
div.el_md_morenews a.big:link, div.el_md_morenews a.big:visited { font-weight: bold; color: #000; }
div.el_md_morenews a.big:hover { color: #C00; }
div.el_md_morenews p { line-height: 20px; }
div.el_md_morenews p strong { color: #c00; }

div.el_rh_latestnews ul {
	margin: 2px 0px;
	padding: 0px;
}

	div.el_rh_latestnews li {
		list-style: none;
		margin: 0px;
		padding: 2px 0px 2px 15px;
		background: url(/images/bluearrow.gif) no-repeat 6px 6px;
}

.gallery_picture {
	float: left;
	padding: 2px;
}

.el_mid p img {
	margin: 0 10px 10px 0;
}

.el_mid p a img {
	margin: 0;
}