body {
	color: #333333;
	
	font-family: verdana, sans-serif;
	
	font-size: 12px;
	
	line-height: 1.5em;
	
	margin: 0px 0px;
	
	padding: 0px 0px;
	
	background: #333333;  
	repeat: 0px 0px;
	
	min-width: 800px;
	  width:expression(document.body.clientWidth < 700? "700px": "auto" );
}
* 

html body {
	min-width: 100%;
}


dt {
    font-weight: bold;
}


li p, li code {
    
	padding-left: 0px;
}


code, tt, pre, p code {
    
	font: 11px monospace;
		text-align: left;
	
	color: #000000;
}



/*</group>*/


/*<group=Header>*/


#header {
	background-color: black;
	}


#title {
	
	height: 200px;
	
	background: black url(/sclub/surfbanner.gif) no-repeat 0px 0px; 
	

}



#title a {
	
	position: relative;
	
	top: 44px;
	
	left: 70px;
	
	cursor: pointer;
}


#location {
	
	background-color: #000000;
	
	color: white;
        
	font-size: 10px;
	
	font-weight: bold;
	
	letter-spacing: 1px;
	
	padding: 3px 10px;
	
	margin: 0px 0px;
	
	border-top: 1px solid black;
	
	text-shadow: 3px 3px 3px black;
}


#location a {
	color: #ffffff;
}

#location a:hover {
	color: #DD9110;
}


/*</group>*/



/*<group=Footer>*/


#footer {
	color: white;
	background-color: #000000;
	padding: 4px 0px 4px 0px;
	font-size: 0.9em;
	text-align: center;
	text-shadow: 3px 3px 3px black;
}


#footer-clear {
	clear: both;
}
#footer p {
	margin: 0px 0px;
	padding: 0px 0px;
}


#footer a {
	color: white;
}


#footer a: hover {
	color: #C9C9C9;
}


/*</group>*/



/*<group=Side Menus>*/


#side-menus {
	
	margin: 0px 0px;
	
	background-color:#cccccc;
 
	/* min-height: 750px;*/       
	padding: 10px 12px;
		
	font-size: 11px;
	
	width: 175px;	
	float: left;
	
	line-height: 2.0em;
        

}


.menu-header {
	
	font-size: inherit;
		
	color: #cc6633;
	
	font-weight: bold;
	
	text-transform: uppercase;
	
	border-bottom: 1px solid #;
	
	margin: 15px 0px 5px 0px;
	
	padding: 1px 0px;
}


ul.menu {
		
	list-style: none;
	
	margin: 0px 0px;
	
	padding: 0px 0px;
}


ul.menu li a {
		
	padding: 0px 14px 0px 10px;
}


ul.menu li a:hover {
	
	padding-left: 8px;
	
	border-left: solid 2px #000000;
	
	padding-right: 7px;
	
	
}


ul.submenu {
	
	list-style: none;
	
	font-weight: normal;
	
	padding: 0px 10px 0px 0px;
		
	margin: 0px 0px;
}


ul.submenu li a, 
ul.submenu li 
	a:hover {
	
	margin-right: 18px;
	
/*	background: none;

*/
}
* 

html ul.submenu li a,
* html ul.submenu li a:hover 
{
	
	margin-left: 20px;
}



#side-menus a img { 
	
	margin: 2px 0px;
}
	


/*</group>*/


/*<group=Content>*/


#wrap {
		
	background-color: #cccccc; 
	
	border-left: 1px solid #333333;
	
	border-right: 1px solid #333333;
	
	margin: 10px 50px;
	
	padding: 0px 0px;
}


#container {
	width: 100%;
	margin-left: -50px;
	
	float: right;
}
* 

html 

#container {
	
	margin-left: -50px;
}


#content {
	
	background-color: white;             
	text-align: left;

	min-height: 500px;
	/*overflow: hidden;*/
        
	height: expression(this.scrollHeight < 600? "600px" : "auto" );
        
	text-align: justify;
		
	padding: 20px 25px 15px 10px;
	
	margin: 0px 0px;
	
	margin-left: 199px;
        	
	border-left: 1px solid #000000
}
* 

