﻿a:link {color:#0000ff;}
a:visited {color:#0000ff;}
a:focus {color:#0000ff;}
a:hover {color:#0000ff;}
a:active {color:#0000ff;}

* {
    margin: 0;
    padding: 0;
}

html{
height: 100%;
}


body
{
height:100%;
margin:0;
padding:0;
font-size:95%;
font-family: Arial, Helvetica, sans-serif;
}


.bg_page{
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 min-width:962px;
}


.pagewrapper{
position:relative;
z-index:1;
width:960px;
margin:0 auto;
}


.logo1{
position:absolute;
top:-115px;
left:380px;
width:200px;
height:146px;
z-index:10;
}

.logo1 a{
display: block;
width:200px;
height:146px;
overflow:hidden;
text-decoration: none;
}

.logo1 a:hover {
background-image: none;
}




.nav1{
position:relative;
width:960px;
height:20px;
margin:115px 0 0 0;
}

.nav1 ul{
position:relative;
margin:0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
}

.nav1 ul li{
list-style-type: none;
display: inline;
margin:0 auto;
}

.nav1 ul li a{
text-decoration: none;
padding:0px 2px 0px 2px;
color: #ffffff;
}

.nav1 ul li a:link{
background-color: inherit;
color: #ffffff;
}

.nav1 ul li a:visited{
background-color: inherit;
color:#ffffff
}

.nav1 ul li a:hover{
text-decoration: underline;
color: #ffffff;
}

.nav1 ul li:hover{
text-decoration: none;
color: #ffffff;
}


#nav_home{
position:absolute;
top:0px;
left:0px;
}

#nav_calendar{
position:absolute;
top:0px;
left:80px;
}

#nav_events{
position:absolute;
top:0px;
left:190px;
}

#nav_exhibits{
position:absolute;
top:0px;
left:282px;
}

#nav_paddleboard{
position:absolute;
top:0px;
left:615px;
}

#nav_membership{
position:absolute;
top:0px;
left:728px;
}

#nav_friends{
position:absolute;
top:0px;
left:840px;
}

#nav_store{
position:absolute;
top:0px;
left:914px;
}

body.hm #nav_home,
body.cl #nav_calendar,
body.ev #nav_events,
body.ex #nav_exhibits,
body.pb #nav_paddleboard,
body.mb #nav_membership,
body.fr #nav_friends,
body.st #nav_store{
background-color:#f3c107;
}

body.hm #nav_home:hover,
body.cl #nav_calendar:hover,
body.ev #nav_events:hover,
body.ex #nav_exhibits:hover,
body.pb #nav_paddleboard:hover,
body.mb #nav_membership:hover,
body.fr #nav_friends:hover,
body.st #nav_store:hover{
text-decoration: none;
color:#c0c0c0;
background-color: inherit;	
}

body.hm #nav_home a,
body.cl #nav_calendar a,
body.ev #nav_events a,
body.ex #nav_exhibits a,
body.pb #nav_paddleboard a,
body.mb #nav_membership a,
body.fr #nav_friends a,
body.st #nav_store a{
font-weight: bold;
color:#000000;
/*border:1px solid #000000;*/
}

body.hm #nav_home a:hover,
body.cl #nav_calendar a:hover,
body.ev #nav_events a:hover,
body.ex #nav_exhibits a:hover,
body.pb #nav_paddleboard a:hover,
body.mb #nav_membership a:hover,
body.fr #nav_friends a:hover,
body.st #nav_store a:hover{
text-decoration: none;
background-color:#FFFF66;
}




.main1{
position:relative;
width:100%;
height:330px;
margin:25px 0 15px 0;
/*background-color:aqua;*/
}

.main1_media1{
position:absolute;
top:0px;
left:0px;
height:100%;
width:660px;
/* background-color:white; */
/*background:url('images1/bg_main1_media1.png') no-repeat 0 50%;*/
border-left:solid 2px #122934;
border-top:solid 2px #c0c0c0;
border-right:solid 2px #a0a0a0;
border-bottom:solid 2px #122934;
}

.main1_media1_16x9{
height:320px;
width:570px;
margin:5px auto 0;
/*background-color:White;*/
border-right:solid 0px #122934;
border-bottom:solid 0px #8e8e8e;
border-left:solid 1px #122934;
border-top:solid 0px #1E4354;
}

