/**********************************************************************************************
Theme Name: Tennis Group

	1. Reset
	2. Globals
	3. Layout
		3.1 Header/Home
		3.2 Services
		3.3a Work
		3.3b Single Works
		3.4 Blog
		3.5 Contact
	4. Utilities
	
	COLORS:
		HOME PAGE BOXES
			#fcaf84 = peach
			#f78b8b = light red
			#3498d2 = blue		
	BODY
		#B8C82A = rounded hp boxes
		#CAD753
***********************************************************************************************/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td, img
{ margin:0; padding:0; border:0; outline:none; vertical-align:baseline; background:transparent;}
ul, ol { list-style: none; }
img { border:none;}
body {
	font: 62.5%/1.75em "Lucida Sans", "Myriad Pro", Arial, "sans serif";
	color: #000000;
}

p {
	font-size: 1.4em;
	line-height: 1.5em;
	padding-bottom: .5em;

}
h2.about_head {
	font-size: 1.85em;
	font-weight: bold;
	color: #FF6600;
	background: url(../img/icon_tennis2.gif) no-repeat left top;
	height: 32px;
	width: 700px;
	margin-top: 20px;
	margin-left: 30px;
	padding-left: 35px;
	padding-top: 7px;
}
.about {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	text-align: justify;
}
.about_picone {
	float: left;
	height: 295px;
	width: 200px;
	margin-right: 10px;
	border: 2px solid #999999;
}



#rap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#head {
	background: url(../img/head.jpg) no-repeat left top;
	height: 200px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
}
#nav {
	background: #000000;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: 30px;
}
#nav ul {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

#nav li {
	display: inline;
}
#nav a  {
	color: #fff;
	background:#000000;
	font-size: 14px;
	float: left;
	width: 100px;
	font-weight: bold;
	text-decoration: none;
	height: 22px;
	text-align: center;
	margin-left: 55px;
	padding-top: 3px;
}
#nav a:hover {
	color: #DEEA0E;



}


#slideshowrap {
	height: 200px;
	width: 900px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 2px solid #000000;
}
#slideshow {
	height:200px;
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#slideshow img {
	height:200px;
	width: 900px;
	z-index: 9;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#slideshow img.active {
	z-index: 10;
}


#main_con {
	background: #fff;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#welcome {
	width: 900px;
	margin: 20px auto;
	text-align: justify;
}
#welcome h2 {
	font-size: 1.85em;
	padding-top: 5px;
	font-weight: bold;
	color: #FF6600;
	background: url(../img/icon_tennis2.gif) no-repeat left top;
	padding-left: 35px;
	height: 32px;
}
#welcome p {
	font-size: 1.4em;
	line-height: 1.5em;
	padding-top: 0.125em;
}

#links {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.link_box_1 {
	float: left;
	width: 285px;
	height: 200px;
	margin-right: 21px;
	position: relative;
	background-color: #fcaf84;
	background-image: url(../img/hp-rounded-bot-1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.link_box_1 h2 {
	background: url(../img/hp-rounded-top-1.gif) no-repeat left top;
	height: 37px;
	width: 285px;
	text-indent: 55px;
	padding-top: 35px;
	color: #000000;
	font-size: 3.25em;
	padding-left: 40px;
}
.link_box_1 #bubble {
	height: 70px;
	width: 70px;
	position: absolute;
	left: 10px;
	top: 6px;
	background-image: none;
	background-repeat: no-repeat;
}
.link_box_2 #bubble {
	height: 70px;
	width: 70px;
	position: absolute;
	left: 10px;
	top: 6px;
}
.link_box_3 #bubble {
	height: 70px;
	width: 70px;
	position: absolute;
	left: 10px;
	top: 6px;
}


.link_box_1 ul, .link_box_2 ul, .link_box_3 ul  {
	width: 280px;
	margin-top: -10px;
	background-image: none;
	padding-left: 55px;
	font-size: 12px;
}


