/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 01/23/2006
Last Modified: 03/02/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	height:100%;
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
#printwrap {position:static;}

h4, h5 {margin:10px 15px;}
ul, ol {
	margin:15px;
	padding:0 0 0 25px;
}
ol {padding:0 0 0 30px;}
.clearer {clear:both;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#printwrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#pagewrap {
	margin:0 auto;
	width:790px;
}

/*
-----------------------------------------------------------------------------------------------------------------------------------
=#NAV-TOP
---------------------------------------------------------------------------------------------------------------------------------*/
/*------------------ Layout ------------------*/	
#nav-top{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:100%;
	overflow:hidden;
	border:1px solid #000;
/*	background-color: #000000;	*/
	}
/*	#nav-top #temp1{
margin-top:0px;
}*/
* html #nav-top {
	overflow:visible;
	}
	*+html #nav-top {
	overflow:visible;
	}
	*+html #temp1{
	position:absolute;
	float:right;
	width:150px;
	height:auto;	
	}

#nav-top #accent-wrapper {	
	position:relative;
	float:left;
	width:1000px;
	height:249px;
	margin-top:25px;
	top:150px;
}
#nav-top #accent-wrapper .accent {
	position:relative;
	float:right;
	width:1000px;
	height:249px;
	top:18px;
	left:400px;
}
#nav-top #headertop { 
	position:absolute;
	float:left;
	width:1000px;
	height:auto;
	
}
#nav-top #headertop #website-title {
	position:absolute;
	float:left;
	width:980px;
	height:auto;
	vertical-align:middle;
	padding-top:27px;
	padding-left:20px;
	padding-bottom:27px;
	
}
#nav-top #website-slogan-container{
	position:relative;
	float:right;
	width:786px;
	height:auto;
}
#nav-top #website-slogan-container #website-slogan{
	position:relative;
	float:right;
	width:766px;
	height:auto;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	top:200px;
}

/*
-----------------------------------------------------------------------------------------
Start Navigation for #NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-top #nav-wrapper {
  position:absolute;
  float:left;
  width:100%;
}
#nav-top #nav-wrappertop{
  position:relative;
  float:left;
  width:100%;
  top:-15px;
 }
* html #nav-top #nav-wrapper{
 top:0px;
 left:0px;
}
*+ html #nav-top #nav-wrapper{
 top:0px;
}

#nav-top #accent-wrapper {	
	position:relative;
	float:left;
	width:1000px;
	height:249px;
	margin-top:45px;
	top:-40px;
}
#nav-top #accent-wrapper .accent {
	position:relative;
	float:right;
	width:1000px;
	height:249px;
	top:10px;
	left:400px;
}
#nav-top #headertop { 
	position:relative;
	float:left;
	width:1000px;
	height:auto;
/*	margin-top:35px; */
	top:45px;
}

#nav-top #headertop #website-title {
	position:relative;
	float:left;
	width:980px;
	height:auto;
	vertical-align:middle; 
	padding-top:27px;
	padding-left:20px;
	padding-bottom:27px;
	top:3px;
}

#nav-top #website-slogan-container{
	position:relative;
	float:right;
	width:786px;
	height:auto;
	top:-930px;
	
}
#nav-top #website-slogan-container #website-slogan{
	position:relative;
	float:right;
	width:766px;
	height:auto;
	vertical-align:middle; 
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
		
}


/*------------------ Navigation Elements ------------------*/
#nav-top #nav-wrapper #navcontainer div, 
#nav-top #nav-wrapper #navcontainer div h3 {
float:left;
   left:0px;
   width:auto;
   display:block;
  cursor:pointer;
  top:5px;     
}
* html #nav-top #nav-wrapper #navcontainer div h3 {
  height:20px;
}
*+html #nav-top #nav-wrapper #navcontainer div, 
#nav-top #nav-wrapper #navcontainer div h3 {
left:0px;
}
  #nav-top #nav-wrapper #navcontainer div a:link, 
  #nav-top #nav-wrapper #navcontainer div a:active, 
  #nav-top #nav-wrapper #navcontainer div a:visited {

	float:left;
    border-right:1px solid #939393;
    text-decoration:none;
	height:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
