/*
	Cascading style sheet for: OtownSportsCenter.com website
	Created by Phil Sylvia
	Copyright 2008
	
*/


/*
	*** HTML ELEMENTS ***
*/	
	body{
		background: #ACACAC;
		margin-top: 0px;
		font-family: helvetica, arial;
		font-size: 12pt;
		line-height: 18pt;
	}
	p{
		line-height: 18pt;
	}
	h1{
		font-size: 14pt;
		font-weight: bold;
		color: #0098F3;
		text-align: center;
	}

	h2{
		font-size: 14pt;
		font-weight: bold;
		color: #0098F3;
		text-align: center;
	}
	
	h3{
		font-size: 22pt;
		color: #0098F3;
	}
	
	h4{
		font-size: 12pt;
		color: #0098F3;
		text-align: left;
	}
	
	h5{
		font-size: 18pt;
		color: #0098F3;
	}
	
	h6{
		font-size: 16pt;
		color: #0098F3;
	}
	input{
		color: #004661;
	}

/*
	*** MAIN BODY ITEMS ***
*/	
				
	#container{
		position: relative;
		width:1046px;
		margin-left: auto;
		margin-right: auto;	
		overflow: hidden;
	}
	#baseball-header {
		position:relative;
		float: left;
		width:1046px;
		height:172px;
	}
	#main_body {
		position:relative;
		float: left;
		background: url('../images/full_slice.jpg');
		width:1046px;
		background-repeat: repeat-y;
	}

	#footer {
		position:relative;
		float: left;
		width:1046px;
		height:35px;
	}

/*
	*** LEFT MENU ITEMS ***
*/		
	#themenu{
		position: relative;
		float: left;
		width: 234px;
		margin: 0px;
	}
	#menu-text{
		position: relative;
		float: right;
		width: 200px;
	}
	.menu-divider {
		position:relative;
		float: right;
		width:200px;
		height:8px;
	}
	#menu-text a:link, #menu-text a:active, #menu-text a:visited {
		position: relative;
		float: right;
		width: 184px;
		margin-right: 1px;
		font-size: 10pt;
		font-weight: bold;
		color: #004661;
		text-decoration: none;
		text-align: left;
		display: block;
		padding: 6px;
	}
	#menu-text 	a:hover{
		position: relative;
		float: right;
		width: 184px;
		margin-right: 1px;
		color: #E0E0E0;
		background: #004661;
		display: block;
		padding: 6px;
		font-size: 10pt;
	}	

/*
	*** BODY COPY ITEMS ITEMS ***
*/	

	#center_field{
		position: relative;
		float: left;
		width: 600px;
	}
	#copy_area{
		position: relative;
		float: left;
		width: 570px;
		padding: 13px;
		color: #E0E0E0;
		line-height: 18pt;
	}

	#right_side{
		position: relative;
		float: left;
		width: 200px;
	}
	#right_box{
		position: relative;
		float: left;
		width: 170px;
		padding: 15px;
		font-size: 10pt;
		color: #004661;
	}	

	.top_section{
		position: relative;
		margin-right: auto;
		margin-left: auto;	
		width: 500px;
		margin-bottom: 40px;
		text-align: justify;
	}
	.sections{
		position: relative;
		float: left;
		width: 565px;
		background: url('../images/bg_sections.jpg');	
		background-position: bottom;
		background-repeat: no-repeat;
		margin-bottom: 35px;
		padding-bottom: 20px;
	}
	.section-text{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		width: 500px;
		padding-bottom: 20px;
	}
	.descriptions{
		position: relative;
		float: right;
		width: 300px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 10pt;
		font-weight: bold;
		color: #76CAFD;
	}
	.descriptions2{
		position: relative;
		float: left;
		width: 500px;
		text-align: center;
		font-size: 10pt;
		font-weight: bold;
		color: #76CAFD;
	}	
	.descriptions3{
		position: relative;
		float: left;
		width: 500px;
		text-align: left;
		font-size: 10pt;
		font-weight: bold;
		color: #76CAFD;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: #76CAFD solid 1px;
	}	
	.descriptions4{
		position: relative;
		float: left;
		width: 500px;
		text-align: left;
		font-size: 10pt;
		font-weight: bold;
		color: #76CAFD;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.news_block{
		position: relative;
		float: left;
		width: 500px;
		font-size: 10pt;
		margin: 10px 0px 0px 0px;	
	}
	.newsdate{
		position: relative;
		float: left;
		color: #EAC659;
		font-weight: bold;
	}
	.newsarticle{
		position: relative;
		float: left;
		color: white;
		clear: left;
		width: 100%;
	}
	.news_block a:visited,.news_block a:link{
		text-decoration: none;
		color: #EAC659;
		font-weight: bold;
		font-size: 9pt;
	}
	.news_block a:hover{
		text-decoration: none;
		color: red;	
		font-weight: bold;
		font-size: 9pt;
	} 
	.coach_list{
		position: relative;
		float: left;
		width: 500px;
		font-size: 12pt;
		margin: 10px 0px 0px 0px;	
	}
	.coach_title{
		color: #EAC659;
		font-weight: bold;
		font-size: 12pt;
	}	
	
/*
	*** FORM ITEMS ***
*/	
	.form-wrap{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 350px;
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 12pt;
		border: solid 1px #EAC659;
		padding: 15px;
	}
	.company{
		font-weight: bold;
		font-size: 14pt;
		color:#EAC659;	
	}
	.form_body{
		text-align: left;	
	}
	
