html, body /*Body Styles*/
{
background: ffffff;
margin:0px;
padding:0px;
height: 100%;
align:center;
}

#container {
min-height:100%;
position:relative;
}

#content {
padding:0px;
padding-bottom:60px;   /* Height of the footer */

}
#footer {
position:absolute;
bottom:0;
height:50px;   /* Height of the footer */
width:100%;
padding:0px;
padding-bottom:10px;
}


#tabcontents  /*Earth Plugin Div Styles*/
{
border-collapse:collapse;
width:1080px;
padding:0px;  

}

#tabfooter   /*Earth Plugin Div Styles*/
{
width:1080px;
height:50px;
padding:0px;  
background-image:url('surfgraphics/footercenter.png');
background-repeat:repeat-x;
border-top:1px solid #e0e0e0;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
border-collapse:collapse;
vertical-align:bottom;
}


#firstrow  /*Earth Plugin Div Styles*/
{
height:90px;  
vertical-align:bottom;
}

#headerpanel
{
border-top:1px solid #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#5E74A0), to(#1F3D7A)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #5E74A0,  #1F3D7A); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E74A0', endColorstr='#1F3D7A'); /* for IE */
}



#tabcenter /*table for centered content*/
{
border-collapse:collapse;
width:100%;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#6986A2;
}


#logocolumn
{
background-image: url('surfgraphics/logo130px.png');
background-repeat: no-repeat;
background-position:center;
width:15%;
height:110px;
padding:5px;
}

#collefttop
{
width:15%;
padding:0px 5px 0px 5px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6986A2;
}


.leftcolumn
{
width:15%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
border-right: 1px solid #6986A2;
vertical-align:top;
padding:0px;
}

.rightcolumn
{
width:15%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
border-left: 1px solid #6986A2;
vertical-align:top;
padding:0px;
}

.colcenter          /*Earth Plugin Div Styles*/
{
vertical-align:top;
width: 70%;
padding:4px;
background-image: url('surfgraphics/logotrans.png');
background-repeat: no-repeat;
background-position: left top;
vertical-align:top;
}


#linkscolumn1
{
background:#6986A2;
width:70%;
padding:0px 0px 0px 2px;
height:auto;
text-align: center;
vertical-align:middle; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:white;
border-top: 1px solid #162B55;
border-left: 1px solid #162B55;
border-right: 1px solid #162B55;
}


#navlist
{
padding:0;
margin:0;
z-index:30;
}

#navlist li 
{
padding:0;
margin:0;
list-style: none;
float: left;    
display:inline;}

#navlist li a
{
display:block;
width:100px;
text-decoration:none;
color:white;
padding:5px;
background: #1F3D7A;
margin:0px 2px 0px 0px;
outline:0px;
}

#navlist li a:hover {background-color:#355087; }

#navlist div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #1F3D7A}

	#navlist div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #6986A2;
		font-weight:bold;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;}

	#navlist div a:hover
	{	background: #f0f0f0;
		color: #1F3D7A}

    #navlist div a:active
	{	background: #D8D8D8;
		color: #1F3D7A}

#divlist
{
list-style-type:none;
padding:0px;
margin:0px;
}
#divlist li
{
padding:0px;
}


#banner
{
width:auto;
border-top:1px solid #cccccc;
background: #6986A2; 
font-size:12px; 
color:#ffffff; 
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
height:auto; 
padding:4px;	
}

#instrbanner
{
width:auto;
font-size:11px; 
color:gray; 
font-family:Arial, Helvetica, sans-serif;
text-align:justify; 
min-height:20px; 
padding:6px 2px 6px 2px;	
}


#tabdestinations /*tour Destinations Styles*/
{
border-collapse:collapse;
width:100%;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#6986A2;
}

#imggrid
{
border:1px solid silver;
padding: 4px;    
background-image:url('surfgraphics/load.gif');
background-repeat: no-repeat;
background-position: center;
}

#tabhome /*tour Destinations Styles*/
{
border-collapse:collapse;
width:100%;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#1F3D7A;
vertical-align:top;
}

#tababout tr /*tour Destinations Styles*/
{
border-collapse:collapse;
width:100%;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
color:#1F3D7A;
vertical-align:top;
}

#tabplay tr /*tour Destinations Styles*/
{
border-collapse:collapse;
width:100%;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
color:#1F3D7A;
vertical-align:top;
}

#tabphoto /*tour Destinations Styles*/
{
border-collapse:collapse;
width:100%;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#1F3D7A;
vertical-align:top;
}

#tabbeach td /*tour Destinations Styles*/
{
border-collapse:collapse;
border:1px solid #e0e0e0;
background-color:#ffffff;
width:auto;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#1F3D7A;
vertical-align:top;
}

#tabcontact
{
border-collapse:collapse;
width:100%;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#1F3D7A;
vertical-align:top;
}

#desinationrow
{
border-bottom:1px solid silver;	
border-collapse:collapse;
}

.center
{
margin-left:auto;
margin-right:auto;
width:60%;
}



#go{
display: block; 	
width:25px;
height:22px;
background:url('surfgraphics/goblue.jpg') -2px -2px;
outline-width:0px;
}
#go:hover { 
background:url('surfgraphics/goblue.jpg') -2px -24px;
}
#go:active { 
background:url('surfgraphics/goblue.jpg') -2px -47px;
}


