/* =====================================

SESO MEDIA GROUP - SESO.NET

C. 09.08.2008 

===================================== */

/* @charset "UTF-8"; */

/* BASE: Cascading Style Sheet
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */



/* Structure
###################################### */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body {
	font: 20px/1.3 Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	background: #3c94d3 url(../i/bg-readaloud.jpg) repeat-x 0 0;
}

#wrapper {
	border:0;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:940px;
	background: transparent;
	color:inherit;
}

/* NOTE: H1 and H3 researved for Phark image replacement.  H2 in local/parent only.
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
h1, h3 {
	text-indent: -9999px;
	overflow: hidden;
}

/* Join Hilda (Banner)
-------------------------------------  */
#joinHilda {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
}

#joinHilda img {
	border:0;
	width:255px;
	height:215px;
}

/* Header 
-------------------------------------  */
#hdr {
	color:#fff;
	height:190px;
	width:940px;
	background: transparent url(../i/hdr-readaloud_main.jpg) no-repeat 0 0;
}

/* Thank You Page: Pt. 1
-------------------------------------  */
#hdr img {
	height:120px;
	width:800px;
	border:0;
}
#thankYou {
	color:#fff;
	height:60px;
	width:940px;
	background: transparent url(../i/hdr-thank_you.jpg) no-repeat 0 0;
}
/* Email Form 
-------------------------------------  */
#email {
	color:#fff;
	height:60px;
	width:940px;
	background: transparent url(../i/hdr-join_email.jpg) no-repeat 0 0;
}

#email form {
	float:right;
	padding: 0 12px 0 0;
	color:#fff;
	background: transparent;
}
#email form #emailInput {
	float:left;
	font: 24px/1.3  Helvetica, Universe, Verdana, Arial, sans-serif;
	margin: 10px 15px 0 0;
	padding: 10px 5px 0 5px;
	color:#d8e4f4;
	background:#fff;
	height:30px;
	width:200px;
	border:1px solid #fff;
}
#email form #mb-njiuh-njiuh {
	float:left;
	font: 24px/1.3  Helvetica, Universe, Verdana, Arial, sans-serif;
	margin: 10px 15px 0 0;
	padding: 10px 5px 0 5px;
	color:#d8e4f4;
	background:#fff;
	height:30px;
	width:200px;
	border:1px solid #fff;
}

#email form #submitBtn {
	float:left;
	margin: 10px 0 0 0;
	color:inherit;
	background: transparent url(../i/cta-signup.gif) no-repeat 0 0;
	width:104px;
	height:42px;
	border:0;
}
#email form #submitBtn:hover {
	float:left;
	margin: 10px 0 0 0;
	color:inherit;
	background: transparent url(../i/cta-signup.gif) no-repeat 0 -43px;
	width:104px;
	height:42px;
	border:0;
}

#email h2 {
	text-indent: -9999px;
    overflow: hidden;
	width:1px;
	height:0px;
}
/* Thank You Page Pt.2 
-------------------------------------  */
#content {
	margin: 10px 0 0 81px;
	color:#fff;
}
#content p {
	padding:28px 0 14px 0;
	color:#fff;
	font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
}
#content a {
	color:#003152;
	background:transparent;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: underline; 
}
#content a:hover {
	color:#fff;
	background:#003152;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
			
}
/* Content 
-------------------------------------  */
#contentMainBlue {
	margin: 0 0 0 -59px;
	color:#fff;
	width:1062px;
	background: transparent url(../i/bg-sides.jpg) repeat-y 0 0;
}
#contentMainWhite {
	margin: 0 0 0 -59px;
	color:#fff;
	width:1062px;
	background: transparent url(../i/bg-sides-wh.jpg) repeat-y 0 0;
}
/* Content: Video -------------------  */
#contentVideo {
	margin: 0 0 0 59px;
	padding: 20px 0 0 0;
	color:#000;
	width:941px;
	height:510px;
	border-top:1px solid #00243e;
	border-bottom:1px solid #006eb5;
	background: transparent url(../i/bg-videos.jpg) repeat-x 0 0;
}

/* Content: Daily Video -------------  */
#contentVideo #dailyVideo {
	float:left;
	margin: 0 0 0 14px;
	border-top:2px solid #032443;
	border-left:2px solid #032443;
	border-right:2px solid #032443;
	width:560px;
	height:72px;
	background: transparent url(../i/hdr-daily_video.jpg) no-repeat 0 0;
	overflow:hidden;
}
#contentVideo #dailyVideo h5 {
	padding: 12px 0 0 18px;
	color:#fff;
	background:transparent;
	font: 18px/1.3 Arial, Helvetica, Verdana, sans-serif;
}
#contentVideo #dailyVideo h6 {
	padding: 6px 0 0 18px;
	color:#fff;
	background:transparent;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;
}