/*	background-color:#666666;*/
  }
  
  #nav-top #nav-wrapper #navcontainer div a:hover {
  	padding-top:10px;
	padding-left:10px;
	  z-index:1000;	
  	}
  #nav-top #nav-wrapper #navcontainer div div.submenu {
    position:absolute;
    left:0px;
    visibility:hidden;
    width:150px;
	height:20px;
	top:25px;
	z-index:1000;	
  }
  *html #nav-top #nav-wrapper #navcontainer div div.submenu {
  left:0px;
  top:25px;
  z-index:1000;
  }
  *+html #nav-top #nav-wrapper #navcontainer div div.submenu {
  top:25px;
  left:0px;
  z-index:1000;
  }
    #nav-top #nav-wrapper #navcontainer div div.submenu div {
      display:none;
      margin:0;
	  height:auto;
    }
    #nav-top #nav-wrapper #navcontainer div div.submenu a:link, 
    #nav-top #nav-wrapper #navcontainer div div.submenu a:active, 
    #nav-top #nav-wrapper #navcontainer div div.submenu a:visited {
	
      float:left;
      width:150px;
      border-left:1px solid #939393;
	  border-right:1px solid #939393;
	  border-top:1px solid #939393;
	  border-bottom:1px solid #939393;
	  padding:10px;
	  height:auto;
	  word-wrap: break-word;
	  white-space: normal;
	    }
		
    *html #nav-top #nav-wrapper #navcontainer div div.submenu a:link, 
    #nav-top #nav-wrapper #navcontainer div div.submenu a:active, 
    #nav-top #nav-wrapper #navcontainer div div.submenu a:visited {
	 height:10px;
     margin-bottom:-4px;
	}
	
    #nav-top #nav-wrapper #navcontainer div div.submenu a:hover {
      float:left;
      width:150px;
      border-left:1px solid #939393;
	  border-right:1px solid #939393;
	  border-top:1px solid #939393;
	  border-bottom:1px solid #939393;
	  padding:10px;
	 
    }
/*------------------end--Navigation Elements ------------------*/
#nav-top #inner {
	position:relative;
	float:left;
	width:1000px;
	height:auto;
	margin-top:-720px;
}


#nav-top #graphic-float{
	position:relative;
	float:left;
	width:854px;
	height:720px;
	z-index:-1;	
	background-image:url(../images/graphic-tennisball.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-top:80px;
	top:-10px;
	}

#nav-top #content {

	float:left;
	min-height:318px;
	height:100%;
	width:900px;
	margin-left:40px;
	margin-top:40px;
	top:-45px

	
}
* html #nav-top #content{left:-61px;top:-35px;} 

*+ html #nav-top #content{left:-20px;top:-35px;} 


#nav-top div[id] #content {height:auto;}
/*------------------ Table Structures starts ------------------*/	
#nav-top #content-table {
	float:left;
	width:900px;
}
#nav-top #content-table-main {width:100%;}
#nav-top #content-table-main p {padding:10px 20px 10px 20px;}
* html #nav-top #content-table-main p {padding-right:0;} 

*+ html #nav-top #content-table-main p {padding-right:0;} 

#nav-top #content-table-sub {
		display:block;
		width:181px;
		height:378px;
}
* html #nav-top #content-table-sub {
		padding:378px 0 0 181px;
}
/*------------------ Table Structures ends ------------------*/	
		
#nav-top #footer {
	position:relative;
	float:left;
	width:1000px;
	height:auto;
	padding-top:10px;
	font-family:"Trebuchet MS", arial, verdana, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:-50px;
	
}

/*
-----------------------------------------------------------------------------------------------------------------------------------
=#NAV-LEFT
---------------------------------------------------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	

#nav-left{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	/*height:100%;*/
	overflow:hidden;
	border:1px solid #000;
	margin-bottom:-15px;
	top:-15px;
	}
* html #nav-left {
	overflow:visible;
	}
	*+html #nav-left {
	overflow:visible;
	}
#nav-left #temp1{
	position:absolute;
	float:right;
	width:150px;
	height:auto;
}
#nav-left #temp{
	position:relative;
	float:right;
	width:100%;
	height:auto;
}
#nav-left #accent-wrapper {	
position:relative;
	float:left;
	width:1000px;
	height:249px;
	margin-top:10px;
	margin-bottom:10px;
	top:195px;
}
* html #nav-left #accent-wrapper {margin-top:15px;top:170px;}
*+ html #nav-left #accent-wrapper {margin-top:15px;top:170px;}

#nav-left #accent-wrapper .accent {
	position:relative;
	float:right;
	width:1000px;
	height:249px;
	left:400px;
}
#nav-left #headertop { 
	position:relative;
	float:left;
	width:1000px;
	height:auto;
	margin-top:0px;
	/*top:45px;*/
}
#nav-left #headertop #website-title {
	position:relative;
	float:left;
	width:980px;
	height:auto;
	vertical-align:middle;
	padding-top:27px;
	padding-left:20px;
	padding-bottom:27px;
	top:50px;
}


