/* CSS Document */


/* To vertically align text reliably across browsers, set the height and the line-height of the element to the same value. */
/* width:inherit specifies that this element is the full width of the containing element. width:100% is not the correct style for this behavior. */
/* Padding does not apply to the background of an element. Padding will be on top of the background image. */
/* FF does not recognize font attribute if incomplete or in wrong order. */
/* Proper Font Order: (only applies when using the font short hand -- all in one declaration -- individual styles can be in any order)
	font: 
		- font-style
		- font-variant
		- font-weight
		- font-size/line-height
		- font-family
		- caption
		- icon
		- menu
		- message-box
		- small-caption
		- status-bar  
*/

/*  Stylesheet Structure
    - Generic Classes
    - HTML Elements
    - Layout Components
    - - Page
    - - Header
    - - Content
    - - - Progress
    - - - Errors
    - - - Sidebar
    - - - Main
    - - - Full Width
    - - - Error Page
    - - - Navigation
    - - - Floating Divs
    - - Footer
    - - Prototype
    - Page Specific - Each page has a section in numeric order.

*/

* { /* References every element in the HTML document  */
    margin: 0;
    padding: 0;
}

/**********     GENERIC CLASSES    **********/

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.hidden { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.visibilityHidden { visibility: hidden; }
.visibilityVisible { visibility: visible; }



/**********     GENERIC HTML    **********/

html, body {
    height: 100%;
    width: 100%;
    background: #EEEEEE ;
/*
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
	margin: 0px;
	padding: 0px 0px 0px 0px;
    z-index: 0;
}


a, a:visited {
    color: #006600;
    text-decoration: underline;
}

a:hover {
    color: #FF9933;
}

iframe {
    margin-bottom: 10px;
}

img {
    border: 0;
}

img#zoom {
    cursor: pointer;
}

li {
    margin: 5px 0;
}

ol, ul {
    padding: 0 15px;
}

ul.simple {
    list-style: none;

    margin: 0;
    padding-left: 10px;
    padding-right: 0;
}

p {
    margin: 10px 0;
}

.box p {
    margin: 0px;
    padding-bottom: 10px;
}

table {
    width: 100%;
}

table, td, th, tr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

th {
    height: 14px;

    color: #009900;
    font-weight: bold;
    line-height: 14px;
    text-align: center;

    border-top: 4px solid #93C684;
    border-bottom: 4px solid #FFCC33;

    padding: 2px 0 3px 0;
}

th * {
    color: #009900;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
}

tr {
    height: 25px;

    line-height: 25px;
}

tr.altRow {
    background: #E0F0C6;
}

.Head1  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #333333 ;
	font-weight: bold;
}
.Head1Red  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #CC0000 ;
	font-weight: bold;
}
.Head1Orange  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FF9900 ;
	font-weight: bold;
}
.Head1Yellow  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC66 ;
	font-weight: bold;
}
.Head1Green  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #006600 ;
	font-weight: bold;
}
.Head1White  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF ;
	font-weight: bold;
}
.Head2  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333333 ;
	font-weight: bold;
}
.Head2Red  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #CC0000;
	font-weight: bold ;
}
.Head2Orange  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #FF9900 ;
	font-weight: bold;
}
.Head2Yellow  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #FFCC66 ;
	font-weight: bold;
}
.Head2Green  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #006600 ;
	font-weight: bold;
}
.Head2White  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #FFFFFF ;
	font-weight: bold;
}
.Head3  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #333333 ;
	font-weight: bold;
}
.Head3Red  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #CC0000;
	font-weight: bold ;
}
.Head3Orange  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #FF9900 ;
	font-weight: bold;
}
.Head3Yellow  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #FFCC66 ;
	font-weight: bold;
}
.Head3Green  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #006600 ;
	font-weight: bold;
}
.Head3White  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #FFFFFF ;
	font-weight: bold;
}


.Head4  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #333333 ;
	font-weight: bold;
	line-height:22px;
}
.Head4Red  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #CC0000;
	font-weight: bold ;
	line-height:22px;
}
.Head4Orange  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #FF9900 ;
	font-weight: bold;
	line-height:22px;
}
.Head4Yellow  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #FFCC66 ;
	font-weight: bold;
	line-height:22px;
}
.Head4Green  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #006600 ;
	font-weight: bold;
	line-height:22px;
}
.Head4White  {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	color: #FFFFFF ;
	font-weight: bold;
	line-height:22px;
}

.Textbox25  {  
	width: 25px;
	height:30px;
	line-height:30px;
}
.Textbox30  {  
	width: 30px;
}
.Textbox35  {  
	width: 35px;
}
.Textbox55  {  
	width: 55px;
}
.Textbox75  {  
	width: 75px;
}
.Textbox100  {  
	width: 100px;
}
.Textbox120  {  
	width: 120px;
}
.Textbox150  {  
	width: 150px;
}
.Textbox200  {  
	width: 200px;
}
.Textbox250  {  
	width: 250px;
}
.Textbox300  {  
	width: 300px;
}
.Textbox350  {  
	width: 350px;
}
.Textbox400  {  
	width: 400px;
}
.Textbox450  {  
	width: 450px;
	height:24px;
	padding-top:2px;
}
.Textbox500  {  
	width: 500px;
	height:24px;
	padding-top:2px;
}
.Textbox550  {  
	width: 550px;
}
.Textbox600  {  
	width: 600px;
	height:24px;
	padding-top:2px;
}



/*		Clearfix hack for Firefox/Safari
***********************************************************************************    */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/**********     LAYOUT COMPONENTS    **********/

#page	{
	width:980px;
	margin: 0px auto;
    padding: 0px 0px 0px 0px;
	border:#000 1px solid;
	background-image:none;
	background:#FFFFFF;
}
#headerSoccer	{
	width: auto;
	height: 90px;
	border:#CC0000 0px solid;
	background:#006600 url( "../images/headerSoccer2009.jpg" ) no-repeat;
}
#headerFh	{
	width: auto;
	height: 124px;
	border:#CC0000 0px solid;
	background:#006600 url( "../field_hockey/images/headerFh2009.jpg" ) no-repeat;
}
#headerSoccerHomepage	{
	width: auto;
	height: 320px;
	border:#CC0000 0px solid;
	background:#006600 url( "../images/headerSoccerHomepage2009.jpg" ) no-repeat;
}
#headerFhHomepage	{
	width: auto;
	height: 320px;
	border:#CC0000 0px solid;
	background:#006600 url( "../field_hockey/images/headerFhHomepage2009.jpg" ) no-repeat;
}