.link_box_1 li a, .link_box_2 li a, .link_box_3 li a {
	background: url(../img/icon_tennis.gif) no-repeat left top;
	color: #336633;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2.25em;
	margin-left: 40px;
	padding-left: 21px;
	text-decoration: none;
}
.link_box_1 li a:hover, .link_box_2 li a:hover, .link_box_3 li a:hover {
	background: url(../img/icon_tennis.gif) no-repeat left top;
	color: #FFFF00;
	text-decoration: underline;
}
.link_box_2 {
	float: left;
	width: 285px;
	height: 200px;
	margin-right: 21px;
	position: relative;
	background-color: #f78b8b;
	background-image: url(../img/hp-rounded-bot-2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.link_box_2 h2 {
	background: url(../img/hp-rounded-top-2.gif) no-repeat left top;
	color: #000000;
	font-size: 3.25em;
	height: 37px;
	width: 285px;
	text-indent: 55px;
	padding-top: 35px;
	padding-left: 40px;
}
.link_box_3 {
	float: left;
	width: 285px;
	height: 200px;
	position: relative;
	background-color: #3498d2;
	background-image: url(../img/hp-rounded-bot-3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.link_box_3 h2 {
	color: #000000;
	font-size: 3.25em;
	height: 37px;
	width: 285px;
	text-indent: 55px;
	padding-top: 35px;
	background-image: url(../img/hp-rounded-top-3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}


#bot_info {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: justify;
}
#bot_info h2 {
	font-size: 1.85em;
	padding-top: 10px;
	font-weight: bold;
	color: #FF6600;
	padding-left: 35px;
	height: 33px;
	background-image: url(../img/icon_tennis2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bot_info p {
	font-size: 1.4em;
	line-height: 1.5em;
	float: left;
	width: 580px;
	padding-top: 0.125em;
}
#bot_info img {
	width: 300px;
	height: 194px;
	margin-left: 10px;
	border: 2px solid #CCCCCC;
	margin-top: 0px;
}
#bot_info a {
	color: #ff6600;
	font-weight:bold;
	font-size: 0.9em;
	text-decoration: none;
}
#bot_info a:hover {
	color: #999999;
	text-decoration: underline;
}

#footer {
	background: #000000;
	height: 30px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#footer .copyright {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: .25em;
	padding-top: 10px;
	color: #FFFFFF;
}



/* 4. UTILITIES
===============================================================================================*/
.asterix {
	font-weight: bold;
	color: #FF0000;
	font-size: 12px;
}
.big { font-weight:bold; }
.about .bylaws {
	font-size: 1.5em;
	font-weight: bold;
}

.big_name {
	font-weight:bold;
	color: #336600;
}
.small{
	font-size: small;
	font-weight: bold;
	color: #336600;
}
.clear { clear:both; }
.clearfix { clear: both; margin: 0; padding: 0; height: 0; }
.fl {float: left; padding:; }
.fr { float: right; padding:; }
.bigmore  {
	color: #336600;
	font-weight:bold;
}
.imgl{  float:left; margin:; }
.imgr  { float:right; margin:;}
.slant 	{
	font-style:italic;
	font-size: .9em;
}
.text-c { text-align:center; }
.text-j { text-align:justify; }
.text-l { text-align:left; }
.text-r	{ text-align:right; }
.underline  { border-bottom:1px solid; }
.orange {
	color: #FF7900;
	font-weight: bold;
}
.about h3 {
	font-size: 1.5em;
	color: #FF7900;
}

.green {
	color: #336600;
	font-weight: bold;
}
.about h4 {
	font-size: 1.4em;
	font-weight: bold;
}
.about table {
	font: 14px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 825px;
	margin-bottom: 20px;
}
.about th {
	padding: 0 0.5em;
	text-align: left;
}
tr.yellow {
	border-top: 1px solid #336600;
	border-bottom: 1px solid #336600;
	background: #FFC;
	}
	
	
.activities {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
}	
.activities h3 {
	font-size: 1.75em;
	color: #FF7900;
	font-weight: bold;
	padding-bottom: .25em;
}
.activities ul {
	border-bottom: 1px dashed #FF6600;
	margin-top: 10px;
	margin-bottom: 10px;

}
	
.activities li {
	font-size: 1.35em;
	color: #336600;
	font-weight: bold;
	padding-left: 0.75em;
}
.activities p {
	font-size: 0.9em;
	color: #333333;
	font-weight: normal;
}
.activities .act_head {
	font-size: 1.5em;
	font-weight: bold;
}
.activities img {
	border-top: 1px solid #336600;
	border-bottom: 1px solid #336600;
	height: 200px;
	width: 850px;
	margin-top: 5px;
	margin-bottom: 15px;
}
#calendar {
	width: 850px;
	padding-left: 40px;
	margin-top: 25px;
}
#calendar h2 {
	color: 336600;
	padding-bottom: 0.5em;
	padding-top: .5em;
}
#calendar li {
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 20px;
}

/*====UTILITIES=========*/

.calbig {
	font-size: 18px;
	font-weight: bolder;
	color: #FF3300;
}
#main_con .about_head {
	border-bottom-style: none;
}

