body {
 	background-color: black;
	}

/* MAIN PAGE WRAPPER */
#mainwrap, #mainwrap2, #mainwrap3 {
	margin: 10px auto;
	min-height: 850px;
	border: 2px solid #444;
	padding: 0px;
	width: 929px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 925px;
	}

#mainwrap {
	background: url(http://www.playcaa.org/img/background.jpg) top left no-repeat;
	height: 850px;
	background-color: white;
	}

#mainwrap2 {
	background: url(http://www.playcaa.org/img/background_top.jpg) top left no-repeat;
	background-color: white;
	}

#mainwrap3 {
	background: url(http://www.playcaa.org/img/background_top_nonav.jpg) top left no-repeat;
	background-color: white;
	}


/* LOGO POSITIONING */
#logo {
	text-align: center;
	padding: 28px 0px 15px 0px;
	border: none;
	margin: 0px auto;
	}

#logo img {
	border: none;
	}

/* Hides from IE5-mac \*/
* html #logo { position:relative; width:117px; height:150px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.playcaa.org/img/caa-logo2.png',sizingMethod='image'); }
* html #logo { text-align: center; margin: 28px auto 16px 395px;}
* html #logo img { display: none; }
/* End hide from IE5-mac */




/* TOP BAR NAVIGATION */
#topnav	{
	list-style: none;
	display: block;
	margin: 0px 0px 30px 0px;
	background: url(http://www.playcaa.org/img/navbackghost.jpg) no-repeat;
	text-align: center;
	padding: 7px 0px 7px 40px;
	}


#topnav li {
	font-family: "Trebuchet MS", "TrebuchetMS", Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: inline;
	padding: 0px 30px;
	color: black;
	}

#topnav li a:link, #topnav li a:visited {
	text-decoration: none;
	color: black;
	}

#topnav li a:hover, #topnav li a:active {
	color: #ff2129;
	}






/* CONSTELLATION NAVIGATION */
.constellation-nav	{
	list-style: none;
	display: block;
	font-family: "Trebuchet MS", "TrebuchetMS", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
/* 	border: 1px solid red; */
	white-space: nowrap;
	}

.constellation-nav ul,
.constellation-nav ul li,
.constellation-nav ul li a {
	padding: 2px 0px;
	margin: 0px;
	border: 
	}

/* Hack IE 5.x to position the menus correctly! */
#aboutus, #contactus, #adultsoccer, #youthsoccer,
#thelockerroom, #sponsors, #calendar {
	position: relative;
	margin-left: -15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 0px;
	}

/* Position all the individual menu items */

#contactus {
	top: -30px;
	left: 800px;
	width: 85px;
	}

#aboutus {
	top: 13px;
	left: 825px;
	width: 85px;
	}

#calendar {
	top: 12px;
	left: 690px;
	width: 85px;
	}

#adultsoccer {
	top: 57px;
	left: 745px;
	width: 85px;
	}


#youthsoccer {
	top: 70px;
	left: 613px;
	width: 85px;
	}

#thelockerroom {
	top: 256px;
	left: 807px;
	width: 100px;
	}


#sponsors {
	top: 274px;
	left: 755px;
	width: 85px;
	}


/* Hides from IE5-mac \*/
* html #adultsoccer li.over ul { left: 5px; top: 13px; }
* html #adultsoccer { top: 40px; }
* html #youthsoccer li.over ul { left: 5px; top: 13px; }
* html #youthsoccer { top: 50px; }
* html #contactus { top: -36px; }
* html #calendar { top: 2px; }
* html #sponsors { top: 245px; }
* html #thelockerroom { top: 232px; }
* html #thelockerroom li.over ul { left: 0px; top: 13px; }
* html #aboutus li.over ul { left: 0px; top: 13px; }
/* End hide from IE5-mac */



.constellation-nav li ul {
	display: none;
	list-style: none;
	padding-right: 60px;
	}

.constellation-nav li ul li {
	position: relative;
	}

.constellation-nav li ul li a:link,
.constellation-nav li ul li a:visited,
.constellation-nav li.over ul li a:link,
.constellation-nav li.over ul li a:visited {
	color: #777;
/* 	font-size: 11px; */
	}


.constellation-nav li a:hover, .constellation-nav li a:active,
.constellation-nav li ul li a:hover, .constellation-nav li.over ul li a:hover,
.constellation-nav li ul li a:active, .constellation-nav li.over ul li a:active {
	color: #ff2129 !important;
	}


