@import url("layout.css");

/* Only for testing! */
/*
@import url("test.css");
*/
/* 
 * Base Styling 
 */
 
body {
  font-family: Arial, sans-serif;
} 
 
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h2 span {
		color:#009900;
}

h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
	color:#006600;	
}

h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0 0.5em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
}
ol,ul,dl {
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
	font-size: 86%;
}

table {
	border-collapse:collapse;
}

.clear { clear : both }


/*
 * Forms
 */
fieldset {
	postion: relative;
	border: 1px solid #ccc;  
	background-color: #eee; 	
}

fieldset ol {
	margin: 2em 0 1em 0;
	padding: 1em;
	list-style: none;
}

fieldset ol li {
	list-style: none;
}

legend span {
	position: absolute;  
	margin: 0.75em 1em;
	font-weight: bold;
	font-size: 1.2em;
}
	
input.radio {
	float: left;
	margin-right: 1em;
}

fieldset.buttons {  
	padding: 1em 1em 1em 1em;
	float: none;  
	width: auto;  
	border-style: none;  
	background-color: transparent; 	
}

label {
	display : block;
}

label span {
	font-size: 86%;
	font-weight: normal;
}

label strong {  
	display: block;  
	color: #c00; 
	font-size: 85%;  
	font-weight: normal;  
}

input.text, input.password { 
	width: 60%;
	background: url(../images/field-bg.jpg) repeat-x; 
	border: 1px solid #ccc;
}

input.text:focus, input.password:focus { 
	background: url(../images/field-green-bg.jpg) repeat-x; 
	border: 1px solid #ccf;
}

input.error {
	background: url(../images/field-red-bg.jpg) repeat-x; 
}


.tip {
	display: block;
	background: url(../images/tip.gif) no-repeat;
	padding-left: 20px;
	position: absolute;
    left : 58%;
	margin-top: -0.5em;
}

.tip span {
	display: block;
	background: #ffc;
	border-bottom: 1px solid #C96;
	border-top: 1px solid #C96;
	border-right: 1px solid #C96;
	padding: 1em;
	width: 16em;
	font-size: 86%;
}		

.feedback ul {
	display: block;
	background: #fee;
	color: #c00;
	border: 2px solid #c00;
	padding : 1em;
	margin : 1em
}
.feedback ul li {
	list-style: square;
}

li.feedbackPanelERROR {
	padding: 0 1em;
	margin-left: 2em;
	color: #f00;
	list-style: square;
	font-size: 0.86em;
}


/*
 * Custom Styles
 */
 
/*
 * Header
 */ 
html {  background : #666; } 
body { padding: 30px 30px 80px 30px; } 
#container {
	background:#fff url(../images/grass.jpg) repeat; 
	border: 10px solid #fff;
} 
#header h1 { display: none; } 
#logo {
	margin : 10px;
}

#main-nav { font-size: 0.86em; } 
#main-nav ul { list-style: none; }
#main-nav ul li{ display: inline; }
#main-nav a { 
	display: block; 
	width: 200px; 
	height: 25px; 
	line-height: 25px; 
	font-weight: bold;
	color: #fff; 
	text-decoration: none; 
	text-indent: 30px;

}
#main-nav a:hover {	background : #fff no-repeat; color: #030 }
#main-nav .title {	
	font-weight: bold; 	
	text-indent: 30px; 	
	height: 25px; 
	line-height: 25px; 
	color: #0c0; 
	display:block 
}

#sub-nav {  font-size: 0.76em; } 
#sub-nav ul { list-style: none; }
#sub-nav ul li{ display: inline; background : url(../images/nav-div1.gif) no-repeat; padding-left: 5px;}
#sub-nav ul li.first{ background : transparent }
#sub-nav a { 
	color:#999;
	line-height: 30px;
	height: 30px;
	padding: 0 5px;
	text-decoration: underline;
}
#sub-nav a:hover {
	color: #fff;
}


#main-content { background: #fff; color: #333; margin-bottom: 30px; }
#mainHalf-content { background: #fff; color: #333; margin-bottom: 30px;  margin-right:100px;}
#secondary-content {  background: #ddd; margin-bottom: 30px; color: #333}


/* 
#search, #newsletter, #main-nav ul, #secondary-content {
	background: url(../images/transparent.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
	'../images/transparent.png',sizingMethod='crop');
}
*/

/*
#secondary-content {
	background: url(../images/transparent.png);
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/transparent.png', sizingMethod='scale');
}
*/

.panel {
	margin: 5px;
	/* background: #ccc; 
	border-top : 1px solid #fff;
	border-right : 1px solid #666;
	border-bottom : 1px solid #666;
	border-left : 1px solid #fff;
	*/
	border: 1px dotted #fff;
	font-size: 0.86em;
}
.panel label {
	display: block;
	color: #fff;
	margin-bottom: 0.25em;
	font-size: 0.86em;
}

#site-info  { 
	font-size: 0.86em;
	background : #555;
} 
#site-info h4 {
	font-weight: bold; 	
	text-indent: 30px; 	
	height: 25px; 
	line-height: 25px; 
}
#site-info  ul { list-style: none; float: left; width: 15em;}
#site-info  ul li{ display: inline; }
#site-info  a { 
	display: block; 
	width: 200px; 
	height: 25px; 
	line-height: 25px; 
	color: #fff; 
	text-decoration: none; 
	text-indent: 30px;
}
#site-info a:hover {	background : #fff url(../images/soccerBall_sm.gif) no-repeat; color: #030 }

#site-info .title {	
	font-weight: bold; 	
	text-indent: 30px; 	
	height: 25px; 
	line-height: 25px; 
	color: #fff; 
	display:block; 
	text-decoration: underline;
}

#footer p {
	margin :0; 
	font-size : 0.76em;
} 

.news ul {

}

.news ul li {
	list-style: none;
}

.news .date {
	color: #030;
} 

.news .new {
	color: #090;
	font-weight: bold;
}



/*
 * Page Specific
 */
#home #main-content { background: url(../images/welcome-title.gif) no-repeat 0px 120px; height: 400px; margin-left: 30px; z-index: 99}
#home #main-content h2 { position: relative; left : -9999px; }
#home #main-content h3  { position: relative; left : -9999px;  } 
#home #ball {
	z-index: 0;
	position: absolute; 
	bottom: -10px;
	right: -10px;
	height: 300px; width: 300px;
	background-image: url(../images/soccerBall.gif);
	background-repeat: no-repeat;
}
#home #secondary-content { display : none;  }
#home #site-info { display : none;  }
#home #footer {
	bottom: -60px;
}

/* Registration */

/*
#registrationForm { line-height: 1.3em; margin-bottom: 3em; font-size: 0.86em; border: 1px solid #ccc; background: #eee;}
#registrationForm label { display: block; clear: both;}
#registrationForm input { width: 180px; margin-bottom: .3em; margin-right: 10px; }
#registrationForm input.phone { width: 100px;}
#registrationForm input.bday, #registration-form input.bmonth { width: 60px; }
.left {float: left; margin-right: 10px;}
.left2 {float: left; margin-right: 250px; }


.buttons { clear: both; border-top: 1px dashed #ccc; margin-top: 2em; padding-top: 1em; text-align: right}
*/

/*
 * Members List
 */

table.members { border: 1px solid #666; line-height: 1.2; }
.members th { font-weight : bold ; background: #696; color: #fff}
.members th, .members td { padding: 0.25em; }
.even { background: #ddd }