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

body{
	padding:0;
	margin:0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color: #590B0B;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#container{
	width:800px;
	padding:0px;
	margin: 0px auto;
	position:relative;
}

#netball, #netball2 
{
	margin:0px;
	padding:0px;
	background-image:url(images/net.png);
	background-position:top left;
	background-repeat: no-repeat;
	width:250px;
	height:327px;
	display:block;
	position:absolute;
	top:13px;
	left:242px;
	z-index:400;
}
#netball2
{
	height:210px;
}


#branding
{
	margin:0px;
	padding:0px;
	background-image:url('images/header.gif');
	background-position:top left;
	background-repeat: no-repeat;
	background-color:transparent;
	text-indent:-999px;
	width:800px;
	height:126px;
	display:block;
	top:79px;
	position:absolute;
	z-index:100;
}
#subBranding
{
	display:none;
}



/* ||NAVIGATION */
#navigation ul, li
{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation
{
	position:absolute;
	top:158px;
	left:95px;
	z-index:500;
	display:block;
	font-weight:bold;
}
#navigation li
{
	display:inline;
	margin-left:25px;
}
#navigation #vLinks
{
	margin-left:120px; 
}
a
{
	color: #7c0F0F;
	text-decoration:none;
}
a:hover
{
	color:white;
}



/* ||Content */
#content
{
	width:799px;
	border:solid black 1px; 
	background-color:#C19A4F;
	position:absolute;
	top:204px;
}


/* ||Layout */
#leftBar
{
	width:451px;
	float:left;
	margin-left:20px;
	margin-top:18px;
}
#rightBar
{
	width:289px;
	margin-left:20px;
	margin-top:18px;
	float:left;
}
#fullBar
{
	width:760px;
	margin-left:20px;
	margin-top:18px;
}
.box
{
	border:solid 1px black;
	background-color:#F4EEBC;
	background-image:url(images/boxSide.gif);
	background-position:left top;
	background-repeat:repeat-y;
	width:100%;
	
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}
.boxTop
{
	background-image:url(images/boxTop.gif);
}
.fullBoxTop
{
	background-image:url(images/fullBar.gif);
}
.smallBoxTop
{
	background-image:url(images/smallBoxTop.gif);
}
.boxTop, .smallBoxTop, .fullBoxTop
{
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:100%;
	height:9px;
	margin:0;
	padding:0;
}
.boxContent h2, .smallBoxContent h2 
{
	background-color:#722C2D;
	color:white;
	font-weight:normal;
	font-size:20px;
	padding-left:3px;
	display:block;
	
	margin-top:10px;
}

.boxContent h2
{
	width:411px;
}
.smallBoxContent h2
{
	width:249px;	
}

.boxContent, .smallBoxContent
{
	padding-left:20px;
	padding-right:20px;
	font-size:smaller;
}


/*using dl list for easy control over styling, also for "styling" news in browsers that can't handle CSS.
To style with css, need to strip out default style.*/

#newsList dd, #newsList dl, #newsList dt
{
	margin:0;
	padding:0;
	display:inline;
}
#newsList dt
{
	font-weight:bold;
	font-size:14px;
}
#newsList dt span
{
	font-style:italic;
	font-size:12px;
}
#newsList dd
{
 display:block;
 padding:10px;
 text-indent:2em;
}

#shortSched
{
	margin-top:-10px;
	margin-left:-14px;
	padding-bottom:20px;
	font-size:smaller;
	width:289px;
}
#shortSched td + td + td + td
{ /*set the width of the last cell*/
	width:50px;
}

#fullSchedule
{
	width:500px;	
}
#fullSchedule thead
{
	font-weight:bold;
	text-align:left;
}
#fullSchedule td
{
	padding:2px;
}
#pCardImg
{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	
}
#pCard
{
	font-weight:bold;
}
#pCard span
{
	font-weight:normal;
}
#footer
{
	clear:both;
	width:100%;
	text-align:center;
	font-size:smaller;
	color:white;
	padding-top:20px;
}
#footer a
{
	border:none;
	outline:none;
}