.constellation-nav li:hover ul, .constellation-nav li.over ul {
	display: block;
	position: absolute;
	}

.constellation-nav li a:link, .constellation-nav li a:visited {
	text-decoration: none;
	color: black;
	}





/* Define the look of the content that will appear on the page */
#contentblock {
	font-family: "Trebuchet MS", "TrebuchetMS", Helvetica, Verdana, sans-serif;
	padding: 20px 10px 10px 45px;
	margin: -130px 0px 20px 0px;
/* 	border: 1px solid orange; */
	}

#contentblock p, #contentblock ul li, #contentblock ol li, #contentblock td {
	font-size: 12px;
	}
	
#contentblock ul li,  #contentblock ol li {
	margin: 5px 0px 0px 0px;
	}

#contentblock ul {
	margin-left: 0px;
	padding-left: 17px;
	}

#contentblock ol {
	margin-left: 0px;
	padding-left: 17px;
	}



#menublocker {
	float: right;
	width: 432px;
	height: 475px;
/*   	border: 1px solid red; */
	margin-top: -18px;
	margin-right: -10px;
	}

#menublocker-nonav {
	float: right;
	width: 432px;
	height: 120px;
/*   	border: 1px solid red; */
	margin-top: -18px;
	margin-right: -10px;
	}

#contentblock h1, #contentblock h2, #contentblock h3, #contentblock h4 {
	margin: 0px;
	padding: 0px;
	}

#contentblock h1 {
/* 	margin: -74px 0px 40px 0px; */
	position: absolute;
	top: 180px;
	color: rgb(228, 133, 28);
	font-variant: small-caps;
	font-size: 26px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 3px;
	}

/* Hides from IE5-mac \*/
* html #contentblock h1 { top: 192px; }
/* End hide from IE5-mac */


#contentblock h2 {
	color: #ff2129;
	font-size: 18px;
	}

#contentblock p a:link, #contentblock p a:visited,
#contentblock li a:link, #contentblock li a:visited,
#contentblock dl a:link, #contentblock dl a:visited,
#contentblock td a:link, #contentblock td a:visited {
	color: rgb(228, 133, 28);
	}

#contentblock p a:hover, #contentblock p a:active,
#contentblock li a:hover, #contentblock li a:active,
#contentblock dl a:hover, #contentblock dl a:active,
#contentblock td a:hover, #contentblock td a:active {
	color: #ff2129;
	}


#contentblock img {
	padding: 3px;
	border: 1px solid #aaa;
	}


#contentblock h3, #contentblock h4 {	
	color: #ff2129;
	}


#contentblock .namelist h3 {
	font-size: 14px;
	font-weight: normal;
	}

#contentblock .namelist h3.email {
	padding-bottom: 30px;
	}

#contentblock .namelist {
	list-style: none;
	padding-left: 0px;
	margin-left: -15px;
	}

#contentblock .namelist li {
	float: left;
	text-align: center;
	padding: 0px;
	width: 145px;
	margin: 0px;
/* 	margin: 0px 40px 30px 0px; */
/* 	background: white; */
/* 	border: 1px solid orange; */
	}
			



/* CALENDAR RULES */

#calendar-event {
        text-align: left;
        padding-right: 20px !important;
        }
#calendar-date {
        font-weight: bold;
        text-align: right;
        padding-left: 20px !important;
        }


#calendar-table {
	margin: 0px;
	padding: 0px;
	}

#contentblock .calendar-date {
	font-weight: bold;
	text-align: right;
	padding-left: 20px !important;
	}

#contentblock .calendar-event {
	text-align: left;
	padding-right: 20px !important;
	}


#contentblock #calendar-table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	}

#contentblock th {
	color: #ff2129;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	background: #eee;
	margin: 0px;
	}

#contentblock th, #contentblock td {
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	}

#sponsorlist li {
	float: left;
	width: 200px;
	height: 190px;
/* 	border: 1px solid red; */
	}

dt, strong {
	font-size: inherit;
	color: #ff2129;
	}

dd {
	font-size: 14px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 30px;
	}

#philo {
	margin: 0px;
	padding: 0px;
	}

#philo td {
	text-align: left;
	font-size: 12px;
	}


#philo .fruits {
	text-align: right;
	color: rgb(228, 133, 28);
	font-weight: bold;
	}