/* Main CSS Document 
for Alloway Little league
cbell Media Design */

/*Body*/
Body { 
	background-image:url(../images/leftsw.jpg); 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
/*End Body*/

/*Main Frame*/
.main {
	 height:auto;
	 width: 768px; 
	 margin-left: auto; 
	 margin-right:auto; 
	 background-color: #000000; 
	 padding: 0px;  
	 border: 1px solid #ffd700;
	 } 
/*End Main Frame*/

/*HEADER*/
/*Header Area CSS, layout page header 768px wide, 250px high*/
.header{position:relative; left:0px; top:0px; background-color:#000000; width:768px; height:75px; margin:0px;}
.headertitle { position:absolute; top: 5px; left: 8px; height: 70%; z-index: 3; color: #FFD700; font-family:Arial, Helvetica, sans-serif; font-size: 2em; font-weight: 400;}
.tagline { position: absolute; top:38px; left: 45px; color: #ffd700; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.25em; font-style:italic;}
.rightheaderlogo {position: absolute; top: 0px; right: 50px; width: 100px; height: 100px; z-index: 2; border: 0px; padding: 0px;}
.headerpic{position: relative; height:250px; width:768px;  border-top: 1px solid #ffd700; border-bottom: 1px solid #ffd700; margin: 0px;}
/*END HEADER*/

#outer { 
	position:relative;
    border-left: 170px solid #FFD700; 
	background-color:#FFFFFF; 
	height: auto;
	}

/*Content*/
#inner{
	position:relative; 
	margin:0px; 
	width:100%; 
	height:100%; 
	background-color:#FFFFFF;
	}

/*Left Content*/

.left {	
	width: 165px; /* left column width */
	margin-left: -172px;/* negative left column width */
	float:left;
	margin-top: 0px;
	top: 0;
	left: 0;
}
.leftheader {position:relative; left: 0px; top: 0px; height:30px; width: 100%; text-align:center; font-family:"Rockwell Extra Bold"; font-size:12px; color:FFD700;}
.leftcontent {position:relative; margin: 5px 0px 10px 4px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 0.75em; text-align:center; z-index:4; background-color:#FFD700; width:160px;}
/* Navagation Style */
.leftnav {
	font-size: 0.8em; 
	position: relative; 
	height: auto; 
	width: 160px; 
	background-color: #000000; 
	margin:2px 2px; 
	color: #ffd700; 
	text-align: left; 
	padding: 2px 0px 2px 0px;
	}

#navigation td {border-bottom: 1px solid #ffd700; border-right: 0px solid #000000; border-left: 0px solid #999999; border-top: 0px solid #999999;}	
#navigation a {	font: Verdana, Arial, Helvetica, sans-serif; color: #ffd700; font-size:0.9em; line-height:10px;	letter-spacing:.1em; text-decoration: none;	display:block;	padding:5px 6px 5px 20px;	}	
#navigation a:hover { font-size:1.0em; color:#FF0000; text-decoration:none; font-style:italic; border-bottom: 0px solid #000000; border-right: 0px solid #000000; border-left: 0px solid #000000; border-top: 0px solid #000000; background-color: #ffd700;}	
.navText {font: Verdana, Arial, Helvetica, sans-serif; color: #ffd700;	line-height:10px; letter-spacing:.1em; text-decoration: none;}
/*End Navagation Style*/
form {width: 150px;}
.ebox {height: auto; width: 160px; border: 1px solid #000000; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
.banner {height: 20px; width: 160px; border: 1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#000000; text-align:center; padding-top: 3px; background-image:url(../Images/banner.gif);}
.small {font-family:Arial, Helvetica, sans-serif; font-size:0.85em; color:#660000; height: auto; width: 140px; padding-left: 3px;}
/*COUNTER*/
.counter {position: relative; padding-top: 20px; padding-bottom: 5px; top: 0px; z-index: 1; color: #000000; font-size: +14px; line-height: 15px; text-align: center; border: 1px solid #000000; background-color:#FFD700; width: 160px;}
.gold {color: #000000; font-size: +16px; line-height: 12px; margin-left:auto; margin-right:auto;}
/* end counter */
/*End Left Content*/

/* right */
.right{ 
	position: relative;
	padding-top:5px;
	top:0px;
	margin-top:0px;
	left: 15px;
	width:90%;
	z-index: 12;
	background-color:#FFFFFF;
}
.rightheader {position:relative; margin-left:auto; margin-right:auto; height: 20px; width: 90%; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:#333333; font-weight:bold; background-color:#FFD700;}
.rigth_top{position: relative; width:85%; height:auto; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#000000;}
.right_container{ position:relative; width:98%; height:auto; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom: 10px;}
.rightheader_left { position:absolute; top: 0px; left:1px; height: 20px; width: 50%; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:#333333; font-weight:bold; background-color:#FFD700; margin-bottom:5px;}
.right_left{ position:absolute; top: 25px; left:5px; width: 50%; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#000000;}
.rightheader_right { position:absolute; left:295px; top: 0px; height: 20px; width: 45%; margin-right:2px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:#333333; font-weight:bold; background-color:#FFD700;}
.right_right{  position:absolute; top: 25px; margin-left:300px; margin-right:2px;  width: 45%; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#000000;}
.rightcontent {position:relative; width: 98%; margin: 3px 0px; padding: 5px 0px 2px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:0.75em;}

.rightcontent a:link {color: #00F; text-decoration: none; font-size:0.75em;}
.rightcontent a:visited {color: #00F; text-decoration: none; font-size:0.75em;}
.rightcontent a:hover {color: #FF0000; text-decoration: none; font-size:0.75em;}
.rightcontent a:active {color: #000000; text-decoration: none; font-size:0.75em;}

.rightspace {position:relative; margin: 0px 0px; padding: 0px 0px 0px 0px; height: 50px;}
/* end right */

.datatable{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align: left; font-size:0.75em;}
.datatable td{ border: 0px solid #808080;  margin: 0px 2px; padding: 1px 4px 1px 4px;}

.tablesep {font-size: +12px; color: #ffffff; padding-left: 9px; padding-right: 9px; vertical-align: 1px;}
.partialsep {font-size: +12px; color: #ffffff; padding-left: 4px; padding-right: 4px; vertical-align: 1px;}

/*News*/
.newsdate{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:0.65em; letter-spacing:.1em; font-style:italic;}
.news{font-family:  Arial, Helvetica, sans-serif; color:#000000; font-size:.8em;}
/*End News*/

.team{ font-size:1.1em; font-weight:200;}
/*Date Format*/
#dateformat {font:11px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing:.2em;}	
#dateformat a {	font:11px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight:bold; letter-spacing:.1em;	}	
#dateformat a:hover {color: #ffffff; letter-spacing:.1em; }
/*End Date Format*/

/*Footer*/
.footer { position: relative; width: 100%; height: 30px; position: relative; border-top: 0px solid #FFD700; bottom: 0px; left: 0px; z-index: 4; padding: 0px; background-color: #000000; text-align:center; margin-bottom: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-size: 0.6em;  margin-top:0px; clear:both;}



.footer a:link {color: #999999; text-decoration: none;}
.footer a:visited {color: #999999; text-decoration: none;}
.footer a:hover {color: #999999; text-decoration: none;}
.footer a:active {color: #999999; text-decoration: none;}
/*End Footer*/

/*SPACE*/
.space5 {height: 5px; width:130px;}
.space20 {height: 20px; width:130px;}
.space {clear: both;}
.clear {clear:right;}
/*END SPACE*/