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

body {margin: 0; padding: 0; background: #0B119E url(bkg.gif) repeat-x; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;}
td, h1, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; margin: 0;}
table {text-align:justify}
img, table {border: 0;}
form {margin: 0;}
a:link, a:active, a:visited {color: #000099;}
a:hover {color: #c00;}

.hide {display: none;}

h2 
{font-family: arial, helvetica, sans-serif; font-size: 20px; color: #0B119E; margin: 0;
}

/* TOP AREA STYLES */

#top {position: relative; width: 955px; height: 108px; margin: 0 auto; background: url(logo.jpg) left top no-repeat; text-align: left;}
	body.home #top {background-image: url(logo-home.jpg);}
	body.faculty #top {background-image: url(logo-home.jpg);}
	body.programming #top {background-image: url(logo-home.jpg);}
	body.subscribe #top {background-image: url(logo-home.jpg);}
	body.store #top {background-image: url(logo-home.jpg);}
	body.watch #top {background-image: url(logo-home.jpg);}
	body.landing #top {width: 775px;}
	body.landing_w_nav #top {width: 775px;}
#top h1 {position: absolute; left: 25px; top: 0;}
#top h1 a {display: block; width: 210px; height: 88px;}

#topnav {
	position: absolute;
	right: 0;
	top: 0;
	margin: 20px 0 0 0;
	padding: 0 29px 0 0;
	list-style: none;
	width: 604px;
	height: 22px;
}
 	body.landing #topnav {display: none;} 
 	body.landing_w_nav #topnav {display: none;} 
#topnav li {align: center; margin: 0; padding: 0; list-style: none; }
	li#topnavevents {background: none;}
#topnav a {display: block; height: 22px; margin: 0 5px 0 0;}
#topnavabout a {width: 72px; background: url(topnav-about.gif) no-repeat;}
	body.about #topnavabout a {background-image: url(topnav-about-on.gif);}
#topnavsupport a {width: 68px; background: url(topnav-support.gif) no-repeat;}
	body.support #topnavsupport a {background-image: url(topnav-support-on.gif);}
#topnavmyaccount a {width: 95px; background: url(topnav-myaccount.gif) no-repeat;}
	body.myaccount #topnavmyaccount a {background-image: url(topnav-myaccount-on.gif);}
#topnavstore a {width: 54px; background: url(topnav-store.gif) no-repeat;}
	body.store #topnavstore a {background-image: url(topnav-store-on.gif);}
#topnavrefer a {width: 107px; background: url(topnav-refer.gif) no-repeat;}
	body.refer #topnavrefer a {background-image: url(topnav-refer-on.gif);}
#topnavwatchit a {width: 98px; background: url(topnav-watchit.gif) no-repeat;}
	body.watchit #topnavwatchit a {background-image: url(topnav-watchit-on.gif);}
#topnavevents a {width: 85px; background: url(topnav-events.gif) no-repeat;}
	body.events #topnavevents a {background-image: url(topnav-events-on.gif);}
#topnavlogin a {width: 120px; background: url(topnav-login.gif) no-repeat;}
	body.login #topnavlogin a {background-image: url(topnav-login-on.gif);}

#tabnav {position: absolute; left: 456px; bottom: 0; width: 444px; height: 27px; margin: 0; padding: 0 0px 0 0; list-style: none;}
 /*#tabnav {position: absolute; left: 346px; bottom: 0; width: 554px; height: 27px; margin: 0; padding: 0 0px 0 0; list-style: none;} 
background: url(bkg-tabnav.gif) right bottom no-repeat;*/
 	body.landing #tabnav {display: none;} 
	body.landing_w_nav #tabnav {display: block;} 
#tabnav li {float: left; margin: 0; padding: 0; list-style: none;}
#tabnav a {display: block; height: 27px; background: #ff0;}
#tabnavhome a {width: 111px; background: url(tabnav-home.gif) no-repeat;} 
	body.home #tabnavhome a {background: url(tabnav-home-on.gif) no-repeat; }
#tabnavfaculty a {width: 111px; background: url(tabnav-faculty.gif) no-repeat;}
	body.faculty #tabnavfaculty a {background: url(tabnav-faculty-on.gif) no-repeat;}
 #tabnavprogramming a {width: 111px; background: url(tabnav-programming.gif) no-repeat;} __>
	 body.programming #tabnavprogramming a {background: url(tabnav-programming-on.gif) no-repeat;} 
#tabnavsubscribe a {width: 111px; background: url(tabnav-subscribe.gif) no-repeat;}
	body.subscribe #tabnavsubscribe a {background: url(tabnav-subscribe-on.gif) no-repeat;}
#tabnavstore a {width: 221px; background: url(tabnav-store.gif) no-repeat;} 
	 body.store #tabnavstore a {background: url(tabnav-store-on.gif) no-repeat;} 
#tabnavwatch a {width: 111px; background: url(tabnav-watch.gif) no-repeat;}
	body.watch #tabnavwatch a {background: url(tabnav-watch-on.gif) no-repeat;}


/* MAIN AREA LAYOUT STYLES */

#shadowright {width: 905px; margin: 0 auto; background: #fff url(bkg-shadowright.gif) right top repeat-y; text-align: left;}
	body.landing #shadowright {width: 725px;}
	body.landing_w_nav #shadowright {width: 725px;}
	
#shadowrightW {width: 905px; margin: 0 auto; background: #fff url(bkg-shadowright-W.gif) right top repeat-y; text-align: left;}
	body.landing #shadowright {width: 725px;}
	body.landing_w_nav #shadowright {width: 725px;}	
	
	
#shadowbottom {background: url(bkg-shadowbottom.gif) left bottom no-repeat; padding-bottom: 9px;}
	body.landing #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}
	body.landing_w_nav #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}
	
#shadowbottomW {background: url(bkg-shadowbottom-W.gif) left bottom no-repeat; padding-bottom: 9px;}
	body.landing #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}
	body.landing_w_nav #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}

	
#main {width: 905px; margin: 0 auto;}
	body.landing #main {width: 725px;}
	body.landing_w_nav #main {width: 725px;}

#left {width: 20px; background: url(bkg-left.gif) left top no-repeat;}
#leftW {width: 20px; background: url(bkg-left-W.gif) left top no-repeat;}
#leftdiv {background: url(bkg-blue.gif) repeat-y; padding: 0px;}

body.thrcol #content {width: 860px;}
body.thrcol #contentdiv {margin: 5px 0;}
body.home #content #contentdiv {margin: 5px 0 0 0;}
body.twocol #content {width: 695px; background: url(bkg-right.gif) right top no-repeat;}
body.twocol #contentdiv {margin: 5px 12px 5px 0;}
body.landing #content {width: 515px; background: url(bkg-right.gif) right top no-repeat;}
body.landing_w_nav #content {width: 515px; background: url(bkg-right.gif) right top no-repeat;}
body.landing #contentdiv {margin: 5px 12px 5px 0; font-size: 11pt;}
body.landing_w_nav #contentdiv {margin: 5px 12px 5px 0; font-size: 11pt;}

#right {width: 25px; background: url(bkg-right.gif) right top no-repeat; padding-bottom: 5px;}
#rightW {width: 25px; background: url(bkg-right-W.gif) right top no-repeat; padding-bottom: 5px;}
#rightdiv {padding: 5px 12px 0 5px;}



/* FOOTER STYLES */

#footer {color: #fff; padding: 4px 0;}
#footer a {color: #fc0;}

/* paging */
.pg_prev_d	{
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_dead.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
.pg_next_d	{
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_dead.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}

a.pg_prev_n {
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_prev_n:hover {
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_next_n {
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_next_n:hover {
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}

body.archive #centerleft h2 {margin: 0 0 15px 0;}
body.archive #centerleft #howmany {text-align: right; color: #921E1F; font-weight: bold; margin-bottom: 0; text-transform: uppercase;}
body.archive #centerleft h3 {text-align: left; color: #959595;}
body.archive #centerleft dl {margin: 0; padding: 0;}
body.archive #centerleft dt {padding: 10px 0 0 0; border-top: 1px solid #7E1D24; color: #7E1D24;}
body.archive #centerleft dt strong {display: block; width: 28px; text-align: right;}
body.archive #centerleft dd {position: relative; top: -15px; margin: 0 0 0 35px; padding: 0;}
body.archive #centerleft p.source {margin: 10px 0;}
body.archive #centerleft p.date {color: #959595; margin: 0;}

body.series blockquote {font-size: 12px; color: #08083E; font-style: italic; margin: 10px 0 0 40px; padding: 0;font-weight: bold;}
body.series cite {font-weight: normal;}
#topnavabout a {width: 72px; background: url(topnav-about.gif) no-repeat;}
	body.about #topnavabout a {background-image: url(topnav-about-on.gif);}
#topnavsupport a {width: 68px; background: url(topnav-support.gif) no-repeat;}
	body.support #topnavsupport a {background-image: url(topnav-support-on.gif);}
#topnavmyaccount a {width: 95px; background: url(topnav-myaccount.gif) no-repeat;}
	body.myaccount #topnavmyaccount a {background-image: url(topnav-myaccount-on.gif);}
#topnavstore a {width: 54px; background: url(topnav-store.gif) no-repeat;}
	body.store #topnavstore a {background-image: url(topnav-store-on.gif);}
#topnavrefer a {width: 107px; background: url(topnav-refer.gif) no-repeat;}
	body.refer #topnavrefer a {background-image: url(topnav-refer-on.gif);}
#topnavwatchit a {width: 98px; background: url(topnav-watchit.gif) no-repeat;}
	body.watchit #topnavwatchit a {background-image: url(topnav-watchit-on.gif);}
#topnavevents a {width: 85px; background: url(topnav-events.gif) no-repeat;}
	body.events #topnavevents a {background-image: url(topnav-events-on.gif);}
#topnavlogin a {width: 120px; background: url(topnav-login.gif) no-repeat;}
	body.login #topnavlogin a {background-image: url(topnav-login-on.gif);}

#tabnav {
	position: absolute;
	left: 451px;
	bottom: 0px;
	width: 447px;
	height: 29px;
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
	top: 81px;
}
	body.landing #tabnav {display: none;} 
	body.landing_w_nav #tabnav {display: block;} 
#tabnav li {float: left; margin: 0; padding: 0; list-style: none;}
#tabnav a {display: block; height: 27px; background: #ff0;}
#tabnavhome a {width: 111px; background: url(tabnav-home.gif) no-repeat;}
	body.home #tabnavhome a {background: url(tabnav-home-on.gif) no-repeat;}
#tabnavfaculty a {width: 111px; background: url(tabnav-faculty.gif) no-repeat;}
	body.faculty #tabnavfaculty a {background: url(tabnav-faculty-on.gif) no-repeat;}
#tabnavprogramming a {width: 111px; background: url(tabnav-programming.gif) no-repeat;}
	body.programming #tabnavprogramming a {background: url(tabnav-programming-on.gif) no-repeat;}
#tabnavsubscribe a {width: 111px; background: url(tabnav-subscribe.gif) no-repeat;}
	body.subscribe #tabnavsubscribe a {background: url(tabnav-subscribe-on.gif) no-repeat;}
#tabnavstore a {width: 221px; background: url(tabnav-store.gif) no-repeat;}
	body.store #tabnavstore a {background: url(tabnav-store-on.gif) no-repeat;}
#tabnavwatch a {width: 111px; background: url(tabnav-watch.gif) no-repeat;}
	body.watch #tabnavwatch a {background: url(tabnav-watch-on.gif) no-repeat;}



/* MAIN AREA LAYOUT STYLES */

#shadowright {width: 905px; margin: 0 auto; background: #fff url(bkg-shadowright.gif) right top repeat-y; text-align: left;}
	body.landing #shadowright {width: 725px;}
	body.landing_w_nav #shadowright {width: 725px;}
#shadowbottom {background: url(bkg-shadowbottom.gif) left bottom no-repeat; padding-bottom: 9px;}
	body.landing #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}
	body.landing_w_nav #shadowbottom {background-image: url(bkg-shadowbottomsm.gif);}
#main {width: 905px; margin: 0 auto;}
	body.landing #main {width: 725px;}
	body.landing_w_nav #main {width: 725px;}

#left {width: 20px; background: url(bkg-left.gif) left top no-repeat;}
#leftdiv {background: url(bkg-blue.gif) repeat-y; padding: 0px;}

body.thrcol #content {width: 860px;}
body.thrcol #contentdiv {margin: 5px 0;}
body.home #content #contentdiv {margin: 5px 0 0 0;}
body.twocol #content {width: 695px; background: url(bkg-right.gif) right top no-repeat;}
body.twocol #contentdiv {margin: 5px 12px 5px 0;}
body.landing #content {width: 515px; background: url(bkg-right.gif) right top no-repeat;}
body.landing_w_nav #content {width: 515px; background: url(bkg-right.gif) right top no-repeat;}
body.landing #contentdiv {margin: 5px 12px 5px 0; font-size: 11pt;}
body.landing_w_nav #contentdiv {margin: 5px 12px 5px 0; font-size: 11pt;}

#right {width: 25px; background: url(bkg-right.gif) right top no-repeat; padding-bottom: 5px;}
#rightdiv {padding: 5px 12px 0 5px;}




/* RIGHT SIDEBAR STYLES */

a.rsidebarlink:link, a.rsidebarlink:active, a.rsidebarlink:visited {color: #FFFFFF; text-decoration: underline;}
a.rsidebarlink:hover {text-decoration: none;}

/* SUBNAV STYLES */

#subnav {height: 36px; margin: 0 0 10px 0; padding: 11px 0 8px 0; list-style: none; background: url(subnav-bkg.gif) left top no-repeat;}
#subnav li {float: left; margin: 0; padding: 0; list-style: none;}
#subnav a {display: block; width: 122px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; text-align: center; background: url(subnav-taboff.gif) no-repeat; line-height: 17px; font-size: 11px;}
#subnav li.on a {background-image: url(subnav-tabon.gif);}


/* FOOTER STYLES */

#footer {color: #fff; padding: 4px 0;}
#footer a {color: #fc0;}

/* paging */
.pg_prev_d	{
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_dead.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
.pg_next_d	{
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_dead.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}

a.pg_prev_n {
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_prev_n:hover {
	display: block;
	 width: 7px;
	 height: 16px;
	 background-image: url(..webarrow_left_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_next_n {
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}
a.pg_next_n:hover {
	display: block;
	 width: 16px;
	 height: 16px;
	 background-image: url(..webarrow_right_active.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	}

body.archive #centerleft h2 {margin: 0 0 15px 0;}
body.archive #centerleft #howmany {text-align: right; color: #921E1F; font-weight: bold; margin-bottom: 0; text-transform: uppercase;}
body.archive #centerleft h3 {text-align: left; color: #959595;}
body.archive #centerleft dl {margin: 0; padding: 0;}
body.archive #centerleft dt {padding: 10px 0 0 0; border-top: 1px solid #7E1D24; color: #7E1D24;}
body.archive #centerleft dt strong {display: block; width: 28px; text-align: right;}
body.archive #centerleft dd {position: relative; top: -15px; margin: 0 0 0 35px; padding: 0;}
body.archive #centerleft p.source {margin: 10px 0;}
body.archive #centerleft p.date {color: #959595; margin: 0;}

body.series blockquote {font-size: 12px; color: #08083E; font-style: italic; margin: 10px 0 0 40px; padding: 0;font-weight: bold;}
body.series cite {font-weight: normal;}


cta {
	background:#ffffcc;
	display: block;
	}