#nav-left #website-slogan-container{
	position:relative;
	float:right;
	width:786px;
	height:auto;
	top:235px;
}
#nav-left #website-slogan-container #website-slogan{
	position:relative;
	float:right;
	width:766px;
	height:auto;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	top:-885px;	
}

/*
-----------------------------------------------------------------------------------------
Start Navigation for #NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout -------------------------------*/
#nav-left #nav-wrappertop #nav-wrapper { 
  position:relative;
  float:left;
  width:150px;
  height:auto;
  z-index:1000;
  top:200px;
  left:0px;
}

#nav-left #nav-wrappertop{
  position:relative;
  float:left;
  width:100%;
  }


/*-----Nav Elements----------------------------------------*/
#nav-left #nav-wrapper div, #nav-left #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
	left:1px;
}
	#nav-left #nav-wrapper #navcontainer div a:link, 
	#nav-left #nav-wrapper #navcontainer div a:active, 
	#nav-left #nav-wrapper #navcontainer div a:visited {
		float:left;
		padding-top:10px;
		/*--- Width  for IE5/Win only --*/
			width:150px;
			height:36px;
		text-decoration:none;
		border-bottom:1px dashed #fff;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:140px;
			height:auto;
			padding-bottom:10px;
		
	}
	#nav-left #nav-wrapper #navcontainer div a:hover {
		padding-top:10px;
	/*	padding-left:10px;*/
		
	}
		#nav-left #nav-wrapper #navcontainer div div.submenu {
			position:absolute;
			top:10px;
			left:90px;
			visibility:hidden;
			width:150px;
			height:20px;
			z-index:1000;
		}
		*html	#nav-left #nav-wrapper #navcontainer div div.submenu {
			top:8px;
			margin-bottom:4px;
			z-index:1000;
		}

			#nav-left #nav-wrapper #navcontainer div div.submenu div {
				 display:none;
      			 margin:0;
				 height:auto;
				 top:3px;
			}
			#nav-left #nav-wrapper #navcontainer div div.submenu a:link, 
			#nav-left #nav-wrapper #navcontainer div div.submenu a:active, 
			#nav-left #nav-wrapper #navcontainer div div.submenu a:visited {
				float:left;
      			width:150px;
				height:15px;
      			border-bottom:1px dashed #FFFFFF;
	  			padding:10px;
	  			
			}
			#nav-left #nav-wrapper #navcontainer div div.submenu a:hover{
				float:left;
      			width:150px;
				height:15px;
  			border-bottom:1px dashed #FFFFFF;
	  			padding:10px;
	  			
				}	
/*------------------end--Navigation Elements ------------------*/

#nav-left #inner {
	position:relative;
	float:left;
	width:1000px;
	height:auto;
	margin-top:-830px;
}

#nav-left #graphic-float{
	position:relative;
	float:left;
	width:854px;
	height:720px;
	z-index:0;
	top:70px;
	background-image:url(../images/graphic-tennisball.png);
	background-position:left;
	background-repeat:no-repeat;
	}

#nav-left #content {
	float:left;
	width:750px;
	padding-left:200px;
	padding-top:10px;
	top:180px;
	
	
}
* html #nav-left #content {left:-18px; top:170px;}
#nav-left div[id] #content {}

/*------------------ Table Structures starts venu ------------------*/	
#nav-left #content-table {
	float:left;
	width:750px;
	
}
*html #nav-left #content-table {
margin-bottom:-10px;
	
}
#nav-left #content-table-main {width:100%;}
#nav-left #content-table-main p {padding:10px 20px 10px 20px;}
* html #nav-left #content-table-main p {padding-right:0;overflow:visible;}
*+html #nav-left #content-table-main p {
overflow:visible;
}
#nav-left #content-table-sub {
		width:181px;
		
}
* html #nav-left #content-table-sub {
		padding:378px 0 0 181px;
}
/*------------------ Table Structures ends ------------------*/	

#nav-left #footer {
	position:relative;
	float:left;
	width:1000px;
	height:auto;
	padding-top:10px;
	padding-bottom:30px;
	font-family:"Trebuchet MS", arial, verdana, sans-serif;
	font-size:12px;
	text-align:center;
    margin-top:180px;
}
*html #nav-left #footer{
top:0px;
}
* html #nav-left #graphic-float {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=../images/graphic-tennisball.png);
}
* html #nav-top #graphic-float {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=../images/graphic-tennisball.png);
}