/* ===== "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;
	text-transform:lowercase;
	}

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 {
	margin-top:0px;
	}

#main {
	margin-top:0px;
	}

#main .module {
  margin:3px;
  border:0;
  padding:0;
  background: #FFF ;
	}

#main .module .title {
  border:0;
  padding:0;
  background: url("../images/spacer.gif") top left no-repeat;
  margin:0;
  height:20px;
 
}

#main .module .title h4 {
  border:0;
  padding:0;
  margin:0px;
  padding:0px 0px 0px 25px;
  
  
}

#main .module .content {
  border:0;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  margin:0;
  padding:10px 10px 0px 10px;
	/*line-height:1.8em;*/
  line-height:2em;
  background-color: #D2CFCF;
  }

#main .module .content .login {
  border:0;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  margin:0;
   padding:15px 15px 0px 15px;

  }


#main .module .footer {
  border:0;
  padding:0;
  padding-right: 0px;
  background-color: #000;
  height:5px;
  margin:0;
  
}

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


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



/* ===== 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;
	}



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

#side .module {
	background-color: #1B0D6E; /* #cecece */
	margin-bottom: 4px;
	/* border: solid 1px #0d417b; */
	}

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

#side .module .title h4 {
	padding-top: 0px;
	vertical-align: middle;
	cursor:default;
	}



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

#side .module .content {
	padding: 5px 10px 5px 10px;
	}	

#side .module .content ul, li {
  display:block;
	}
#side .module .content .picture {
	background-color: #DC8412; 
	padding-left: 10px;
	padding-top: 10px;
	}
	

/* ===== NAVIGATION ============================================= */

#entertainment, #community, #services, #calendar, #groups {
	float: left;
	height:22px;
	vertical-align: middle;
	border-left: solid 2px #fff;
	border-right: solid 2px #fff;
	text-align: center;
	overflow:hidden;
	cursor:default;
	}

#entertainment a, #community a, #services a, #calendar a, #groups a {
	padding-top: 3px;
	height:22px;
	display: block;
	}

#entertainment a:hover, #community a:hover, #services a:hover, #calendar a:hover, #groups a:hover {
	background: #587799;
	}

#entertainment {
	border-left: 0px;
	width: 105px;
	}

#community {
	border-left: 0px;
	width: 90px;
	}

#services {
	border-left: 0px;
	width: 70px;
	}

#calendar {
	border-left: 0px;
	width: 70px;
	}

#groups {
	border-left: 0px;
	width: 70px;
	}

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

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

#menuBlock {
	background: #587799;
	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:70px;
  height:10px;
	}

#loginSubmit {
	width:60px;
  height:20px;
	}

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

#loginPassword {
	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: 0px;
  padding: 0px;
  }

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

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

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

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