/* Content: All Videos --------------  */
#contentVideo #allVideos {
	float:left;
	margin: 0 0 0 16px;
	border-top:2px solid #032443;
	border-left:2px solid #032443;
	border-right:2px solid #032443;
	width:330px;
	height:72px;
	background: transparent url(../i/hdr-all_videos.jpg) no-repeat 0 0;
	overflow:hidden;
}
#contentVideo #allVideos h5 {
	padding: 12px 0 0 18px;
	color:#fff;
	background:transparent;
	font: 18px/1.3 Arial, Helvetica, Verdana, sans-serif;
}
#contentVideo #allVideos ul {
	margin: 6px 0 0 16px;
	padding: 0;	
	list-style: none; 
}
#contentVideo #allVideos ul li {
	color:#fff;
	background:transparent;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
	padding:1px;
}
#contentVideo #allVideos ul li a {
	color:#fff;
	background:transparent;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: underline; 
}
#contentVideo #allVideos ul li a:hover {
	color:#fff;
	background:#003152;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
			
}
#contentVideo #allVideos h2, #contentVideo #dailyVideo h2 {
	text-indent: -9999px;
    overflow: hidden;
	width:1px;
	height:1px;
}

/* Content: Player ------------------  */
#contentVideo #vidPlayer {
	float:left;
	background: #014e84 /*url(../i/temp-flv.jpg) no-repeat 0 0*/;
	margin: 0 14px 0 14px;
	border:2px solid #032443;
	width:910px;
	height:407px;
    overflow: hidden;
}
/* Content: Political ---------------  */
#contentPoliticalTop {
	clear:both;
	margin: 0 0 0 59px;
	color:#000;
	width:941px;
	height:17px;
	border-top:1px solid #006eb5;
	border-bottom:1px solid #fff;
	background: #fff url(../i/bg-newssection_top.jpg) repeat-x 0 0;
}

#contentPolitical {
	margin: 0 0 0 59px;
	color:#000;
	width:941px;
	background: #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#contentPolitical h3 {
	text-indent: -9999px;
    overflow: hidden;
}
/* Content: Breaking News -----------  */
#contentPolitical #breakingNews {
	float:left;
	min-height:400px;
	margin: 0 63px 0 0;
	padding: 0 0 30px 26px;
	color:#000;
	width:534px;
	background: #fff url(../i/bg-flag.jpg) no-repeat 0 0;
}
#contentPolitical #breakingNews #bNHdr {
	background: transparent url(../i/hdr-breakingnews.gif) no-repeat 0 0;
	/*text-indent: -9999px;
    overflow: hidden;*/
	width:534px;
	height:25px;
}
#contentPolitical #breakingNews #bNHdr h3 {
	text-indent: -9999px;
    overflow: hidden;
}
#contentPolitical #breakingNews #bNHdr img#link {
	height:30px;
	margin: 0 0 0 380px;
	width:150px;
	border:0;
}
#contentPolitical #breakingNews a {
	color:#75afde;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
	background:transparent;
}
#contentPolitical #breakingNews a:hover {
	color:#011f39;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
	background:transparent;
}
#contentPolitical #breakingNews h5 {
	margin: 15px 0 0 0;
	color:#011f39;
	font: 42px/1.0 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
}
#contentPolitical #breakingNews p {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	color:#011f39;
	font: 14px/1.5 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
}
#contentPolitical #breakingNews ul {
	list-style: none;
	margin:20px 0 30px 0;
}
#contentPolitical #breakingNews ul li a#readOn {
	display:block;
	color:#fff;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
	width:109px;
	height:42px;
	background: transparent url(../i/cta-readon.gif) no-repeat 0 0;
}
#contentPolitical #breakingNews ul li a:hover#readOn {
	display:block;
	color:#fff;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none; 
	width:109px;
	height:42px;
	background: transparent url(../i/cta-readon.gif) no-repeat 0 -43px;
}

