/* CSS Document */

body
{
	
	background-color:#0076bc; 
}

#container
{
	background:url(images/newheaderpic.jpg) no-repeat;
	background-position:left 10px;
	width: 850px;
	height: 1100px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	margin-left:auto;
	margin-right:auto;
	background-color:#0076bc;
	
}

#containerp1
{
	background: url(images/headerpic5.jpg) no-repeat;
	background-position:left 10px;
	width: 850px;
	height: 1100px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	margin-left:auto;
	margin-right:auto;
	background-color:#0076bc;
	
}


#header
{
	
	height:370px;
	width: 850px;
	
}

#headerggs
{
	
	height:370px;
	width: 850px;
	
	
}


#header1
{
	
	height:370px;
	width: 850px;
}

#headerp1{
	
	height:220px;
	width: 850px;
}



#leftnav
{
	
	height:240px;
	width: 180px;
	float:left;
	padding-top:10px;
	font-weight:bold;
				
	
}

.navmenu
{
	width: 600px;
	height:40px;
	float:right;
	font-weight:bold;
	

}

#uppercontent
{
	height:217px;
	width: 630px;
	float: right;
	padding-top:35px;
	padding-right:40px;
	
	
}


#lowercontent
{
	height: auto;
	width: 850px;
	float: left;
	background-color:#c7f4fa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000099;
	line-height:1.5em;

	
}

#footer
{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c7f4fa;
	width: 850px;
	height: 50px;
	float: left;

}


#lowerfooter
{

	background:url(images/bottombit.gif) no-repeat;
	background-color:#c7f4fa;
	width: 850px;
	height:20px;
	float: left;
	
	
	
}

.bl {background: url(images/corners/bl4.gif) 0 100% no-repeat #d5d6f1; width: 810px}
.br {background: url(images/corners/br4.gif) 100% 100% no-repeat}
.tl {background: url(images/corners/tl4.gif) 0 0 no-repeat}
.tr {background: url(images/corners/tr4.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px;}


.bl2 {background: url(images/corners/bl2.gif) 0 100% no-repeat #b8b4ff; width: 620px;}

.br2 {background: url(images/corners/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(images/corners/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(images/corners/tr2.gif) 100% 0 no-repeat; padding:10px}

.tr5 {background: url(images/corners/tr2.gif) 100% 0 no-repeat; padding:5px}

.clear {font-size: 1px; height: 1px}


.bl3 {background: url(images/corners/bl2.gif) 0 100% no-repeat #b8b4ff; width:555px}
.tr3 {background: url(images/corners/tr2.gif) 100% 0 no-repeat; padding:10px}

.contentlowpad
{
padding-top:10px;
padding-left:20px;
background-color:#c7f4fa;
}


.welcomepar
{
width:555px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
text-align: center;
color: #CC0000;
float:right;




}


.welcomepar1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #330099;
float:right;
padding-top:20px;

}

.about
{
	

	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000099;
	text-align:justify;
	padding-left:15px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;

	
}






.lnavlarge td a
{

background: url(images/button_lg.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 152px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavlarge td a:hover
{

background: url(images/buttona_lg.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 152px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}



.lnavmed td a
{

background: url(images/button_med.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 127px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavmed td a:hover
{

background: url(images/buttona_med.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 127px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavsmall td a
{

background: url(images/button_sm.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 115px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavsmall td a:hover
{

background: url(images/buttona_sm.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 115px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavnorm td a
{

background: url(images/button2.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 102px;
height:28px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}

.lnavnorm td a:hover
{

background: url(images/button2a.jpg) no-repeat ;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
font-size:14px;

width: 102px;
height:28px;

background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;

}




.navmenu ul
{
list-style: none;
padding: 0px;
margin: 0;
padding-right:40px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;


}

.navmenu li 
{
float: left;
margin:10px 0px;
}


.navmenu li a
{
background: url(images/button2.jpg) no-repeat ;
color: #0000FF;
margin-left:10px;
font-size:14px;

width: 102px;
height:26px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;
}

.navmenu li a:hover
{
background: url(images/button2a.jpg) no-repeat ;
color: #3300FF;
margin-left:10px;
font-size:14px;

width: 102px;
height:26px;
display: block;
background-color: none;
text-decoration: none;
text-align: center;
padding-top: 3px;
}

.tablepad{
padding-left:15px;
}

.tablepad2{
padding-left:40px;
line-height:2em;

}


.tablepad3{
padding-left:0px;
line-height:2em;
}

.tablepad4{
padding-left:20px;
line-height:2em;
}


.vertalign{
vertical-align:top;
padding-top:10px;

}

.pdheadings{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:13px;
text-align: left;
font-weight:bold;
font-size: 14px;


}

.sauslogo{ padding-top:40px;
padding-right:10px;
vertical-align:top;
font-size:12px;
text-align:center
}


.footerlinks{
text-align:center;
padding-left:30px;
padding-right:30px;
font-size:12px;

}


.ctralign{
text-align:center;
}

.ctrheading{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


.leftheading{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.top{
width:790px;
text-align:center;
font-size:12px;
padding-top:10px;
padding-bottom:10px;
}

.bgc{
background-color:#999999;
}

.bgc1{
background-color: #66FFFF;
}


.top2{
width:715px;
text-align:center;
font-size:12px;


}

.surfarilink{
font-size:12px;
text-align:center;
padding-top:5px;

}


.bottompad{
padding-bottom:20px;
}

.picpad{
padding-left:10px;
padding-right:10px;
padding-top:20px;

}

.contactheading{
font-size:24px;
color: #666666;
}

.right{
text-align:right;
}

.right1{
	
	padding-right:10px;
	padding-top:20px;
	
}


.surferdudes{
text-align: center;
padding:10px;

}

.faqtext{

color: #333333;
}

img.floatLeft { 
    float: left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px; 
}
img.floatRight { 
    float: right; 
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}