html 

#content {
		
	margin-left: 212px;
	
}


h1 {
	color: #225588; 
	
	font-size: 1.4em;
	
	font-weight: bold;
	
	letter-spacing: 1px;
	
	margin: 0px 0px 18px 0px;
	
	padding: 5px 2px 6px 2px;
		
	text-shadow: 3px 3px 3px #AAAAAA;
	
	border-bottom: 1px solid #2C5985;
}


h2 {
	color: #222222;
	
	font-size: 1.2em;
	
	font-weight: bold;
	
	line-height: 1.4em;
		
	padding: 10px 0px 2px 2px;
	
	border-bottom: 1px solid #222222;
	
	text-shadow: 3px 3px 3px #AAAAAA;
}


h3 {
	font-size: 1.0em;
	
	line-height: 1.0em;
	
	margin: 0px 0px 0px 0px;
	
	padding: 10px 0px 0px 0px;
	
	text-shadow: 3px 3px 3px #AAAAAA;
}


.image-frame,


.fltr-frame


.fltl-frame {
	
	padding: 5px;
	
	background-color: #000000;
	
	border: 1px solid silver;
}


.link-list {
	
	margin: 0px;
	
	padding: 0px;
}


.link-list dt {
	
	margin: 0px 10px 2px 0px;
	
	padding: 0px 2px;
}


.link-list dd {
	
	margin: 0px 10px 14px 0px;
	
	padding: 0px 2px;
}


/*</group>*/


/*  --- News Box Styles ---  */

.riderlist { 
text-align: right;
line-height: 2.0em;
font-size: 11px;
padding: 3px 5px 3px 5px;


}

.newsheader {
	
	color: #cc6633;
	
	font-weight: bold;
	
	text-align: right;
		padding: 3px 5px 3px 5px;
	
	border-bottom: 1.5px solid #cc6633;
}


.newsheader, 

.news {
		
	margin: 0px;
	text-align: right
	background-color: white;
	
}

ul.news {
		
	list-style: none;
	
	margin: 0px 0px;
	
	padding: 0px 0px;

	
	
}


ul.news li a {
		
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color: #000099;
}


ul.news li a:hover {
	
	padding-left: 0px;
	
	text-decoration: underline;
	color: #000099;
	padding-right: 0px;
	
	
}


.news-title {
	float: left;
}

.posted	{
	
	font-size: 0.92em;
		
	font-weight: bold;
	
	color: #333333;
	
	margin-top: 15px;
}


.news {
	padding: 10px 5px;
	margin-bottom:10px;
	border-top: 0px;
	line-height: 1.4em;
	text-align: justify;
	
}
.newsprofile {
	padding: 10px 5px;
		
	margin-bottom:10px;
	
	border-top: 0px;
	
	line-height: 1.4em;
	
	text-align: justify;
	
}

.newsprofile img {
margin: 0px 235px 0px 0px;
padding: 0px;
	float: left;
	border-style: none; }
	
	
.riderprofile {
padding: 10px 5px 0px 10px;
font-size:12px;
		
	margin-bottom:10px;
	
	border-top: 0px;
	
	line-height: 2.0em;
	
	text-align: justify;
	}
	
.riderprofile img {
margin: 0px 0px 0px 0px;
padding: 0px;
	float: right;
	border-style: none; }

.newssponsors img {
	
	margin: 0px 0px 25px 175px;
	
	border-style: none;}

.newsimg img { margin: 0px 0px 0px 0px;
		border-style: none;
		float: center;

}

.newsimgleft {
	padding: 10px 5px;
		
	margin-bottom:10px;
	
	border-top: 0px;
	
	line-height: 1.4em;
	
	text-align: justify;
	
}
.newsimgleft img {margin: 0px 10px 0px 0px;
			border-style: none;
			float: left;

}
	
}

