/* ---------------------------------------------------------------------------- */
/* 																				*/		
/* 	general/structural styles for 11v11 pages		 							*/
/* 																				*/
/* ---------------------------------------------------------------------------- */





/* ----- VBULLETIN MENU EMULATION --------------------------------------------- */

div#vb-menu
{
	background-image: url('/generic/graphics/backgrounds/gradients/088429-btt-s0-h50.jpg');
	background-repeat: repeat-x;
	margin-top: 18px;

}
div#vb-menu ul
{
	margin-bottom: 0;
	margin-left: 20px;
}
div#vb-menu ul li
{
	border-left: 1px solid #FFF;
	display: inline-block;
}
div#vb-menu ul li:last-child 
{
	border-right: 1px solid #FFF ! important;

}
div#vb-menu ul li a
{
    -moz-border-radius-topright: 5px;	/* curved tab top corners */
    -moz-border-radius-topleft: 5px;
	display: block;
	color: #088429 ! important;
	font: bold 12px Arial,Calibri,Verdana,Geneva,sans-serif;	
    height: 26px;						/* 23 better, but can't get vb the same... */
    line-height: 26px;
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
	text-decoration: none;

}
div#vb-menu ul li.selected a, 
div#vb-menu ul li a:hover
{
	background-color: #088429;
	color: #FFF ! important;
}


div#vb-submenu
{
	background-color: #088429;
	border-top: 1px solid #FFF;
	display: block;
	padding: 4px 0 5px 0;
	text-align: right;
	width: 100%;

	min-height: 16px ! important;		// should prob be min-height
	height: 17px;

}
div#vb-submenu select
{
	font-size: 0.9em;
	margin: 0 40px 0 20px;
}
div#vb-submenu select#countrySelector
{
	margin: 0 15px 0 20px;
	width: 123px;
}
div#vb-submenu select#clubSelector
{
	margin: 0 15px 0 5px;
	width: 127px;
}

div#vb-submenu label
{
	color: #fff;
}




/* ----- GENERAL ADJUSTMENTS/SETTINGS ----------------------------------------- */

html * 
{
	margin: 0;
	padding: 0;
}
a img 
{ 
	border-width: 0;
}
option 
{
	padding-left: 3px;
}
body
{
	background-color: #E9E9E9;
}
a pre
{
	display: inline ! important;
}




/* ----- fix dodgy floating/enclosure behaviour ----------- */
/* ----- see: www.positioniseverything.net      ----------- */
/*
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
*/



/* ----- OVERALL PAGE LAYOUT -------------------------------------------------- */

#page-container
{
	background-color: #FFFFFF;
	background-image: url("/generic/graphics/backgrounds/gradients/088429-ttb-s10-h60.jpg");
	background-repeat: repeat-x;
    border-left: 1px solid #088429;
    border-right: 1px solid #088429;
	margin: auto;
	width: 980px;
}
#page-header
{
    background-image: url(/generic/graphics/backgrounds/legend-4.jpg);
    background-position: 108px 0px;
    background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;	/* prevent margin-collapse */
	position: relative;
	padding-top: 68px;
}
#page-body
{
	padding: 20px;
	padding-top: 0;
}
#page-footer
{
	clear: both;
	color: #777;
	padding: 25px 0 5px 10px;
}


#column-message
{
	margin: 60px 30px 150px 175px;
	padding-right: 60px;
}
#column-message h2
{
	margin-bottom: 30px;
}
#column-message li
{
	margin-top: 15px;
}




/* ----- layout debugging -------------------------------- */
/* ----- 
#page-container 				{ border: 1px solid red; }
#page-header 				{ border: 1px solid blue; }
#page-body 					{ border: 1px solid blue; }
#page-footer 				{ border: 1px solid blue; }
#pageContent 				{ border: 1px solid green; }
#googleSiteSearchContainer 	{ border: 1px solid purple; }
----- */


/* ----- afs logo ---------------------------------------- */
.page-logo 	
{ 
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 0; 
}




/* ----- copyright --------------------------------------- */
.copyright 
{
	font-size: 0.8em;
}






/* ----- TEXT ----------------------------------------------------------------- */

body 
{ 
	font-family: verdana, arial, sans-serif; 
	font-size: 75%;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Century Gothic", verdana, arial, sans-serif;
}
h1, h2, h3, h4, h5
{
	color: #088429;
	font-weight: normal;
}
h1 
{ 
	font-size: 1.8em;
}
h2 
{ 
	font-size: 1.7em;
	margin-bottom: 10px;
}
h3
{
	font-size: 1.4em;
	margin-bottom: 10px;
}
h4
{
	font-size: 1.2em;
	margin-bottom: 5px;
}
h5
{
	font-size: 1.0em;
	margin-bottom: 5px;
}
h6
{
	font-size: 1.0em;
}


p
{
	margin: 0 0 10px 0;
}
ul, ol
{
	margin: 0 0 10px 35px;
}








/* ----- LINKS ---------------------------------------------------------------- */

#page-content a
{
	color: #088429;				/* default */
	text-decoration: none;
}
#page-content a:hover
{
	color: #AA0000;				/* default */
	text-decoration: underline;
}
#page-footer a
{
	color: #088429;	
}
#page-footer a:hover
{
	color: #AA0000;	
}