/* Begin Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;font-size:12px;background-color:#fff;color:#666666;font-family:Tahoma, sans-serif;text-align:center;margin:0 auto;padding:0;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0; margin-bottom: 25px}
/* End Reset */
body {width: 100%; background: #000; font-size: .8em}
a {outline: none}
#container {width: 940px; margin: 0 auto; background: #000;}
#header {float: left; width: 940px;height: 200px}
#navigation {float: right; width: /*577px*/ 640px; position: relative; z-index: 20}
#menu {float: left; background: url(../images/menu_repeat.jpg) repeat-x;width: /*544px*/ 603px; height: 48px}
#menu_left {width: 18px; height: 46px; float: left; background: url(../images/menu_left.jpg)}
#menu_right {width: 15px; height: 46px; float: left; background: url(../images/menu_right.jpg)}
ul.nav {display: inline; }
ul.nav li {float: left; padding: 15px 10px 0 16px; color: #fff; font-weight: bold; text-transform: uppercase;}
ul.nav li a {color: #fff; text-decoration: none}
ul.nav li a:hover {border-bottom: 3px solid #10a0dc}
ul.nav li ul.level2 {display: none; position: absolute;}
ul.nav li:hover ul.level2 {display: block; width: 200px; background: url(../images/menu_bg.png) repeat; top: 33px;}
ul.nav li:hover ul.level2 li {width: 100%; text-align: left; padding: 5px; display: block; height: 15px}
ul.nav li:hover ul.level2 li a:hover {display: block; color: #10a0dc; border: 0; width: 190px; height: 15px}
#logo {float: left; padding-left: 53px; text-indent: -9999px; background: url(../images/logo.jpg) no-repeat; width: 247px; height: 169px}
#logo a {display: block; width: 247px; height: 169px}
.slideshow {width: 572px; margin: 0 auto; height: 165px; overflow: hidden; position: relative; top: -15px; left: 65px}

#live {float: right; width: 98px; height: 95px; background: url(../images/watch_live.png); position: relative; top: -130px; z-index: 100px; text-indent: -9999px}
#content_wrapper {float: left;background: url(../images/grey_bg.jpg) repeat-x; width: 940px; height: 442px; position: relative; z-index: 10}
#connect_menu {float: left; width: 192px; height: 94px; background: url(../images/connect.jpg) no-repeat; position: relative; top: -12px; margin-left: 35px}
#connect_img a {width: 170px; height: 48px; text-indent: -9999px; position: relative; left: 11px; top: 8px; background: url(../images/menu/connect.jpg) top left no-repeat; display: block}
#connect_img a:hover {background-position: bottom left}
#give_menu {float: left; width: 192px; height: 94px; background: url(../images/give.jpg) no-repeat; position: relative; top: -12px; margin-left: 35px}
#give_img a { margin: 0; padding: 0; width: 170px; height: 48px; text-indent: -9999px; position: relative; left: 11px; top: 8px; background: url(../images/menu/give.jpg) top left no-repeat; display: block}
#give_img a:hover {background-position: bottom left}
#news_menu {float: left; width: 192px; height: 94px; background: url(../images/news.jpg) no-repeat; position: relative; top: -12px; margin-left: 35px}
#news_img a {width: 170px; height: 48px; text-indent: -9999px; position: relative; left: 11px; top: 8px; background: url(../images/menu/news.jpg) top left no-repeat; display: block}
#news_img a:hover {background-position: bottom left}
#reach_menu {float: left; width: 192px; height: 94px; background: url(../images/reach.jpg) no-repeat; position: relative; top: -12px; margin-left: 35px}
#reach_img a {width: 170px; height: 48px; text-indent: -9999px; position: relative; left: 11px; top: 8px; background: url(../images/menu/reach.jpg) top left no-repeat; display: block}
#reach_img a:hover {background-position: bottom left}
#featured {float: left; width: 891px; margin: 0 auto; position: relative; left: 24px}
#featured img {position: relative; left: -5px}
#featured .slideshow {width: 891px; height: 360px; overflow: hidden; position: relative; left: 0; top: 0}
#footer {float: left; width: 940px; padding-top: 10px; text-align: left; color: #fff}
#footer a {color: #a9a9a9; text-decoration: underline}
#footer a:hover {color: #10a0dc}
#footer h3 {font-size: 1.4em; font-weight: bold; padding-bottom: 5px}
#footer li,#footer p {padding-left: 15px; line-height: 18px}
#footer p {padding-right: 15px}
#footer p.small {font-size: .8em}
.side_footer {float: left; padding: 0 5px 0 35px; width: 186px}
.side_container {float: left; width: 100%; padding-bottom: 20px}
.vert {float: left; width: 7px; height: 266px; background: url(../images/vert_bar.png)}
#center_footer {float: left; padding: 0 5px 0 35px; width: 434px;}
#center_footer .slideshow { width:: 420px; height:360px; margin: 0 auto; overflow: hidden; position: relative; top: 0; left:0;}
#center_footer p {padding-bottom: 10px;}
#center_footer p img {float: left; padding: 0 10px 10px 0;}
#kids #center_footer p img {float: none; clear: both;}
#footer_info {width: 90%; clear: both; margin: 0 auto; color: #a4a4a4; text-align: center; padding-top: 25px; border-top: 1px solid #171717}
#footer_info img {position: relative; top: -25px; margin-bottom: -25px}
#footer_info a {color: #A9A9A9; text-decoration: underline}
#footer_info a:hover {color: #10a0dc}
.media_titles {display: block; width: 100%; margin: 0 auto; color: #fff; font-weight: bold; padding-bottom: 25px; }
span.underline {text-decoration: underline}
.media_info_container {float: left; width: 100%; height: 60px; font-size: .9em; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #A7A7A7}
.media_date {float: left; width: 15%; text-align: left}
.media_title {float: left; width: 24%;text-align: left}
.media_author {float: left; width: 20%;text-align: left}
.media_series {float: left; width: 24%;text-align: left}
.media_icons {float: left; width: 12%;text-align: center}
.media_play {float: left; clear: both; padding-top: 10px}
.jwbox {width: 25px; float: left; padding-right: 30px}
#pics img {width: 150px; margin: 25px; padding: 0 !important}
.ws_left {float: left; width: 250px}
.ws_right {float: left; padding-left: 20px}
.ws_time {font-weight: bold; padding-right: 10px; width: 40px; float: left}
#white {color: #fff !important}
.contact_form input,.contact_form textarea {width: 300px; height: 15px; padding: 10px; margin-bottom: 10px}
.contact_form textarea {height: 150px}
.contact_form .title {font-size: 1em; font-weight: bold; padding: 10px; }
.contact_form #submit {padding: 0; width: 150px; height: 30px}