body         { text-align: center; background-image: 
               url('image_pres/bkg-tile3.gif'); 
               font-style: normal; font-variant: normal; font-weight: normal; 
               font-size: 11px; font-family: Garamond; margin: 0px; 
               padding: 0px }
* {margin:0; padding:0;}
div#mainwrap { width: 820px; text-align: left; background-image: 
               url('image_pres/bkg_middle0.gif'); 
               background-repeat: repeat; margin-left: auto; margin-right: 
               auto; background-position: center 50% }
div#directorywrap { width: 820px; text-align: left; background-image: 
               url('image_pres/bkg_middle2.gif'); 
               background-repeat: repeat; margin-left: auto; margin-right: 
               auto; background-position: center 50% }
div#header   { width: 820px; height: 165px; text-align: center; background-image: 
               url('image_pres/bannerhmswf.jpg'); 
               background-repeat: no-repeat; background-position: center 50% }
div#menu     { background-image: 
               url('image_pres/menu_bar.gif'); 
               background-repeat: no-repeat; width: 820px; height: 20px; 
               background-position: center 50% }
div#contentarea {width:820px; center
}
div#column1  { width: 570px; float: left; 
               margin-left: 40px;
               margin-right: 12px; 
               background-position: center 50% }
               
div#column1 p { text-align: justify;
                font-size: 11.0pt;
                font-family: Garamond;
                color: #993300  }
              
div#column1 td {font-size: 12px;
                font-family: Garamond;
	             color: #993300}            

div#column1 h1 { text-align: center;
                 font-size: 12.0pt;
                 font-family: Garamond;
                 color: #993300 }                
               
div#column1 ul {margin: 20px 0 0 40px;}

div#column1 photo {margin: 0px 20px 0px 0px;}

div#column1 a:link,#column1 a:visited {
                color:#006000;
                text-decoration:underline;}
                
div#column1 a:hover {color:#F69312;
                text-decoration:none;}

div#column1b  { width: 570px; float: left; 
               margin-left: 40px;
               margin-right: 12px; 
               background-position: center 50% }
div#column1b p { text-align: justify;
                font-size: 11.0pt;
                font-family: Garamond;
                color: #993300}
div#column1b td {font-size: 12px;
                font-family: Garamond;
	             color: #993300}            
div#column1b h1 { text-align: center;
                 font-size: 12.0pt;
                 font-family: Garamond;
                 color: #993300 }                
div#column1b ul {margin: 20px 0 0 40px;}
div#column1b photo {margin: 0px 20px 0px 0px;}

div#column1b a:active, a:link {color:#006000;
                text-decoration:none;}
div#column1b a:visited {color:#006000;
                text-decoration:none;}
div#column1b a:hover {color:#F69312;
                text-decoration:none;}

div#column2 {
	width:165px;
	background-color:#FFF;
	float:left;
	margin-left: 5px;
	margin-right: 17px;
}

div#column2 p {font-size:12px; 
               font-family: Garamond;
               text-align: center;}
               
div#column2 a:link,#column2 a:visited {
                color:#006000;
                text-decoration:underline;}
                
div#column2 a:hover {color:#F69312;
                text-decoration:none;}

div#bottom   { width: 790px; float:left; 
               margin-left: 10px;
               margin-right: 12px;
               background-color:#FFF; 
               background-position: center 50% }
               
div#bottom p {font-size:10px;
              font-family: Arial, Helvetica, sans-serif;
              color: #000000}
               
div#bottom a:link,#bottom a:visited {
                color:#993300;
                text-decoration:none;}
                
div#bottom a:hover {color:#F69312;
                text-decoration:none;}
                                
div#footer   { width: 820px; text-align: center; background-image: 
               url('image_pres/footer1.gif'); 
               background-repeat: no-repeat; height: 49px; font-size: .8em; 
               color: #6C6759; clear: both; margin-left: auto; margin-right: 
               auto; padding-top: 14px }
div#column1a { width: 500px; float: left; 
               margin-left: 20px;
               margin-right: 10px; 
               background-position: center 50% } 
