/*****************************************************************
 There are 3 main container divs that comprise the page layout.
Each of the 3 main divs is self contained - that is, one starts 
after the previous div is closed.  All the other divs are nested 
in these 3 main divs.  The main divs are:

	1 the headContainer div, which contains all header elements
	2 the bodyContainer div, which contains all the page content 
	  and has a white background and muted soccer ball
	3 the footer div, which contains footer items like school 
	  contact info

Modifications
----------------------------------------


******************************************************************/

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#ccccff;
}

	


img { border:0px; }

/********** divs and styles for header items *********/

/* container for all header items */
#headContainer {
	position: relative;
	background-image: url(titlebar.gif);
	background-repeat: repeat-x;
	height:		50px; 
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	background-color: #9999ff; 
	text-align: 	center;
	font-weight: 	bold;
	font-size:	12px;
	padding-bottom:	0px;
	margin-bottom:	0px;
/*	padding-top:	10px; */
}

.item1 {
	position:	absolute;
	left:		10px;
	top:		10px;
}

.item2 {
	position:	absolute;
	left:		76px;
	top:		10px;
}

.item3 {
	position:	absolute;
	left:		160px;
	top:		10px;
}

.item4 {
	position:	absolute;
	left:		248px;
	top:		10px;
}

.item5 {
	position:	absolute;
	left:		312px;
	top:		10px;
}

.item6 {
	position:	absolute;
	left:		403px;
	top:		10px;
}

.item7 {
	position:	absolute;
	left:		480px;
	top:		10px;
}


.item8 {
	position:	absolute;
	left:		560px;
	top:		10px;
}

.menuItem a {
	color:			#000099;
	text-decoration:	none;
}

.menuItem a:visited {
	color:			#000099;
	text-decoration:	none;
}

.menuItem_sel {
	color:	#000000;
}

.menuItem a:hover {
	color: #ffffff;
	text-decoration:	none;
}

.subMenu {
	position: 	relative;
	background-image: url(subheader.gif);
	background-repeat: repeat-x;
	height:		20px;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	text-align: 	right;
	font-weight: 	bold;
	font-size:	10px;
	padding-top:	3px;
	padding-right:	15px;
}

.subMenuItem a {
	color:			#9999FF;
	text-decoration:	none;
}

.subMenuItem_sel {
	color:			#000000;
	text-decoration:	none;
}

.subMenuItem a:visited {
	color:			#9999FF;
	text-decoration:	none;
}

.subMenuItem a:hover {
	color: #ffffff;
}

.links {
	float:		left;
	margin-left:	10px;
}

.contacts {
	float:		right;
	margin-right:	10px;
}

.bodyContainer {
	position:relative;
	background-color: 	#ccccff;
	color:			#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:		14px;
	width: 90%;
	margin-left:		30px;
	margin-right:		10px;
	height: 450px;
}

.bodyContainer td {
	font-weight:		normal;
	font-size:		14px;
}

.bodyContainer a, a:visited {
	text-decoration:	underline;
	color:			#000077;
}
.bodyContainer a:hover {
	color:			#0000ff;
}

.bodyContainer li {
	padding-bottom:	6px;
}

.questionBlock {
/*	margin-left: 	30px; */
	font-weight:	normal;
	font-size:	14px;
	padding-top:	10px;
}

.join {
	font-weight:	bold;
	font-size:	16px;
	font-style: 	italic;
}

.mission {
	background-color:	#9999FF;
	padding-right:		5px;
	padding-left:		10px;
	padding-top:		10px;
	padding-bottom:		10px;
}

.header {
	color:		#000000;
	font-weight:	bold;
	font-size:	16px;
}


.subHeader {
	color:		#000099;
	font-weight:	bold;
	font-size:	14px;
}

.subHeaderRed {
	color:		#990000;
	font-weight:	bold;
	font-size:	14px;
}
.newsbox {
	border:		solid 2px #333333;
	background-image:	url(albanymarathon.jpg);
	height:		100px;
	color:		#333333;
	font-size:	16px;
	padding:	15px 5px 5px 5px;
	font-weight:	bold;
}

.localEventsBox {
	border:		solid 1px #990000;
	padding:	15px 5px 5px 5px;
}

.comingSoon {
	color:		#ff0000;
	font-size:	18px;
	text-align:	center;
	font-weight:	bold;
}

.linklist a {
	font-size:	12px;
}

.smallText {
	font-size:	12px;
}

.regLink {
	font-size:	10px;
}
.regLink a {
	font-size:	10px;
}
/********** module styles for all pages **********/
.module {
	border: solid 1px #8da0b2;
	margin: 10px 5px;
	background-color: #eee;
	}
	
.moduleTitle {
	padding-left: 10px;
	color:#fff;
	font-size: 14px;
	font-weight:bold;
	background-color: #5c7894;
	color: #ffffff
	}

.moduleTitle a {
	text-decoration: none;
	color: #ddd;
	}
	

.moduleContents {
	padding: 5px;
	}

.moduleContents a, .moduleContents a:visited {
	color: #003366;
	text-decoration: none;
	}
	