/*
	*** TABLE ITEMS ***
*/	

	.td_header{
		font-size: 11pt;
		font-weight: bold;
		color:#EAC659;
		text-decoration: underline;		
	}
	.td_data{
		font-size: 9pt;
		font-weight: bold;
		color:white;
	}	
	.td_data a:visited,.td_data a:link {
		color:white;
		text-decoration: none;
	}
	.td_data a:hover {
		color: red;
		text-decoration: none;
	}
/*
	*** RIGHT SIDE SECTION ITEMS ***
*/	
	
	#searchbox{
		font-size: 10pt;
		font-weight: bold;
		color: #004661;
		margin-left: auto;
		margin-right: auto;
		line-height: 30pt;	
		margin-top: 10px;
		text-align: center;
		border-bottom: 1px solid gray;
		padding-bottom: 10px;
	}
	.scheduling{
		position: relative;
		margin-right: auto;
		margin-left: auto;	
	}
	.games{
		color: #004661;
		font-weight: bold;
		font-size: 8pt;
		margin-left: 10pt;
	}
	.games a:visited,.games a:link {
		
		text-decoration: none;
	}
	.games a:hover {
		color: red;
		text-decoration: none;
	}

/*
	PICTURES
*/

	.picture{
		border: 2px solid #0098F3;	
	}
	.pic_preview4{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 550px;
		overflow: hidden;	
	}
	.pic_center500{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		border: 2px solid #0098F3;
		overflow: hidden;	
	}
	.pic_left{
		position: relative;
		float: left;
		padding-right: 10px;
	}
	.pic_left2{
		position: relative;
		float: left;
		padding-right: 10px;
		padding-bottom: 10px;	
	}
	.pic_left3{
		position: relative;
		float: left;
	}	
	.pic_right{
		position: relative;
		float: right;	
	}
	.pic_right2{
		position: relative;
		float: right;
		padding-left: 10px;
		padding-bottom: 10px;	
	}
	.pic_center{	
		position: relative;
		margin-right: auto;
		margin-left: auto;	
	}
	.pic_preview4 a{
		color: yellow;
		font-weight: bold;
		text-decoration: none;
	}	
	.pic_preview4 a:hover{
		color: red;
		font-weight: bold;
		text-decoration: none;
	}
	.show_records3{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background: white;
		width: 500px;
		border: 1px yellow solid;
		margin-top: 30px;
		margin-bottom: 30px;
	}	
	.show_records3 a{
		color: blue;
		font-weight: bold;
		text-decoration: none;
	}	
	.show_records3 a:hover{
		color: red;
		font-weight: bold;
		text-decoration: none;
	}	
	.pic_titles{
		color: yellow;	
	}
	.pic_titles2{
		font-weight: normal;
		color: white;	
	}	
/*
	BASEBALL CARD
*/

	.baseball_card{
		position: absolute;
		top: 50px;
		left: 50px;
		width: 750px;
		height: 1050px;	
		background: url('../images/baseball_card.gif');
		z-index: 100;
		background-repeat: no-repeat;
	}

	.base_player{
		position: absolute;
		top: 100px;
		left: 100px;
		width: 650px;
		height: 850px;
		z-index: 99;
		background-color: white;
	}
	
	.stats{
		position: relative;
		left: 50px;
		margin-left: auto;
		margin-right: auto;
		width: 650px;
		height: 200px;
		z-index: 101;
		color: white;
		font-size: 10pt;
		font-family: helvetica;
		font-weight: bold;
	}
/*
THIS SECTION IS USED FOR THE FORUM
THE FORUM TEMPLATE PAGE IS LOCATED AT:

http://www.otownsportscenter.com/forum/templates/js_royale/index.php

---------------------------------------------------------------------------------------------------------------------------------*/
	#main_body2 {
		position:relative;
		float: left;
		background: url('../images/full_slice2.jpg');
		width:1046px;
		background-repeat: repeat-y;
	}
	#center_field2{
		position: relative;
		float: left;
		width: 800px;
	}
	#copy_area2{
		position: relative;
		float: left;
		width: 770px;
		padding: 13px;
		color: #E0E0E0;
		line-height: 18pt;
	}
	.login_go{
		color: white;
			
	}
	.login_go a{
		color: white;
		text-decoration: underline;
		font-weight: bold;	
	}
	.login_go a:hover{
		color: yellow;
		text-decoration: underline;
		font-weight: bold;
	}
	.company_info{
		position: relative;
		text-align: center;
		color: #01416F;
		font-size: 11pt;
		font-weight: bold;	
	}
	.company_info a{
		position: relative;
		text-align: center;
		color: #01416F;
		font-size: 10pt;
		font-weight: normal;	
	}
	.company_info a:hover{
		position: relative;
		text-align: center;
		color: red;
		font-size: 10pt;
		font-weight: normal;	
	}
	.headliner{
		position: relative;
		text-align: center;
		color: white;
		font-size: 14pt;
		font-weight: bold;	
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.headliner a{
		position: relative;
		text-align: center;
		color: white;
		font-size: 14pt;
		font-weight: bold;	
		margin-top: 20px;
		margin-bottom: 20px;
		text-decoration: none;
	}	
	.headliner a:hover{
		position: relative;
		text-align: center;
		color: yellow;
		font-size: 14pt;
		font-weight: bold;	
		margin-top: 20px;
		margin-bottom: 20px;
		text-decoration: none;
	}
	#elsearch{
		color: white;	
	}	
	#elsearch a{
		color: yellow;
		font-weight: bold;
		text-decoration: underline;	
	}	
	#elsearch a:hover{
		color: #58B3E7;
		font-weight: bold;
		text-decoration: underline;	
	}