/*Document produced by Dr Professional Media 2008*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
strong{
color:#666666;
font-weight:600;
}

a {
color: #669999;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p{
	maring-top:15px;
	margin-bottom:15px;
}

ol, ul {
	list-style: none;
	padding-left:0px;
}

h4 {
font-size:20px;
color:#669999;
margin-bottom:30px;
font-weight:bolder;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body{
background-color: #333333;/*#3399cc;*/
background-image:url(../images/diags.png);
background-repeat: repeat;
line-height:25px;
}

#header{
	position:relative;
	background-image: url(../images/header.png);
	background-repeat:no-repeat; 
	height:350px;
	margin-bottom:0px;
	width:935px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-45px;		 	 /* site defaults to fixed width centered */
	background-position:top center;
	padding:0 0 0 0;
	width: 935px;
}

#logo {
	margin-left:auto;
	margin-right:auto;
position:relative;
background-image: url(../images/topbar.png);
height:76px;
width:911px;
}

#menu {
position:relative;
margin-left:1px;
background-image: url(../images/menu.png);
background-repeat:no-repeat;
height:52px;
text-align:center;
}

#menu li {
display:inline;
border-right:solid 1px #cccccc;
border-left:solid 1px #cccccc;


}

#menu li a {
color: #000000;
background-image: url(../images/but_white.jpg);
background-repeat:repeat-x;
text-decoration: none;
padding-left:19px;
padding-right:18px;
padding-bottom:4px;
padding-top:4px;
}

#menu li a:hover {
color:#FFFFFF;
background-color:#000000;
}

#global {
margin-top:0px;
	margin-left:auto;
	margin-right:auto;		 	 /* site defaults to fixed width centered */
	background-position:top center;
	padding:0 0 0 0;
	/*min-height:900px;*/
	width: 935px; /* mandatory to be centered */
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	background-image: url(../images/plainwhite.png);
	background-repeat:repeat-y;
}

#wrapper{

	width:899px;				 /*set site width here */
	/*margin-left:12px;*/		 /* site defaults to fixed width centered */
	padding:0;
	margin:0 auto 0 auto;

}

#shad{
position: relative;
left:1px;
}

#upper-menu{
position:relative;
top:5px;
left:765px;
font-size:10px;
width:120px;
}

#photo{
position:relative;
margin-top:0px;
margin-left:1px;
width:897px;
height:297px;
}

#smallphotos {
margin-left:1px;
position:relative;
width:899px;
top:0px;
}

#content {
position:relative;
margin-top:30px;
width:899px;
height:1350px;
}

#contentab {
position:relative;
margin-top:30px;
width:899px;
height:1350px;

}

#contents {
position:relative;
margin-top:30px;
width:899px;
height:1350px;

}

#contentsurf {
position:relative;
margin-top:30px;
width:899px;
margin-bottom:90px;
}

#contentsup {
position:relative;
margin-top:30px;
width:899px;
height:1350px;

}

#calendar {
position:relative;
top:3px;
left:/*615*/15px;
width:235px;
padding:20px;
background-color:#EEEEEE;
/*background-image: url(../images/notepad.jpg);*/
background-repeat:no-repeat;
font-size:11px;
color:#999999;
}

#events {
margin-left:0px;
margin-top:0px;
margin-bottom:30px;
}

#more-cal {
color:#99CCFF;
position:relative;
margin-top:-52px;
left:165px;
width:70px;
margin-bottom:0px;
font-weight:600;
}

#more-cal a {
font-size:11px;
color: #719F9F;
text-decoration:none;
}

#more-cal a:hover {

color: #006699;
text-decoration:none;
}

#calendar li {
color: #999999;
line-height:16px;
margin-bottom:0px;
border-top: dotted 1px #999999;
border-bottom:none;
border-right:none;
border-left:none;
}



#calendar li a {
display: block;
width: 235px;
padding-top:20px;
padding-bottom:10px;
color: #999999;
text-decoration: none;

}

#calendar li a:hover {
background-color: #c0d6d6;
color:#333333;
}

#sponsers{
position:relative;
top:3px;
left:/*615*/15px;
width:235px;
padding:20px;
}

.sponsers {
margin-left:-20px;
margin-bottom:20px;
}

#linebreak {
background-image:url(../images/line_break.png);
position:absolute;
left:20px;
}


#main_pic{
position:relative;
margin-top:-470px;
margin-left:10px;
}



#top-text{
text-align:justify;
padding-left:40px;
padding-top:0px;
position:absolute;
top:-6px;
font-size:17px;
/*float:left;*/
width:550px;
height:600px;
/*margin-top:60px;*/
/*margin-left:-5px;*/
left:275px;
color:#666666;
/*background-image: url(../images/paper.jpg);
background-repeat:no-repeat;*/
}