div#column1a p { text-align: justify;
                margin-left: 20px;
                font-size: 11.0pt;
                font-family: Garamond;
                color: #993300}
div#column1a a:active, a:link {color:#006000;
                text-decoration:none;}
div#column1a a:visited {color:#006000;
                text-decoration:none;}
div#column1a a:hover {color:#F69312;
                text-decoration:none;}

div#column1c { width: 730px; float: center; 
               margin-left: 20px;
               margin-right: 10px; 
               background-position: center 50% } 
div#column1c p { text-align: justify;
                margin-left: 20px;
                font-size: 11.0pt;
                font-family: Arial;
                color: #000000}
div#column1c td {font-size: 12px;
                font-family: Arial;
	             color: #000000}

div#column1c a:active, a:link {color:#006000;
                text-decoration:none;}
div#column1c a:visited {color:#006000;
                text-decoration:none;}
div#column1c a:hover {color:#F69312;
                text-decoration:none;}

 
            
div#column2a {
	            width:235px;
	            background-color:#FFF;
	            float:left;
	            margin-left: 5px;
	            margin-right: 17px;
}
div#column2a td {font-size: 12px;
                font-family: Garamond;
	             color: #993300
}
div#column2a a:link,#column2a a:visited {
                color:#006000;
                text-decoration:none;}
                
div#column2a a:hover {color:#F69312;
                text-decoration:none;}

div#header1  { width: 820px; height: 214px; text-align: center; background-image: 
               url('image_pres/banner_design3.gif'); 
               background-repeat: no-repeat; background-position: center 50% }
div#header2  { width: 820px; height: 150px; text-align: center; background-image: 
               url('image_pres/banner_design3a.gif'); 
               background-repeat: no-repeat; background-position: center 50% }
div#header3  { width: 820px; height: 150px; text-align: center; background-image: 
               url('nordicclub/image_pres/banner3.jpg'); 
               background-repeat: no-repeat; background-position: center 50% }
div#header4  { width: 820px; height: 150px; text-align: center; background-image: 
               url('image_pres/banner4.jpg'); 
               background-repeat: no-repeat; background-position: center 50% }
div#header5  { width: 820px; height: 150px; text-align: center; background-image: 
               url('image_pres/banner5.jpg'); 
               background-repeat: no-repeat; background-position: center 50% }

div#topnav {
margin-left: 10px;
margin-right: 12px;
background:url('image_pres/navbg.jpg') repeat-x;
height:22px;
border-top:1px solid #000;
border-bottom:1px solid #000;
text-align:center;
overflow:hidden;
}
div#topnav li {
display:inline;
list-style:none;
line-height:22px;
height:22px;
}
div#topnav a:link,#topnav a:visited {
color:#fff;
text-decoration:none;
padding:4px 20px;
border-right:1px solid #fff;
font-weight:bold;
}
div#topnav #one a {
border-left:1px solid #fff;
}
div#topnav a:hover {
background:url(image_pres/navon.jpg) repeat-x;
text-decoration:underline;
}
#homer #topnav #one,#officers 
       #topnav #two a,#events 
       #topnav #three a,#newletter 
       #topnav #four a,#membership
       #topnav #five a,#links
       #topnav #six a {
background:url(image_pres/navon.jpg) repeat-x;
text-decoration:none;
}



div#photo {
	float: left;
	clear:none;
	margin:0px 20px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.left0       { font-size: 12px; list-style-position: outside; list-style-image: 
               url('images/square.jpg'); 
               list-style-type: square; font-family: 
               Arial, Helvetica, sans-serif; color: #FFFFFF; margin-left: 0px; 
               margin-top: 20px }
.left        { font-size: 12px; list-style-position: outside; list-style-image: 
               url('images/square.jpg'); 
               list-style-type: square; font-family: 
               Arial, Helvetica, sans-serif; color: #000000; margin-left: 30px; 
               margin-top: 20px }
td {
    font-size: 12px;
    font-family: Garamond;
	color: #000000
 }
 
table.main {padding: 0pt 10pt
} 

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */

	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #326489;
}