.moduleContents a:hover {
	text-decoration: underline;
	}

.moduleSubTitle {
	background-color:#ccc;
	padding-left:10px;
	}

.tableHeader {
	font-weight: bold;
	color: #5c7894;
	font-size: 18px;
	}

.tableItem {
	font-weight: normal;
	color: #000000;
	font-size: 16px;
	}
	
a.tableItem {
	font-weight: normal;
	color: #0000ff;
	text-decoration: none;
	}

.homeGame {
	color: #0000ff;
	font-weight: bold;
	font-size: 16px;
	}
	
.awayGame {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	}

.awayGame a:visited {
	color: #000000;
	font-weight: bold;
	}

.awayGame a:hover {
	color: #ff0000;
	}

/* styles for soccer links page */

.linkText a {
	color: darkblue;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
/*	font-style: italic; */
	}

.linkText a:visited {
	color: darkblue;
	font-weight: bold;
	text-decoration: none;
	}

.linkText a:hover {
	color: #0000ff;
	text-decoration: none;
	}


.headerText {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	}

/********** menu styles for both home page and sub pages **********/
a.menu {
	font-weight: bold;
	text-decoration: none;
	color: #333399;
	margin-bottom: 0px;
	margin-top: 0px;
}

.menu-headings {
	margin-bottom: 6px;
	font-size: 14px;
	color: #333399;
	font-weight: bold;
}

.menu-head-nolink {
	margin-bottom: 6px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

a.menu:hover {
	color: #ff0000; 
	text-decoration: underline;
}


a.submenu {
	text-decoration: none;
	color: #333399;
	margin-top: 0px;
	font-size: 12px;
}

a.submenu:hover {
	color: #ff0000; 
	text-decoration: underline;
}

ul.submenu {
	list-style : square outside;
	margin-bottom : 0px;
	margin-top : 0px;
	margin-left : 20px;
	margin-right : 0px;
	padding: 0px;
}

.smallBlack {
	font-size: 12px;
	color: #000000;
}

.largeTitle {
	color: #000000;
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
	}
	
.coachName {
	color: #000000;
	text-decoration: none;
	font-size: 30px;
	font-style: arial;
	font-weight: bold;
	}

.coachText {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-style: arial;
	font-weight: normal;
	}

.winText {
	color: #800000;
	text-decoration: none;
	font-size: 16px;
	font-style: arial;
	font-weight: bold;
}

.lossText {
	color: #800000;
	text-decoration: none;
	font-size: 16px;
	font-style: arial;
	font-weight: normal;
}

.tieText {
	color: #555555;
	text-decoration: none;
	font-size: 16px;
	font-style: arial;
	font-weight: bold;
}

.statsText {
	color: #5c7894;
	text-decoration: none;
	font-size: 12px;
	font-style: arial;
	font-weight: normal;
}

/********** for photo pages **********/
.toolSelector {
  border-style: solid;
  border-width: 2px;
  border-color: gray;
 }

.toolSelHover {
  border-style: solid;
  border-width: 2px;
  border-color: #0000ff;
 }

.toolSelActive {
  border-style: solid;
  border-width: 5px;
  border-color: #cccccc;
  }

/********** menu styles for highlight pages **********/
#highlightContainer {
/***
	border-style: 	solid;
	border-width:	5px;
	border-color:	#0000ff;
***/
	width:		400px;
	height:		500px;
	font-size:	12px;
	padding:	10px;5px;5px;10px;
	font-style:	arial;
}

#highlightContainer h1 {
	color:		#000000;
	font-size:	16px;
	font-weight:	bold;
	text-align:	center;
}

#highlightContainer h2 {
	color:		#000000;
	font-size:	14px;
	font-weight:	bold;
	text-align:	center;
}

/********** divs and styles for footer **********/	

#footerContainer {
	position: relative;
	background-color: #e2e2e2;
	height: 50px;
	font-size: 10px;
	padding: 10px;
	border-top: 1px solid #7089a9;
	text-align: center
	}

#schoolInfo {
	text-align: center
	top: 5px;
	}

#webmaster {
	position: absolute;
	right: 10px;
	top: 5px;
	font-weight: bold;
	}

/**********announcement styles **********/	

.announcePara {
	padding-top:	15px;
}

.announceHeader {
	color:		990000;
	font-weight:	bold;
	font-size:	16px;
}

.announceBody {
	margin-left:	20px;
	margin-right:	20px;
}

.highlightLink {
	text-decoration:	none;
	font-weight:		bold;
	color:			#000077;
	padding-top:		7px;
}

.highlightLink a {
	text-decoration:	none;
	font-weight:		bold;
	color:			#000077;
	font-family:		arial;
}


.highlightLink a:visited {
	text-decoration:	none;
	font-weight:		bold;
	color:			#000077;
}

.highlightLink a:hover {
	color: 			#0000ff;
	text-decoration:	underline;
	font-weight:		bold;
}


.announceHelp {
	color:			#000000;
	font-size:		12px;
	font-style: 		italic;
	font-weight:		normal;
	font-family:		arial;
	margin-left:		10px;
}