.main1_media1_16x9_textarea {
height:320px;
width:570px;
padding:2px;
/*background-color:#ffffff;*/
}
.main1_media1_16x9_textarea p {
/*color:#ffffff;*/
margin:4px 4px 10px 4px;
}



.main1_bar{
position:absolute;
top:0px;
right:0px;
height:100%;
width:280px;
/*background:url('images1/bg_main1_bar_b.png') no-repeat 0 50%;*/
border-left:solid 2px #a0a0a0;
border-top:solid 2px #c0c0c0;
border-right:solid 2px #122934;
border-bottom:solid 2px #122934;
}

.main1_bar_wrapper{
position:relative;
width:100%;
height:100%;
margin:0 auto;
}

.main1_bar_title{
position:absolute;
top:0px;
left:10px;
z-index:10;
height:18px;
width:90%;
margin:0 auto;
overflow:hidden;
}

.main1_bar_title p{
font-size:80%;
font-weight:bold;
text-align:center;
color:White;
}


.main1_bar_address{
position:absolute;
top:20px;
left:10px;
z-index:10;
height:16px;
width:90%;
margin:0 auto;
overflow:hidden;
}

.main1_bar_address p{
font-size:65%;
font-weight:bold;
text-align:center;
color:White;
}

.main1_bar_email{
position:absolute;
top:50px;
left:40px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_email a{
display: block;
width:86px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_email a:hover{
background-image: none;
}


.main1_bar_fbook{
position:absolute;
top:85px;
left:40px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_fbook a{
display: block;
width:80px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_fbook a:hover{
background-image: none;
}



.main1_bar_mapquest {
position:absolute;
top:120px;
left:40px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_mapquest a{
display: block;
width:80px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_mapquest a:hover{
background-image: none;
}



.main1_bar_about{
position:absolute;
top:50px;
left:160px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_about a{
display: block;
width:80px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_about a:hover{
background-image: none;
}



.main1_bar_contact{
position:absolute;
top:85px;
left:160px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_contact a{
display: block;
width:80px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_contact a:hover{
background-image: none;
}



.main1_bar_newsletter{
position:absolute;
top:120px;
left:160px;
z-index:10;
height:24px;
width:80px;
margin:0 auto;
overflow:hidden;
}

.main1_bar_newsletter a{
display: block;
width:80px; height:24px;
overflow:hidden;
text-decoration: none;
}

.main1_bar_newsletter a:hover{
background-image: none;
}




.main1_bar_news_title{
position:absolute;
top:155px;
left:2px;
z-index:15;
height:18px;
width:90%;
margin:0 auto;
overflow:hidden;
}

.main1_bar_news_title p{
font-size:80%;
font-weight:bold;
text-align:left;
color:White;
}

.main1_bar_news{
position:absolute;
top:175px;
left:7px;
z-index:10;
height:145px;
width:260px;
margin:0 auto;
overflow:hidden;
/*background-color:White;*/
background:url('images1/bg_main1_bar_newsc.jpg') repeat-x 0 50%;
border-right:solid 2px #c0c0c0;
border-bottom:solid 2px #c0c0c0;
border-left:solid 1px #122934;
border-top:solid 1px #122934;
}

#main1_bar_newsscroller1{
width:240px;
height:145px;
padding:3px 5px 0px 4px;
text-align:justify;
/* background-color:white; */
}

#main1_bar_newsscroller1 a{
text-decoration:underline;
}

.main1_bar_newsscroller1_style1{
/* add additional style to news scroller */
font-size:80%;
}




.sub1{
position:relative;
width:100%;
height:320px;
margin:0 0 0 4px;
/* background-color:#ffffff; */
}

.sub1_panel{
position:relative;
float:left;
width:240px;
height:320px;
}

#sub1_panel_11{
position:absolute;
top:2px;
left:0px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_12{
position:absolute;
top:2px;
left:1px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_13{
position:absolute;
top:2px;
left:2px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_14{
position:absolute;
top:2px;
left:3px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}



#sub1_panel_21{
position:absolute;
top:2px;
left:0px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_22{
position:absolute;
top:2px;
left:1px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_23{
position:absolute;
top:2px;
left:2px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}

#sub1_panel_24{
position:absolute;
top:2px;
left:3px;
height:316px;
width:237px;
margin:0 auto;
overflow:hidden;
}













.footer1 {
position:relative;
width:100%;
height:25px;
margin:20px 0 10px 0;
/*background-color:#ffffff;*/
border-left:solid 2px #122934;
border-top:solid 2px #3d3d3d;
border-right:solid 2px #3d3d3d;
border-bottom:solid 2px #081216;
}

.footer1 p {
font-size:75%;
font-weight:normal;
font-style:italic;
padding:2px 0 0 20px;
}


.bottom_bar{
position:relative;
width:100%;
height:20px;
margin:0 auto;
/*background-color:#000000;*/
}




/* email links (open e-mail forms) --------- */

/* asp.net image button for email forms 330px wide, 20px high, use 20x20 icon */
/* set button ID, onclick, image url and tooltip in imagebutton */

.email_gotoForm_001{
height:20px;
width:330px;
margin:10px 0 10px 12px;
overflow:hidden;
}

.paddleboard_email_fspbc1 a{
display: block;
width:330px; height:20px;
overflow:hidden;
text-decoration: none;
}

.paddleboard_email_fspbc1 a:hover{
background-image: none;
}   



/*email forms ------------------------ */

.em1_body{
background-color:#000000;
}

.em1pagewrapper{
width:800px;
margin:0 auto;
background:black;
}

.em1wrapper{
position:relative;
margin-top:10px;
width:100%;
height:500px;
background:url('images1/em1BGimg1.jpg') no-repeat 0 50%;
}

#em1
{
position:absolute;
top:30px;
left:120px;
width:560px;
height:420px;
background:url('images1/em1BG.png') repeat-x 0 0%;
}

#em1 h3, p
{
margin:4px 0 0 12px;
font-weight:bold;
color:Yellow;
}

#em1buttons{
margin:12px 0 10px 0;
width:100%;
/*background-color:#c0c0c0;*/
}

#em1buttons ul{
margin:0 0 0 0px;
padding: 4px 0;
}

#em1buttons ul li{
list-style-type: none;
display: inline;
margin:0 60px 0 120px;
}

#em1valsummary{
margin:0 0 0 30px;
}




/*---subpage paragrapgh styles-----------------------*/
.subpage1 p{
padding-top:8px;
}

.subpage1 a{
text-decoration:none;
}

.subpage1 a:hover{
text-decoration:underline;
}



/* ----------- text styles ------------- */

/*large bold italic lead text*/
.textlead{
font-size:150%;
font-style:italic;
font-weight:bold;
}

.textctr1{
font-size:150%;
font-style:italic;
font-weight:bold;	
margin:20px 0 20px 0;
text-align:center;
}


/*XL bold italic lead text*/
.textlead_xl{
font-size:200%;
font-style:italic;
font-weight:bold;
}


/*regular bold text*/
.textb{
font-weight:bold;
}

/*regular italic text*/
.texti{
font-style:italic;
}

/*regular bold italic text*/
.textbi{
font-style:italic;
font-weight:bold;
}



/* pdf download links-------------------------*/


/* using <a href=path_to/file.pdf> */
.pdf1{
height:18px;
margin:8px 0 8px 12px;
background:url('images1/readericon.png') 0 50% no-repeat;
overflow:hidden;
}

.pdf1 a{
color:#0000ff;
padding-left: 22px; /* width of icon + whitespace  icon 18w x 24h*/
text-decoration: none;
}

.pdf1 a:hover{
color:#0000ff;
text-decoration:underline;
}



/* asp.net image button for pdf downloads 170px wide, use 20x20 icon */
/* set button ID, onclick, image url and tooltip in imagebutton */
.pdf_download_001{
height:20px;
width:175px;
margin:10px 0 10px 12px;
overflow:hidden;
}

.pdf_download_001 a{
display: block;
width:175px; height:20px;
overflow:hidden;
text-decoration: none;
}

.pdf_download_001 a:hover{
background-image: none;
} 








/*float clear ----------------------*/
.clean1{
clear:both;
}

.clean2{
clear:both;
margin:0 auto;
height:1px;
}