/* ===== "Default" theme by Casey Klebba (caseyk at ou dot edu) 8/12/2002 - 4/30/2004 ================== */

/*

         />>
  __   .' ')
 {_ \.'  << 
   \(  )_/``
    ``---``

*/

/*                                                                                                */
/* NN4 users down to 1.59 % as of 05-01-2003 (thecounter.com) */
/* http://www.alistapart.com/stories/alternate/                                                   */
/*                                                                                                */

/* 

resources used
----------------------------------------------------------------------------------------------------

W3 Schools
	http://www.w3schools.com/css

A List Apart
	http://www.alistapart.com

Stopdesign
	http://www.stopdesign.com

The Web Standards Project
	http://www.wasp.org

CSS Zen Garden
	http://www.csszengarden.com

Glish
	http://www.glish.com

Understanding Web Typography
	http://www.mcu.org.uk/articles/accessibletext.html

NYPL Styleguide
	http://www.nypl.org/styleguide

Big heads & Egos
	comp.infosystems.www.authoring.stylesheets

Character Entity reference
	http://llizard.crosswinds.net/ascii-art/charactmap.html
	http://www.dave-stephens.com/computers/characters.htm

---------------------------------------------------------------------------------------------------

*/

@import url("structure.css");
@import url("common.css");
@import url("fonts.css");

body {
	//background:#eee;
  background:#fff;
	margin:10px 5px;
	}

p {
	margin:0;
	padding:.5em 0;
	}

form {
	display:block;
	margin:0;
	padding:0;
	}

input, textarea, select {
	font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	}

a, a:link, a:visited {
	color: #003366; /* #6699CC */
	text-decoration:none;
	}

a:hover, a:active {
	color:#336699;
	text-decoration:underline;
	}

img {
	border:0;
	}

/* IE5 / Opera7 fix */
table {
	font-size:1em;
	}

table {
	margin:0;
	padding:0;
	}

td {
	margin:0;
	padding:0;
	}



ul {
	padding:.3em 0 .5em 10px;
	margin:0;
  display:block;
	}

li {
  display:block;
	list-style-type:circle;
	}

dl {
	margin:0;
	padding:.3em 0 .5em 0;
	}

dt {
	font-weight:bold;
	color:#777;
	margin:0 0 2px 0;
	border-bottom:1px solid #DDD;
	}

dd {
	padding:0 0 0 0;
	margin:0;
	border-bottom:1px dotted #DDD;
	}

legend {
	font-size:1.2em;
	font-weight:bold;
	color:#CC0000;
	cursor:default;
	margin:0 0 5px 0;
	}

fieldset {
	border:3px double #CCC;
	padding:10px;
	padding-top:0;
	margin-bottom:5px;
	}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	color:#999;
	font-weight:normal;
	cursor:default;
	
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	cursor:pointer; /* IE5:mac fix */
}

h1 {
	font-size:2em;
	line-height:1.4em;
	}

h2 {
	font-size:1.8em;
	line-height:1.4em;
	}

h3 {
	font-size:1.6em;
	line-height:1.4em;
	}

h4 {
	font-size:1.4em;
	line-height:1.4em;
	}

h5 {
	font-size:1.2em;
	line-height:1.4em;
	}

h6 {
	font-size:1em;
	line-height:1.4em;
	}

hr {
	background-color:#999;
	border:0;
	height:0px;
	border-top:1px solid #999;
	}

/* margin:auto won't work in IE5/PC, so the layout won't be centered for them, boo hoo */
#master {
	margin:auto;
	}

#side, #main {
	margin-top:0px;
	}


#main .module {
	background: #fff;
	margin:0 10px 10px 10px;
	clear:both;
	/*border: solid 1px #0d417b;*/
	}

#main .module .title {
	background: #CBE3D8 url("../../images/tr.gif") top right no-repeat;
	padding-left: 5px;
	height: 22px;
	width: 100%;
	}

#main .module .content {
	padding:5px 10px 10px 10px;
	line-height:1.8em;
	}

#main .module .tabs {
	width:100%; /*ie5.mac bug*/
	height:22px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	}