#top-textab{
text-align:justify;
padding-left:40px;
padding-top:0px;
position:relative;
top:-575px;
font-size:17px;
width:550px;
height:370px;
left:275px;
color:#666666;
margin-bottom:20px;

}

#services{
text-align:justify;
padding-left:40px;
padding-top:0px;
position:absolute;
top:0px;
font-size:17px;
width:550px;
height:370px;
left:275px;
color:#666666;
margin-bottom:20px;

}

#surfing{
text-align:justify;
padding-left:40px;
padding-top:0px;
position:absolute;
top:0px;
font-size:17px;
width:550px;
height:0px;
left:275px;
color:#666666;
margin-bottom:20px;

}

#sup{
text-align:justify;
padding-left:40px;
padding-top:0px;
position:absolute;
top:0px;
font-size:17px;
width:550px;
height:0px;
left:275px;
color:#666666;
margin-bottom:20px;

}

#welcometxt{
/*text-align:justify;*/
width:535px;
margin-top:15px;
margin-left:-5px;
float:left;
padding:10px;
}

#abouttxt{
/*text-align:justify;*/
width:545px;
margin-top:15px;
margin-left:-5px;
float:left;
padding:10px;
font-size:12px;
}

#suptxt{
/*text-align:justify;*/
width:545px;
margin-top:0px;
margin-left:-5px;
float:left;
padding:10px;
font-size:12px;
}

.floatright { 
float: right;
padding:3px;
margin-top:-30px;
margin-bottom:0px;
margin-left:25px;
margin-right:0px;
}

.floatright-services { 
float: right;
padding:0px;
margin-top:-45px;
margin-bottom:0px;
margin-left:40px;
margin-right:-33px;
}

.surf-images {
/*background-image:url(../images/surfing/surf-pics_bg.jpg);*/
float: left;
}

#surf-images{
position:relative;
float:left;
width:550px;
margin-bottom:20px;
}

#videos-surf {
position:relative;
}

.box {
background-image:url(../images/pics-bg.jpg);
width:180px;
height:130px;
float:left;
}

.box2 {
width:180px;
height:130px;
float:left;
}

.thumbnail {
padding-top:6px;
padding-left:6px;

}

.service {
width:500px;
margin-bottom:40px;
}

.supimg-left {
float:left;
margin-top:0px;
margin-bottom:10px;
display:inline;
}

.supimg-right {
float: right;
margin-top:0px;
margin-bottom:10px;
display:inline;
margin-right:-20px;
}

#welcomepic{
margin-left:275px;
width:250px;
}

#about-title {
margin-left:-5px;
margin-bottom:20px;
margin-top:10px;
border-bottom:dotted #CCCCCC 1px;
border-top:dotted #CCCCCC 1px;
}

.sponsors-title {
margin-left:-14px;
margin-bottom:20px;
margin-top:10px;
border-bottom:dotted #CCCCCC 1px;
border-top:dotted #CCCCCC 1px;
}

#strip{
position:relative;
margin-top:50px;
margin-left:0px;
}

#text{
position:absolute;
top:430px;
font-size:14px;
width:550px;
/*margin-top:59px;
margin-left:-5px;*/
left:275px;
padding-left:40px;
}

#train-title {
margin-left:-5px;
margin-bottom:20px;
border-bottom:dotted #CCCCCC 1px;
border-top:dotted #CCCCCC 1px;

}

#text ul {
list-style:none;
padding-left:50%;
}

#text li {
display: list-item;
border-bottom:none;
border-right:none;
border-top:none;
border-left:none;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;


}

#text li a {
color:#666666;
}

#text li a:hover {
color:#666666;
background-color:#FFFFFF;
}

#flash{
position:relative;
}

#fader{
position:relative;
margin-top:0px;
margin-left:20px;
}

#footer{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: right;
margin-left:auto;
margin-right:auto;
width:935px;
margin-top:0px;  /*220px;*/
	
	background-image: url(../images/footer.png);

	background-repeat:no-repeat; 

	height:136px;
color: #C0D6D6;

}

#footer p {
padding-right:60px;
padding-top:90px;
	/*margin-top:10px;*/
	line-height:18px;
	font-size:11px;
}

#footer a {
color: #C0D6D6;
font-weight:bold;
}

#sponsors {
text-align:left;
position:relative;
margin-left:60px;
margin-top:-60px;
}

#affiliates {
width:280px;
position:relative;
margin-left:30px;
margin-top:35px;
}