.news img {
	margin: 0px 5px 0px 10px;
	border-style: none;
	float: right;
	{

.news ul {
	
	margin-top: 6px;
	
	margin-bottom: 0px;
	
	padding-top: 0px;
	
	padding-bottom: 0px;

	text-decoration: underline;
	color: #000099;}


div.news li {
		
	padding: 1px 0px 0px 0px;
	
	margin: 0px 0px;
}



.ubold {
       
	font-weight: bold;
       	
	text-decoration: underline;
}




/*<group=Links>*/


a {
	
	color: #000000;
	
	font-weight: inherit;
	text-decoration: inherit;
	
}


a:hover,

.sublink:hover,

.title a:hover {
	
	color: #ccc6633;
	
	cursor: pointer;
}

/*</group>*/



/*<group=Misc>*/



.ahem { display: none; }


.error {
	
	font-size: 1.1em;
}


.error span {
	
	color:red;
	
	font-weight:bold;
}


.anchor { /*return to the top anchor*/
	
	font-size: 0.85em;
	
	text-align: right;
	
	line-height: 0.85em;
	
	font-weight: bold;
	
	margin-bottom: 10px;
	
	margin-right: 10px;
}


.sample {
    	background-color: #cccccc;
	
	border: 1px solid #CCCCCC;
	
	margin: 10px 0px 25px 0px;
		padding: 0px 20px;
}


/*</group>*/


/*<group=Notes>*/



.note {
	font-size: 0.9em;
	
	border: 2px solid black;
	
	border-left: 5px solid;
	
	background-color: #ccccc;
	
	padding: 8px;
	
	line-height: inherit;
}


.note-header {
	
	font-weight: bold;
	
	letter-spacing: 1px;
		
	color: white;
	
	background-color: black;
	
	padding: 3px 15px 3px 15px;
	
	text-align: center;
		display: inline;
}


.fact, .warning, .tip {
	
	margin: 20px 0px 18px 0px;
}


.fact .note {
		
	border-color: #FFA600;
	
	background-color: #cccccc}


.fact .note-header { 
	
	background-color: #cccccc;
}


.tip .note {
	
	border-color: #55C0F5;
	
	background-color: #cccccc}


.tip .note-header {
	
	background-color: #cccccc;
}


warning .note {
	
	border-color: #DE3838;
	
	background-color: #FFEFEF
}


.warning .note-header {
	
	background-color: #DE3838;
}


/*</group>*/


/*<group=Document Meta>*/


.doc-info {
	
	color: #AAAAAA;
		background-color: #F7F7F7;
	
	font-weight: bold;
	
	font-size: 11px;
    
	text-align: left;
	
	padding: 5px 30px;
	
	margin: 40px 45% 10px 0px;
	
	border: 1px solid #CCCCCC;
}


.doc-author, .doc-rev {
    
	text-indent: -20px;
    
	line-height: 1.3em;
}


/*</group>*/


/*<group=Forms>*/


form {
	color: #222222;
}


form td {
	
	padding: 3px 10px 3px 0px;
	
	font-size: 1.0em;
}


.box {
	
	border: 1px solid #BBBBBB;
	
	margin: 30px 0px 20px 0px;
	
	padding: 0px 10px 10px 10px;
	
	background-color: #F7F7F7;
}


.box p {
	
	color: #888888;
	
	font-weight: bold;
		padding: 0px 0px;
	
	margin: -10px 0px 10px 0px;
}


.box select.form-input {
	
	width: 130px;
}


.label {
	
	padding-top: 4px;
	
	vertical-align: top;
}


.form-input {
	
	border: 1px solid #BBBBBB;
	
	background-color: #EEEEEE;
	
	font-size: 0.95em;
	
	padding: 2px 5px;
}


select.form-input {
	
	padding: 0px;
	
	width: auto;
}


.button, input.button {
	
	color: #A29FA2;
	
	border: 1px solid #C0C0C0;
	
	background-color: #F5F5F5;
    
	padding: 2px 8px 2px 8px;
	
	margin: 7px 6px 0px 0px;
	
	font-weight: bold;
	
	font-size: 0.95em;
}
* 
html 

.button, * 

html input

.button {
	
	padding: 2px 0px 2px 0px;
}


.button:hover {
	cursor: pointer;
	
	color: #F12816;
}


/*</group>*/