/* Content: Support -----------------  */
#contentPolitical #support {
	float:left;
	color:#000;
	width:293px;
	height:167px;
	background: #fff url(../i/img-support.jpg) no-repeat 0 25px;
}
#contentPolitical #support h2 {
	background: transparent url(../i/hdr-support.gif) no-repeat 0 0;
	text-indent: -9999px;
    overflow: hidden;
	width:283px;
	height:25px;
}
#contentPolitical #support h5 {
	color:#fff;
	background:transparent;
	font: 16px/1.3 Arial, Helvetica, Verdana, sans-serif;
}

#contentPolitical #support #spr {
	margin:40px 0 0 135px;
	background:transparent;
}


/* Content: Support: Menu -----------------  */

#contentPolitical #support #spr ul {
	list-style: none;
	margin:0 0 0 0;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;
	width:109px;
	height:34px;
}
#contentPolitical #support #spr ul li a#main {
	display:block;
	color:#fff;
	width:109px;
	height:25px;
	background: transparent url(../i/cta-purchase.gif) no-repeat 0 0;
	border:0;
}
#contentPolitical #support #spr ul li a:hover#main {
	display:block;
	color:#fff;
	width:109px;
	height:25px;
	background: transparent url(../i/cta-purchase.gif) no-repeat 0 -35px;
	border:0;
}

#contentPolitical #support #spr ul li {
	position: relative;
	}
	
#contentPolitical #support #spr li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 33px;
	display: none;
	}

/* Styles for Menu Items */
#contentPolitical #support #spr ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #d92123; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #a01519;
	border-bottom: 0;
	}
#contentPolitical #support #spr ul li a#last {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #d92123; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #a01519;
	}
/* Fix IE. Hide from IE Mac \*/
* html #contentPolitical #support #spr ul li { float: left; height: 1%; }
* html #contentPolitical #support #spr ul li a { height: 1%; }
/* End */

#contentPolitical #support #spr ul li a:hover, #contentPolitical #support #spr ul li a:hover#last { color: #a01519; background: #f9f9f9; } /* Hover Styles */
		
#contentPolitical #support #spr li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#contentPolitical #support #spr li:hover ul, #contentPolitical #support #spr li.over ul { display: block; } /* The magic */


/* Content: Join Our Family ---------  */
#contentPolitical #joinOurFam {
	float:left;
	color:#000;
	width:293px;
	margin:30px 0 0 0;
}
#contentPolitical #joinOurFam h2 {
	background: transparent url(../i/hdr-joinourfamily.gif) no-repeat 0 0;
	text-indent: -9999px;
    overflow: hidden;
	width:283px;
	height:25px;
}
#contentPolitical #joinOurFam h4 {
	margin: 5px 0 15px 1px;
	color:#75afde;
	font: 12px/1.3 Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
	font-weight:bold;
}
#contentPolitical #joinOurFam ul {
	float:left;
	list-style: none;
	width:283px;
}
/*#contentPolitical #joinOurFam ul.addBorder {
	border-right:1px dotted #75afde;
	margin:0 10px 0 0;
	padding: 0 50px 0 0;
}*/
#contentPolitical #joinOurFam ul li {
	float:left;
	display:inline;
	color:#fff;
	background:transparent;	
	height:26px;
}
#contentPolitical #joinOurFam ul li a {
	display:block;
	color:#fff;
	background:transparent;	
	height:26px;
}
/*#contentPolitical #joinOurFam ul li a#digg {
	background: transparent url(../i/ico-sn-digg.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
}
#contentPolitical #joinOurFam ul li a#flickr {
	background: transparent url(../i/ico-sn-flickr.jpg) no-repeat 0 0;
	margin:0 0 0 10px;
}
#contentPolitical #joinOurFam ul li a#twitter {
	background: transparent url(../i/ico-sn-twitter.jpg) no-repeat 0 0;
}*/
#contentPolitical #joinOurFam ul li a#facebook {
	background: transparent url(../i/ico-sn-facebook.jpg) no-repeat 0 0;
	width:96px;
}
#contentPolitical #joinOurFam ul li a#myspace {
	background: transparent url(../i/ico-sn-myspace.jpg) no-repeat 0 0;
	width:106px;
}
#contentPolitical #joinOurFam ul li a#youtube {
	background: transparent url(../i/ico-sn-youtube.jpg) no-repeat 0 0;
	width:66px;
}

