/*NOTE: be sure that there is no space between measurement numbers and units, e.g., 5(no space)em*/

#container {border: none; padding: 0 0 10px 0; margin: 0 auto 0 auto;  width:760px; background-color:#FFF; }

/*Header area styles -- where the banner goes (note the url() reference)*/
#header { height:  184px; background-image: url(../images/wpg_15_760_01.jpg); 
  background-repeat: no-repeat; position: relative; 
  background-color: #369; text-align:center;}

/*NAVIGATION BAR STYLES*/

#navcontainer ul { text-align: center; 
padding-top: .25em; 
padding-bottom: .25em; 
padding-left: 0; 
margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */ 
margin-left: 0; background-image: url(../images/wpg_15_760_02.jpg); 
font-size: 90%; width: 100%; font-family: "Helvetica", "Arial", sans-serif;
/* fixes Firefox 0.9.3 */ }  

#navcontainer ul li { display: inline; 
padding-top: .25em;
padding-right: 0;  
padding-bottom: .25em;  
padding-left: 0;  /* matches link padding except for left and right */ }  

#navcontainer ul li a { 
padding-top: .25em;
padding-right: .35em;
padding-bottom: .25em;
padding-left: .35em;
color: #EAEAEA; text-decoration: none; }  

#navcontainer ul li a:hover { color: #FFCC66; }  

/*Page content div -- this is all text etc. under the banner*/ 
#pagecontent	{width:530px;margin: 25px 0px 0px 185px; border-left: 1px solid #C0C0C0; padding:10px 20px 0 15px;} 
#pagecontent p {line-height: 140%; }  

/* These styles are for the column which contains afm info, on the left side of the page content */
div.afminfo	{
float: left; 
width:175px;
margin-top:25px;
text-align: right;
} 

li.afminfo	{list-style-type: none;color: #369;font-size: 90%;line-height:140%;padding-right:5px;}

li.afminfowhite	{list-style-type: none;color: white;font-size: 90%;line-height:90%;padding-right:5px;}

.afminfo a:link 	{color: #369; 	font-weight: bold; text-decoration: none;}
.afminfo a:visited	{color: #369;	font-weight: bold; text-decoration: none;}
.afminfo a:hover 	{color: #FF9933; 	font-weight: bold; text-decoration: none;}
.afminfo a:active	{color: #FF6666; 	font-weight: bold; text-decoration: none;}
/*not being used - puts image under address info in the sidebar*/
/*#afmimg2 {margin-top:1em; border-top:solid gray 1px;padding-top:2em;}*/



/*Main text style for page*/
body {margin: 0 0 0 0; font-size: 75%; font-family: "Helvetica", "Arial", sans-serif; text-align: left; color: #666; background-color: #336699;} 

/*Default anchors/link styles used in page content*/
a:link 		{color: #666; 	font-weight: bold; text-decoration: none;}
a:visited	{color: #666;	font-weight: bold; text-decoration: none;}
a:hover 	{color: #FF9933; 	font-weight: bold; text-decoration: none;}
a:active	{color: #FF6666; 	font-weight: bold; text-decoration: none;}

/*-----------------------------------------------------------------------------------------------*/
/*Heading Styles*/

h1 {color:#369;}
h2, h3, h4, h5, h6 {margin-top: 1.5em; margin-bottom: .25em; color:#369;}
h1, h2, h3, h4, h5 {font-family: "Trebuchet MS", "Arial", sans-serif; color:#369;} 
h1 {font-size: 175%; font-variant: small-caps; letter-spacing: .15em;}
h2 {font-size: 150%; font-style: italic;}
h3 {font-size: 130%;}
h4 {font-size: 120%; font-style: italic;}
h5 {font-size: 115%;}
h6 {font-size: 90%;}

/*Note style*/
.note {font-style: italic;}

.skiplink {display:none} /*to hide the accesibility "skip link" which skips over nav bar*/

/*--------------------------------------------------------------------------------------------------*/
/*Images*/

.imagefloat		{float: right; margin: 15px 15px 15px 15px;clear:right;}

.imagefloat2	{float: right; margin-left:2em;}

/*imagefloat2 is used for the last picture in the text of the footer*/

/*not being used .imagefloatborderright	{float: right; margin:0 50px 30px 10px;border:solid;border-color: #369;}*/

/*used for GoPro image*/
.imagefloatborderleft	{float: left; margin:20px 15px 10px 0;border:solid 2px #369;}

.imagefloatleft {float: left;margin-right: 1em; margin-top:.5em; margin-bottom:.5em;}
.imagefloatpdf	{float: left;margin-right: 1em; margin-top:.2em; margin-bottom:.5em;}

/*this imagefloat (below) was moved on this page to the footer section*/
/*.imagefloatfoot	{float: right;margin-right:0;margin-bottom:0;clear:top;margin-bottom:-10px;}*/

a img {border: none; }

/* List Styles  -------------------------------------------------------------------------------------*/

/*Ordered (numbered) list*/
ol.numberlist1 {line-height: 1.25em;}
li.numberlist1 {margin-bottom: .5em;}

/*Unordered (bulleted) list */
ul.bulletlist1 {list-style-type: square;}
li.bulletlist1 {margin-bottom: .5em;}
.bulletlist1 ul li {list-style-type: square;  }
.bulletlist2 {list-style-type: square; line-height: 1.5em;padding:0;margin-bottom:1em;margin-left:2em;}

/*Use list3 for .pdf downloads lists or when you don't want a bullet. Add the image images/pdf2.jpg after the anchor tag before the anchor text for a little .pdf image to be part of the hyperlink (see membership info page for an example)*/
.list3 {list-style: none;font-weight:bold; line-height: 1.5em;margin-bottom: 1.5em;margin-left:2em;}
img.list3 {margin-right:1em;margin-bottom:-.5em;}

/*this is similar to bulletlist4, but works better with larger images, and img has border.*/
.list4 {list-style: none;font-weight:bold; line-height: 1.5em;margin-bottom: 1.5em;margin-left:6em;}
img.list4 {margin-right:4em;margin-bottom:-2em;border:solid 2px #369;}

/*Officer list for index page*/
p.officers {margin: 0; font-size:90%;}

/*Author style -- used at the end of announcements, etc. where it is "signed," example: "--Karin for the Website Team" Use: <p style="author">content</p>*/
p.author {font-style: italic; text-align: right;}

/* Footer div and links */

#footerdiv	{margin: 30px 10px 0 10px; border-top:solid 1px #369;}
.footer		{font-size:80%; text-align: right;line-height:75%;}
.footer2	{font-size:80%; text-align: left;line-height:75%;}
.footer3	{{font-size:80%; text-align: right;line-height:75%;margin-top:-10em;}

.footer a:link		{color: #333399;	text-decoration: none;}
.footer a:visited	{color: #333399;	text-decoration: none;}
.footer a:hover		{color: #FF9933;		text-decoration: none;}
.footer a:active	{color: #FF6666;		text-decoration: none;}

#imagefloatfoot	{float: right;margin-right:0;margin-bottom:0;clear:top;margin-left:2em;}

p.memberlinks	{text-align:right;margin-top:4em;}

/*Navigation styles for site map list*/

/*#sitemap	{margin-left: 4em;}*/

/*for effect of nested list: levels one, two and three*/

.sitemap	{list-style-type: none; line-height: 1.5;}
.sitemap2	{list-style-type: none; font-size:100%;}
.sitemap3	{list-style-type: none; font-size:95%;font-style:italic;}