/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */

body{height:100%; background:#000 url(/images/bg.gif) repeat-y fixed top center; margin:0; padding:0}
*{margin:0; padding:0}
p{margin:10px 0}
.img_lft{float:left; text-align:left; margin-right:5px; margin-top:5px; padding:3px; border:1px solid #ccc}
.bold{font-weight:900}

h1 {font:1.5em Georgia,"Times New Roman",Times,serif}

/* ------------------------------- */
/* PAGE Elements
/* ------------------------------- */

#container{width:990px; background:#fff url(/images/bg_cnt.gif) fixed; overflow:hidden; margin:0 auto}
#header{width:970px; height:90px; margin:10px}
#logo a{width:232px; float:left; height:90px; margin-right:10px; display: block; background:url(/images/logo.gif) no-repeat center; text-decoration:none}

#logo a span {
visibility: hidden;
}

#search{position:relative; top:-30px; right:10px; float:right; margin-top:0; color:#FFF; margin-bottom:-20px}
#col_1{width:440px; height:100%; float:left; background-color:#FFF; padding-bottom:2000px; margin:10px 10px -2000px}
#top_pic{width:430px; height:300px; background-color:#000; margin:5px auto 0}
#col_2{width:315px; height:100%; float:left; background-color:#fff; margin:10px 10px -2000px 0; padding:5px 5px 2000px}
#col_2 a{color:#666}
#col_2 a:hover{color:red}
#col_3{width:185px; height:600px; padding-top:10px; float:left; text-align:center; background-color:#ffc200; padding-bottom:2000px; margin:10px 10px -2000px 0}
#blogs{width:420px; height:155px; padding-top:10px; margin:10px 10px 5px 10px}
#footer{clear:both; width:970px; height:100px; background-color:#b71136; float:left; border-top:5px solid #000; margin:100px auto 0 10px}
#detail{float:left; width:755px; height:auto; background-color:#FFF; margin:10px 10px -2000px 10px; padding:10px 10px 2000px}
#top_cntnt{width:315px; height:auto; margin-bottom:20px}
#story_photo{float:right; width:40%; border-left:1px solid #ccc; margin:0 0 5px 10px; padding:10px}

#motioncontainer{width:420px; height:75px}
#motioncontainer a img{border:1px solid #ccc}
#motioncontainer a:hover img{border:1px solid navy}
#statusdiv{background-color:lightyellow; border:1px solid gray; padding:2px; position:absolute; left:-300px; visibility:hidden}
#motioncontainer a:hover{color:red}
#poll{padding:2px; background-color:#FFC200}
#pushup{ position:fixed;  top:10px;  right:10px;  margin:0;  padding:4px;  background:#ffffc6;  border:1px solid #b0dfc8;  z-index:9999;  text-decoration:none;  font-family:Arial,Helvetica,sans-serif}
* html #pushup{ position:absolute;  top:expression(_pushupIETop = 10+(document.documentElement.scrollTop || 0)+'px')}
#pushup *{ margin:0;  padding:0;  border:0;  background:none}
.withReminder{padding-bottom:6px}
#pushup a{ outline-style:none;  text-decoration:none}
#pushup .pushup_messageLink{ float:left;  position:relative;  color:#4293cd;  font-size:12px;  cursor:pointer}
#pushup .pushup_icon{ position:relative;  float:left;  height:22px;  width:22px;  margin-right:5px;  overflow:hidden;  vertical-align:middle}
#pushup .pushup_message{ position:relative;  float:left;  margin-right:3px;  line-height:22px;  vertical-align:middle}
#pushup .pushup_reminder{ float:left;  clear:both;  font-size:10px;  color:#84a2ac;  margin-left:27px;  cursor:pointer}
#pushup .pushup_messageLink:hover, 
#pushup .pushup_reminder:hover{text-decoration:underline}
#cut{padding-left:10px; float:left}

#rel_links{float:right; width:20%; border:1px solid #ccc; margin:5px 0 10px 10px; padding:10px}
#photo_feed{width:420px; margin:0 auto}
#spotlight{width:420px; margin:0 auto; margin-bottom:40px}
#story-list{margin-bottom:20px}

/* Style for Usual tabs */
.usual{ background:#fff;  color:#111;  padding:5px 5px;  width:408px;  border:1px solid #ccc}
.usual li{list-style:none; float:left}
.usual ul a{ display:block;  padding:6px 10px;  text-decoration:none!important;  margin:1px;  margin-left:0;  font:10px Verdana;  color:#FFF;  background:#000;  border:1px solid #ccc}
.usual ul a:hover{ color:#FFF;  background:#111}
.usual ul a.selected{ margin-bottom:0;  color:#000;  background:snow;  border-bottom:1px solid snow;  cursor:default}
.usual div{ padding:10px 10px 8px 10px;  *padding-top:10px;  *margin-top:-15px;  clear:left;  background:}
.usual div a{color:#000; font-weight:bold}

#usual2{background:#0A0A0A; border:1px solid #1A1A1A}
#usual2 a{background:#222}
#usual2 a:hover{background:#000}
#usual2 a.selected{background:snow}
#tabs3{background:#FF9}



/* NAVIGATION*/

#top_nav{width:970px; height:20px; font:.65em "Trebuchet MS",sans-serif; color:#FFF}
#top_nav ul{margin-left:10px; padding-left:0; white-space:nowrap; padding-top:5px}
#top_nav a{color:#FFF; padding:3px}
#top_nav li, #main_nav li, #teams li{display:inline; list-style-type:none}

#main_nav{width:970px; height:40px; font:.85em "Trebuchet MS",sans-serif; background:#000 url(/images/nav_bg.gif); font-variant:small-caps; margin:10px 10px 0}
#main_nav ul{margin-left:0; white-space:nowrap; padding:10px}
#main_nav a{color:#FFF; border-right:1px solid #000; text-decoration:none; padding:3px 8px 3px 3px}
#main_nav a:hover{color:#ffc200; text-decoration:none}

#teams ul{margin-left:0; padding-left:10px; white-space:nowrap; padding-top:2px}
#teams a{color:#b71136; text-decoration:none; padding:3px}
#teams a:hover{color:#000}
#teams{width:970px; height:20px; font:.65em "Trebuchet MS",sans-serif; background:url(/images/sprts_nv_bg.gif); color:#b71136; margin:5px 10px 0}

#ftr_nav{width:900px; height:20px; margin:5px 5px 5px 5px; font:.75em "Trebuchet MS",sans-serif; text-align:center; font-variant:small-caps}

#ftr_nav ul{margin-left:0px; padding-left:0; white-space:nowrap; padding:10px}
#ftr_nav li{display:inline; list-style-type:none}
#ftr_nav a{padding:0px 8px 0px 3px; color:#fff; border-right:1px solid #ccc; text-decoration:none}
#ftr_nav a:hover{color:#ffc200; text-decoration:none}
#ftr_teams{width:970px; margin:10px 10px 0px 10px; height:20px; font:.65em "Trebuchet MS",sans-serif; color:#fff; text-align:center}
#ftr_teams ul{margin-left:0; padding-left:10px; white-space:nowrap; padding-top:2px}
#ftr_teams li{display:inline; list-style-type:none}
#ftr_teams a{padding:0px 8px 0px 3px; color:#fff; text-decoration:none; border-right:1px solid #ccc}
#ftr_teams a:hover{color:#ffc200}

/* ADVERTISING*/

#ldrbrd{width:728px; height:90px; float:right}
#med_rec{width:300px; margin:20px 0 20px 7px}
#bnr{width:468px; height:60px; background-color:#999}
#btn_cntnr{width:425px;}
#buttons{width:125px; height:125px; margin-left:16px; float:left; margin-bottom:16px}

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */
.CollapsiblePanel{margin:0px; padding:0px; border-left:solid 1px #CCC; border-right:solid 1px #999; border-top:solid 1px #999; border-bottom:solid 1px #CCC}

.CollapsiblePanelTab{font:bold 0.7em sans-serif; background-color:#DDD; border-bottom:solid 1px #CCC; margin:0px; padding:2px; cursor:pointer; -moz-user-select:none; -khtml-user-select:none}

.CollapsiblePanelContent{margin:0px; padding:0px}

.CollapsiblePanelTab a{color:black; text-decoration:none}

.CollapsiblePanelOpen .CollapsiblePanelTab{background-color:#EEE}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover{background-color:#CCC}

.CollapsiblePanelFocused .CollapsiblePanelTab{background-color:#ffc200}



/* ------------------------------- */
/* OTHER Class
/* ------------------------------- */
.headline{font:1.5em Georgia,"Times New Roman",Times,serif}

.byline{font:1em Georgia,"Times New Roman",Times,serif}

.story{font:.8em "Trebuchet MS",sans-serif}

.front_hl{font:.65em Verdana,Arial,Helvetica,sans-serif; display:block; margin-bottom:5px; color:#666}

.top_cntnt{font:.65em Verdana,Arial,Helvetica,sans-serif; display:block; line-height:13px}

.tp_phto{margin-right:5px; border:1px solid #ccc; padding:2px}

.cutline{font:bold .6em Arial,Helvetica,sans-serif; color:#666}

.sp_head{font:bold 1em Georgia,"Times New Roman",Times,serif}

.sp_by{font:.75em Georgia,"Times New Roman",Times,serif; color:#999; font-variant:small-caps; font-weight:700}

.sp_lead{font:.75em "Trebuchet MS",sans-serif}

.sp_subhead{font:bold .85em Georgia,"Times New Roman",Times,serif; color:#666}

.blog_head_hm{font:bold .85em Georgia,"Times New Roman",Times,serif; color:#333}

.sp_full{font:.65em Arial,Helvetica,sans-serif; color:#b71136}

.mn_subhead{font:bold 1em "Trebuchet MS"; color:#666}

.cmnt_sbmt{font:bold 1em Arial,Helvetica,sans-serif; color:red}

.section_hdrs{font:bold 1.5em Verdana,Arial,Helvetica,sans-serif; color:#b71136; font-variant:small-caps; letter-spacing:3px}

.hm_hdrs{font:bold .75em Arial,Helvetica,sans-serif; display:block; background-color:#b71136; color:#FFF; margin-bottom:2px; background:url(/images/hdr_bg.gif); padding:2px}

.cmnt_dt{font:.65em Arial,Helvetica,sans-serif; color:#666}

.cmnt_cnt{font:italic .75em Arial,Helvetica,sans-serif}

#more_vid{font:.65em Arial,Helvetica,sans-serif; color:#b71136; text-align:right}

.comments{border:1px solid gray}

#firefox{width:200px; height:35px; margin-left:16px; float:left; margin-bottom:16px}

.sliderwrapper{position:relative; overflow:hidden; width:430px; height:280px; color:#000}

.sliderwrapper .contentdiv{position:absolute; left:0;  top:0;  background:white; width:430px; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:0}

.pagination{width:420px; text-align:right; background-color:black}

.pagination a{padding:0 5px; text-decoration:none; color:#00007D; background:white}

.pagination a:hover, .pagination a.selected{color:#000; background-color:#ffc200}



/*Example for a Menu Style*/
.menu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px;width:200px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;  border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {border:1px solid #ececec; width:198px; text-align:center;padding:6px 0px; font-size:12px; margin-bottom:5px;}