/* Content: Get the Messege Out ---------  */
#contentPolitical #getMess {
	float:left;
	color:#000;
	width:293px;
	margin:30px 0 0 0;
}
#contentPolitical #getMess h2 {
	background: transparent url(../i/hdr-getMess.gif) no-repeat 0 0;
	text-indent: -9999px;
    overflow: hidden;
	width:283px;
	height:25px;
}
#contentPolitical #getMess ul {
	float:left;
	list-style: none;
	margin:10px 0 0 15px;
	width:243px;
	height:69px;
}
#contentPolitical #getMess ul li {
	float:left;
	display:inline;
	color:#fff;
	background:transparent;	
	width:243px;
	height:69px;
}
#contentPolitical #getMess ul li a {
	display:block;
	color:#fff;
	width:243px;
	height:69px;
	background: transparent url(../i/cta-getMess-r.jpg) no-repeat 0 0;
	border:0;
}
#contentPolitical #getMess ul li a:hover {
	display:block;
	color:#fff;
	width:243px;
	height:69px;
	background: transparent url(../i/cta-getMess-r.jpg) no-repeat 0 -69px;
	border:0;
}

/* Content: Readaloud Resources -----  */
#contentPolitical #resources {
	clear:both;
	margin: 0 0 0 26px;
	color:#000;
	width:880px;
}
#contentPolitical #resources ul#links {
	float:left;
	list-style: none; 
	width:530px;
	margin:10px 63px 0 0;
}
#contentPolitical #resources ul#links li a {
	color:#75afde;
	background:transparent;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;	
	text-decoration: none; 
}
#contentPolitical #resources ul#links li a:hover {
	color:#fff;
	background:#75afde;
	font: 14px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none; 
}
#contentPolitical #resources h2 {
	background: transparent url(../i/hdr-readaloudresources.gif) no-repeat 0 0;
	text-indent: -9999px;
    overflow: hidden;
	width:880px;
	height:52px;
}
#contentPolitical #resources ul#pdfs {
	float:left;
	list-style: none;
	display:block;
	width:283px;
	margin:10px 0 0 0;
}
#contentPolitical #resources ul#pdfs li {
	float:left;
	float:left;
	display:block;
	width:140px;
}
#contentPolitical #resources ul#pdfs li a.pdf {
	float:left;
	display:block;
	color:#75afde;
	width:109px;
	margin:10px 0 0 3px;
	padding:0 0 0 33px;
	font: 11px/1.1 Arial, Helvetica, Verdana, sans-serif;
	background: transparent url(../i/ico-pdf.jpg) no-repeat 2px 0;	
	text-decoration: none;
	height:50px;
	overflow:hidden;
}
#contentPolitical #resources ul#pdfs li a:hover.pdf {
	float:left;
	display:block;
	color:#75afde;
	width:109px;
	margin:10px 0 0 3px;
	padding:0 0 0 33px;
	font: 11px/1.1 Arial, Helvetica, Verdana, sans-serif;
	background: transparent url(../i/ico-pdf.jpg) no-repeat 2px 0;	
	text-decoration: underline;
	height:50px;
	overflow:hidden;
}
#contentPolitical #resources ul#pdfs li a.badge {
	float:left;
	display:block;
	color:#75afde;
	width:109px;
	margin:10px 0 0 3px;
	padding:0 0 0 33px;
	font: 11px/1.1 Arial, Helvetica, Verdana, sans-serif;
	background: transparent url(../i/ico-webbadge.gif) no-repeat 0 -1px;	
	text-decoration: none;
	height:50px;
	overflow:hidden;
}
#contentPolitical #resources ul#pdfs li a:hover.badge {
	float:left;
	display:block;
	color:#75afde;
	width:109px;
	margin:10px 0 0 3px;
	padding:0 0 0 33px;
	font: 11px/1.1 Arial, Helvetica, Verdana, sans-serif;
	background: transparent url(../i/ico-webbadge.gif) no-repeat 0 -1px;	
	text-decoration: underline;
	height:50px;
	overflow:hidden;
}
/* Footer 
-------------------------------------  */
#ftr {
	clear:both;
	margin: 0 0 0 59px;
	padding: 37px 0 0 0;
	width:941px;
	height:60px;
	border-top:1px solid #fff;
	border-bottom:1px solid #000;
	background: #000 url(../i/bg-footer.jpg) repeat-x 0 0;
	overflow:hidden;
}

#ftr p {
	font: 11px/1.3 Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	color:#fff;
}










#banner img, #banner object, #banner embed, #left .media object, #left .media embed, .media img, #preview {
	float: none;
	margin: 0 auto;
	padding: 0;
	display: block;
	color:#fff;
}

