@charset "utf-8";
/*-------------------------------------------------
 Basic Stylesheet for Gap Year Diver Website
 
 Version: 1.1
 Author: Stillwell Solutions
 E-mail: info@stillwell-solutions.com
 Website: www.stillwell-solutions.com
 
 Copyright 2006-2009 Stillwell Solutions
 
 You can only use this code with permission from the author.
 --------------------------------------------------*/
 
 
/*Layout----------------------------------*/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#231F20;
}

#Wrapper{
width:1000px;
margin: 0 auto;
text-align:left;
}

#Top {
width:1000px;
height:100px;
background-image:url(../images/backgrounds/top.jpg);
background-repeat:no-repeat;
}

#Navigation {
width:1000px;
height:50px;
background-image:url(../images/backgrounds/nav_tennis.jpg);
background-repeat:no-repeat;
}

#banner {
width:1000px;
height:200px;
background-image:url(../images/backgrounds/banner_tennis.jpg);
}

#content {
width:1000px;
background-image:url(../images/backgrounds/content.jpg);
background-repeat:repeat-y;
}

#footer {
width:1000px;
height:230px;
background-image:url(../images/backgrounds/footer.jpg);
background-repeat:no-repeat;
}

/*Logo----------------------------------*/
.logo {
width:321px;
height:55px;
float:left;
margin-left:80px;
margin-top:20px;
}

h1 {
background-image:url(../images/logo/sportforce321x55.jpg);
text-indent:-9000px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #231F20;
background-repeat:no-repeat;
width:321px;
height:55px;
margin:0px;
}

/*Gapforce ---------------------------------*/
.gapforce {
float:right;
width:98px;
height:26px;
margin-right:80px;
margin-top:10px;
}

.gf_img {
border:0px;
}

/*Links top ---------------------------------*/

.links {
float:right;
width:400px;
margin-right:80px;
height:20px;
margin-top:25px;
color: #231F20;
}

.links a:link, .links a:visited, .links a:active { color:#231F20; text-decoration:none;}
.links a:hover { color: #FD9510;; text-decoration:none;}

.links p {
margin:0px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #231F20;
}

.sslash {
	color: #FD9510;
	font-weight: bold;
}

/*Main Navigation ---------------------------------*/

.navBox {
float:right;
margin-right:80px;
background-color:#231F20;
border: solid 1px #FFF;
padding:8px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.navBox a:link     { color:#FFFFFF; text-decoration:none;}
.navBox a:visited  { color:#FFFFFF; text-decoration:none;}
.navBox a:active   { color:#FFFFFF; text-decoration:none;}
.navBox a:hover    { color:#FD9510; text-decoration:none;}

/*Content ---------------------------------*/
#content_left {
float:left;
width:190px;
background-color:#231F20;
border: solid 1px #FFF;
margin-left:100px;
margin-top:-40px;
z-index:1;
}

#content_right {
float:right;
width:620px;
margin-right:65px;
margin-top:20px;
}

#clear{
clear:both;
}

/*Main Content ---------------------------------*/

h2 {
color:#231F20;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
margin-top:0px;
margin-bottom:4px;
}

h3 {
color:#F7941D;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
color:#F7941D;
}

h4 a:link    {color:#F7941D; text-decoration:none;}
h4 a:hover   {color:#F7941D; text-decoration:none;}
h4 a:visited {color:#F7941D; text-decoration:none;}
h4 a:visited {color:#F7941D; text-decoration:none;}

h5 {
color:#F7941D;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:5px;
margin:0px;
}

.white{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
line-height:18px;
margin-top:0px;
margin-bottom:10px;
padding:3px;
}


.maintext_13{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#231F20;
line-height:18px;
margin-top:0px;
margin-bottom:10px;
}

.img_right{
float:right;
margin-left:15px;
padding:8px;
border: solid 1px #231F20;
}

/*Left Navigation ---------------------------------*/
#NavLeft ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:1px;
	background-color:#231F20;
}

#NavLeft a {
	display: block;
	background-color:#231F20;
	color: #ffffff;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:10px;
	text-decoration: none;
	border-bottom: solid 1px #FFFFFF;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	height:20px;
}

#NavLeft a:hover {
	color:#FFF;
	background-color:#FD9510;
}

/*Homepage List item Classes to right----------------------------------*/
.item{
background-color:#FFF;
border:solid 1px #CCC;
padding:5px;
margin-top:15px;
width:270px;
vertical-align:top;
float:left;
margin-right:25px;
}

.item a:visited {text-decoration:none}

.item img {
float:left;
padding-right:10px;
}

.item p {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
margin-right:5px;
line-height:18px;
color:#333;
}

.item h4 {
float:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:0px;
margin-top:3px;
font-weight:normal;
}

.item h4 a:link    {color:#F7941D; text-decoration:none;}
.item h4 a:hover   {color:#F7941D; text-decoration:none;}
.item h4 a:visited {color:#F7941D; text-decoration:none;}
.item h4 a:visited {color:#F7941D; text-decoration:none;}


.clear_item {
clear:both;
}

.title_index {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
color:#F7941D;
}

.title_index a:link    {color:#F7941D; text-decoration:none;}
.title_index a:hover   {color:#231F20; text-decoration:underline;}
.title_index a:visited {color:#F7941D; text-decoration:none;}
.title_index a:visited {color:#F7941D; text-decoration:none;}
/*Team List item Classes to right----------------------------------*/
.team{
background-color:#FFF;
border:solid 1px #CCC;
padding:5px;
margin-top:15px;
width:98%;
vertical-align:top;
float:left;
margin-right:25px;
}

.team img {
float:left;
padding-right:10px;
}

.team p {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
margin-right:5px;
line-height:18px;
color:#333;
}

/*Detail List item Classes to right----------------------------------*/
.detail{
background-color:#FFF;
width:100%;
vertical-align:top;
float:left;
margin-right:25px;
}

.detail img {
float:right;
margin-left:15px;
padding:7px;
border: solid 1px #231F20;
}

.detail p {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
margin-right:5px;
line-height:18px;
color:#333;
}

/*Footer----------------------------------*/
.footer_area {
float:left;
width:858px;
height:55px;
margin-left:80px;
margin-top:45px;
clear:both;
}

.img_fa{
padding-right:3px;
border:0px;
}

.copyright {
	float:left;
	width:360px;
	height:30px;
	margin-top:95px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#231F20;
	margin-left:88px;
	padding-top:2px;
}

.copyright a:link, a:visited, a:active{color:#231F20; text-decoration:none;}
.copyright a:hover {color:#231F20; text-decoration:underline;}

.copyright p {
margin:0px;
text-align:left;
}

/*Forms -----------------------------------------*/

fieldset {
border:solid 0 transparent;
margin:5px;
padding:5px;
border: solid 1px #231F20;
background: #FFFFFF;
margin-bottom:20px;
}

legend {
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#231F20;
}

label {
display:block;
float:left;
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

input {
width:200px;
}

.required {
color:#FF0000;
font-size:9px;
}

.button {
width:60px;
margin-left:12px;
margin-top:20px;
}

.margin-form {
margin-bottom:20px;
}