/* ===== MAIN MODULE TITLE ====================================================================== */

#main .module .title h4 {
	background: url("../../images/tl.gif") top left no-repeat;
	vertical-align: middle;
	cursor:default;
	padding-left: 8px;
	}

#main .module .title h4 a {
	}

/* ===== MAIN MODULE TABS =========================================== */

#main .module .tabs {	}

#master .module .tabs ul {
	display:block;
	margin:0;
	padding:0 5px;
	}

#master .module .tabs ul li {
	float:left;
	display:block;
	margin:8px 0 0 1px;
	padding:0 5px;
	height:16px;
	list-style-type:none;
	line-height:16px;
	cursor:default;
	border:1px solid #CCC;
	border-bottom:0;
	}

#master .module .tabs ul li.selected {
	margin:2px 0 0 1px;
	height:20px;
	line-height:20px;
	border-bottom:0;
	padding:0 5px;
	}

#master .module .tabs ul li a {
	cursor:pointer;
	}

/* ===== MAIN MODULE FOOTER ===================================== */

#main .module .footer {
	padding-bottom: 5px;
	cursor:default;
	text-align:right;
	}

#main .module .footer a {
	padding-right: 10px;
	cursor:pointer;
	}

#main .module .footer a:hover {
	}

/* ===== SIDE MODULE ============================================ */

#side .module {
	margin-bottom: 4px;
	
	}

#side .module .title {
	background-color: #33388D
	padding-left: 10px;
	height: 20px;
	}

#side .module .title h4 {
	background: #33388D;
	padding-left: 10px;
	padding-top: 1px;
	vertical-align: middle;
	cursor:default;
  height: 19px;
	}



#main .module .content,
#side .module .content {
	padding:0px 0px;
	}

#side .module .content {
	background: url("../images/side_fill.gif") top right repeat-y; 
	padding: 5px 10px 5px 10px;
  
	}	

#side .module .content ul, li {
  display:block;
	}

#side .module .content .right {
	float:right;
   }

#side .module .content .survey {
	float:right;
	background: url("../images/side_fill.gif") top right repeat-y; 
	}

#side .module .content .picture {
	background-color: #660000; 
	padding-left: 10px;
	padding-top: 10px;
	}
	


/*== Menu Styles ============================================*/

#menu1Container, #menu2Container, #menu3Container {
	margin-top: -3px;
}

#menuBlock {
	background: #CCFFCC;
	vertical-align: middle;
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	}

#menuBlock .item {
	display: block;
	height: 19px;
	border-bottom: solid 2px #fff;
	}

#menuBlock .item a {
	padding-top: 4px;
	padding-left: 8px;
	display: block;
	height: 19px;
	}

#menuBlock .item a:hover {
	background: #0d417b;
	}

/* side login form */
#login {
	padding:5px 0;
	}

#loginUsername, #loginPassword {
	width:80px;
  height:12px;
  font-size:10px;
	}

#loginRemember {
 float:right
 }

#loginSubmit {
	width:60px;
  height:20px;
  float:right;
  padding-right: 3px;
	}

#login label, #loginRemember, #loginSubmit {
	cursor:pointer;
	}

#loginPassword, #loginUsername {
	color:#0d417b;
	}

/* date */
#date {
	float: right;
	color:#666;
	margin:0 0 0px 10px;
	padding:2px 35px 5px 10px;
	vertical-align:middle;
	}

/* foot */
#foot {
	margin-top:5px;
	margin-bottom:20px;
	}

#foot .content {
	width: 598px;
	border-top:3px solid #0d417b;;
	padding-top:15px;
  float:right;
  clear:both;
	}

/* logo */

#logo {
	margin-top:5px;
	margin-bottom:10px;
  padding-bottom: 5px;
  /*border-bottom:3px solid #0d417b;*/
  }

#logo .content {
	font-family:Arial, Times New Roman, Times, serif;
	font-size:.7em;
	}

#logo .content .loginTitle {
	font-weight:bold;
	}

#logo .content ul, li {
  /*display:inline;*/
  padding-left:5px;
  }