#commonNavigation	{
	width: auto;
	padding: 4px 8px;
	border:#CC0000 0px solid;
	text-align: right;
    font-size: 11px;
	color:#EEEEEE;
}

#commonNavigation a, #commonNavigation a:visited	{
	color:#EEEEEE;
	text-decoration:none;
}

#commonNavigation a:hover	{
	color: #FFCC00;
}

/**********     SOCCER NAVIGATION    **********/

#mainSoccerHomepageNavigation	{
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: #FF9900 2px solid;
	text-align: left;
    font-size: 12px;
	font-weight:bold;
}
#mainSoccerNavigation	{
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: #FF9900 2px solid;
	text-align: left;
    font-size: 12px;
	font-weight:bold;
}

#content	{
	width: auto;
	border:#0000CC 0px solid;
	
}
#contentNav	{
	width: 180px;
	border-right:#CCC 1px solid;
	margin: 24px 0px 0px 15px;
	padding: 0px 8px 60px 0px;
	float:left;
	text-align:left;
}
#contentNav a, #contentNav a:visited	{
	font-weight:bold;
	text-decoration:none;
}

#contentRight	{
	width: 680px;
	border:#0000CC 0px solid;
	margin: 20px 0px 0px 40px;
	float:left;
	text-align:left;
}

#contentFullWidth	{
	width: auto;
	border:#0000CC 0px solid;
	margin: 20px 10px 0px 80px;
	float:left;
	text-align:left;
}

#footerSoccer	{
	width:auto;
	border:#00CC00 0px solid;
	padding:30px 20px 20px 30px;
    font-size: 11px;
	clear:both;
	text-align:left;
	color:#666666;
}
#footerSoccer a, #footerSoccer a:visited	{
	color: #666666;
	text-decoration:none;
}
#footerSoccer a:hover	{
	color: #006600;
}
#footerSoccer .securityLogo	{
	float:right;
}

/**********     PAGE SPECIFIC    **********/

#homepageLeft	{
	width: 550px;
	border:#0000CC 0px solid;
	margin: 20px 0px 0px 20px;
	float:left;
	text-align:left;
}

#homepageLeft p.Body10a a, #homepageLeft p.Body10a a:visited {
	background: url(../images/arrow_dbl_drk_green.gif) no-repeat 0 5px ;
	padding: 0px 0px 0px 12px ;
	font-style:italic;
}

#homepageLeft p.Body10a a img, #homepageLeft p.Body10a a:visited img {
	background: none !important ;
	margin: 0px 0px 0px -12px !important ;
}

#homepageRight	{
	width: 360px;
	border:#0000CC 0px solid;
	margin: 20px 0px 0px 20px;
	padding: 0px;
	float:left;
	text-align:left;
}
#homepageBottom	{
	width: 950px;
	border:#0000CC 0px solid;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float:left;
	text-align:left;
}
.siteMap ul	{
    list-style: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}
.siteMap ul li	{
    list-style: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}
.siteMap ul li a, .siteMap ul li a:visited	{
	background: url( '../images/arrow_orange_small.gif' ) no-repeat  0px 4px;
	margin: 0px;
    padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#006600;
}
.siteMap ul li a:hover	{
	color: #FF9933;
}
.siteMap ul li ul{
    list-style: none;
    margin: 0px;
    padding: 10px 0px 20px 0px;
}
.siteMap ul li ul li	{
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}
.siteMap ul li ul li a, .siteMap ul li ul li a:visited	{
	background: url( '../images/arrow_dbl_grey.gif' ) no-repeat  0px 5px;
	margin: 0px;
    padding: 0px 0px 0px 22px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#006600;
}
.siteMap ul li ul li a:hover	{
	color: #FF9933;
}

/**********     SPECIALS PAGE    **********/

.specialsTitle	{
	padding: 20px 6px 6px 6px;
	margin: 0;
	text-align: left;
	color: #FF9900;
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.specialsText	{
	padding: 2px 6px 20px 6px;
	margin: 0;
	text-align: left;
	color:#666;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}