#newslist
{
list-style-type:none;
padding:0px;
margin:0px;
}
#newslist li
{
background-image:url('surfgraphics/ktlist.jpg');
background-repeat:no-repeat;
background-position:0px 0px; 
padding-left:14px;
}


#surfers{
display: block; 	
width:150px;
height:48px;
background:url('surfgraphics/surfers3.png') 0px -2px;
outline-width:0px;
}
#surfers:hover { 
background:url('surfgraphics/surfers3.png') 0px -52px;
}
#surfers:active { 
background:url('surfgraphics/surfers3.png') 0px -103px;
}


#home{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/titlenav.png') -1px -1px;
outline-width:0px;
}
#home:hover { 
background:url('surfgraphics/titlenav.png') -1px -42px;
}
#home:active { 
background:url('surfgraphics/titlenav.png') -1px -42px;
}

#contact{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/titlenav.png') -45px -1px;
outline-width:0px;
}
#contact:hover { 
background:url('surfgraphics/titlenav.png') -45px -42px;
}
#contact:active { 
background:url('surfgraphics/titlenav.png') -45px -42px;
}

#about{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/titlenav.png') -90px -1px;
outline-width:0px;
}
#about:hover { 
background:url('surfgraphics/titlenav.png') -90px -42px;
}
#about:active { 
background:url('surfgraphics/titlenav.png') -90px -42px;
}

#back{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/back.png') 0px 0px;
outline-width:0px;
}
#back:hover { 
background:url('surfgraphics/back.png') 0px -40px;
}
#back:active { 
background:url('surfgraphics/back.png') 0px -40px;
}

#play{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/runningnav.jpg') 0px 0px;
outline-width:0px;
}
#play:hover { 
background:url('surfgraphics/runningnav.jpg') 0px -40px;
}
#play:active { 
background:url('surfgraphics/runningnav.jpg') 0px -40px;
}

#field{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/runningnav.jpg') -38px 0px;
outline-width:0px;
}
#field:hover { 
background:url('surfgraphics/runningnav.jpg') -38px -40px;
}
#field:active { 
background:url('surfgraphics/runningnav.jpg') -38px -40px;
}

#collections{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/runningnav.jpg') -121px 0px;
outline-width:0px;
}
#collections:hover { 
background:url('surfgraphics/runningnav.jpg') -121px -40px;
}
#collections:active { 
background:url('surfgraphics/runningnav.jpg') -121px -40px;
}

#tournament{
display: block; 	
width:40px;
height:40px;
background:url('surfgraphics/runningnav.jpg') -81px 0px;
outline-width:0px;
}
#tournament:hover { 
background:url('surfgraphics/runningnav.jpg') -81px -40px;
}
#tournament:active { 
background:url('surfgraphics/runningnav.jpg') -81px -40px;
}


#photoofmonth
{display: block; 	
width:100%;
height:120px;
background:url('surfgraphics/kate_middleton.bmp');
outline-width:0px;
}
    
#playerofmonth
{display: block; 	
width:100%;
height:120px;
background:url('surfgraphics/playerofmonth.jpg');
outline-width:0px;
}

#beach
{display: block; 	
width:100%;
height:120px;
background:url('surfgraphics/beach.jpg');
outline-width:0px;
}

#beachlist
{
list-style-type:none;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

#beachlist li 
{
padding:0px;
}

#beachlist li a
{
display:block;
width:auto;
text-decoration:none;
color:#1F3D7A;
padding:5px;
margin:0px;
outline:0px;
}

#beachlist li a:hover {text-decoration:none;background-color:#f0f0f0; }

.listlink
{
color:inherit;
text-decoration:none;
}

.listlink:visited
{
color:inherit;
text-decoration:none;
}

.listlink:hover
{
text-decoration:underline;
}