#logoMessage {
  font-weight:bold;
  float:right;
  width:350px;
  padding-right:50px;
  padding-top:10px;
	}


/*** roundModule defs ***/

#main .roundModule {
	background: #fff;
	}

#main .roundModule .content {
	/*line-height: 2em;*/
  border:0;
  padding:5px 0px 0px 0px;
  margin:0;
	}

#main .roundModule .title,
#main .roundModule .title h4 {
  border:0;
  padding:0;
  margin:0;
	/*vertical-align: middle;*/
	cursor: default;
    font-weight: bold;
	font-family:Arial, Times New Roman, Times, serif;
	font-size:1.0em;
	color: #3366CC;

	}

#main .roundModule .titlelocalguides {
  border:0;
  padding:0;
  margin:0;
	/*vertical-align: middle;*/
	cursor: default;
    font-weight: bold;
	font-family:Arial, Times New Roman, Times, serif;
	font-size:1.2em;
	color: #003366;

	}


/* ===== MAIN ROUNDMODULE TABS =========================================== */

#main .roundModule .tabs {	}

#master .roundModule .tabs ul {
	display:block;
	margin:0;
	padding:0 5px;
	}

#master .roundModule .tabs ul li {
	float:left;
	display:block;
	margin:8px 0 0 1px;
	padding:0 5px;
	height:16px;
	list-style-type:none;
	line-height:16px;
	cursor:default;
	border:1px solid #CCC;
	border-bottom:0;
	}

#master .roundModule .tabs ul li.selected {
	margin:2px 0 0 1px;
	height:20px;
	line-height:20px;
	border-bottom:0;
	padding:0 5px;
	}

#master .roundModule .tabs ul li a {
	cursor:pointer;
	}

  /*------------------------------*/


#main .roundModule .roundModule_top_left {
  padding:0;
  margin:0;
  border:0;
  height:29px;
  width:23px;
	background: url("../images/round_top_left.gif") top left no-repeat;
	}

#main .roundModule .roundModule_top_center {
  padding:0;
  margin:0;
  border:0;
  height:29px;
	background: url("../images/round_top_center.gif") top repeat-x;
	}

#main .roundModule .roundModule_top_right {
  padding:0;
  margin:0;
  border:0;
  height:29px;
  width:23px;
	background: url("../images/round_top_right.gif") top right no-repeat;
	}

#main .roundModule .roundModule_center_left {
  padding:0;
  margin:0;
  border:0;
	background: url("../images/round_center_left.gif") left repeat-y;
	}

#main .roundModule .roundModule_center_right {
  padding:0;
  margin:0;
  border:0;
	background: url("../images/round_center_right.gif") right repeat-y;
	}

#main .roundModule .roundModule_bottom_left {
  padding:0;
  margin:0;
  border:0;
  height:20px;
  width:23px;
	background: url("../images/round_bottom_left.gif") bottom left no-repeat;
	}

#main .roundModule .roundModule_bottom_center {
  padding:0;
  margin:0;
  border:0;
  height:20px;
	background: url("../images/round_bottom_center.gif") bottom center repeat-x;
	}

#main .roundModule .roundModule_bottom_right {
  padding:0;
  margin:0;
  border:0;
  height:20px;
  width:23px;
	background: url("../images/round_bottom_right.gif") bottom right no-repeat;
	}

tr.article_section_title {
  background: url("../themes/sportsparent/images/section_title.gif") right no-repeat;
  height: 26px;
  padding:0;
  border:0;
  margin:0;
  font-family: Arial, Times New Roman, Times, serif;
	font-weight: bold;
  color: #FFFFFF;
  }



#survey_digest .surveyBar {
	line-height:5px;
	color:#FFF;
	background-color:#CC0000;
	font-size:.4em;
	overflow:hidden;
	}

#survey_digest .surveyBarVotes {
	line-height:11px;
	font-size:.9em;
	}

#main .content .top_links {
  background: #33388D;
  height: 17px;
  padding: 0;
  padding-top: 3px;
  font-family:Arial, Times New Roman, Times, serif;
	font-weight:bold;
	font-size:.7em;
	color:#fff;
}

#main .content .top_links a {
	color:#fff;
}