/******************************************
The initial code for this project was generated using the Piefecta Page Maker...a big thanks to all who contributed to the creation of such a useful tool... Copyright Notice: Parts of these notes are(c) Owen Briggs @ www.thenoodleincident.com(for the font css file) (c) Big John @www.positioniseverything.net,(c) Paul O'Brien @ www.pmob.co.uk,and(c) ClevaTreva Designs, all of whom contributed significantly to the design of the css and html code.
******************************************/
html,body{
  margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
a:link, a:visited {color:#8A2B3E;text-decoration: none; outline: none;}
a:hover, a:active {color:#8A2B3E; text-decoration: underline;} 

a.red, a:visited.red {font-size: 100%; color: #8A2B3E; text-decoration: underline;}
a:hover.red, a:active.red {color: #8A2B3E; text-decoration: underline;}

a.chart,a:visited.chart {text-decoration: none; color: #8A2B3E; }
a:hover.chart, a:active.chart { text-decoration: underline; color:#8A2B3E;}

a.inactive  { color:#A08366;}
a:hover.inactive, a:active.inactive { color:#977E65;}

.italic {font-style: italic;}	
strong, b {
	font-weight: bold;
	}
	
.subtitle {/*small title*/
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: -.5em;	
	color:#75382D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: normal;
	font-weight: 700;
}
.subtitle2 {
	position:relative;	
	line-height: 1.0em;
	margin-top: .3em;
	margin-bottom: .4em;
	color:#75382D;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	}
		
.redtitle {/*small title*/
	color: #8A2B3E;
	text-decoration: underline;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: .5em;
	}
h4 {/*med title*/
	line-height: 1em;
	margin-top: .6em;
	margin-bottom: .6em;
	color: #663300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: normal;
	font-weight: 500;
}	

h5 {/*med title*/
	line-height: 1em;
	margin-top: .6em;
	margin-bottom: .6em;
	color: #8A2B3E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-style: normal;
	font-weight: 500;
}
 	
h6 {/*large title*/
	line-height: 1.0em;
	margin-top: .3em;
	margin-bottom: .4em;
	color:#75382D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-style: normal;
	font-weight: 400;
	}

hr { /* margin:0px; fixes xhtml N6 bug where the hr sits to the left*/
	color: #D6B08D; /* for ie */
	background-color: #D6B08D; /* for everyone else */
	height: 1px;
	margin-top: .8em;
	margin-bottom: .7em;
	
	}		
p {
	font-size: 100%;
	line-height: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-left: .2em; 
	}
	
.right {position: relative; text-align: right}

li {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
ul.member {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}	

li.member {
	font-size: 110%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}

td {
	font-size: 90%;
	}
	
img {
	border: 0;
	}
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0;}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/
body {
	background: #12300D url(../images/bkgrd_repeat.jpg) repeat;
	min-width:702px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.1%;
	color:#630;
	}
#fullheightcontainer{
  top:20px; /*** Lift the container up by the value of the bottom
margin of the page. Makes the page 100% less xx px high ***/
  margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  position:relative; /*** Needed for IE, othewise header and footer aren't contained
directly above and below the body ***/
  width:702px; /*** Needed for Moz/Opera to keep page from sliding to left side of
page when it calculates auto margins above. Can't use min-width. Note that putting
width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
/* \*/
  height:80%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for Moz to give full height design if page content is
too small to fill the page ***/
}
#rosecontainer{
	position:relative;
	z-index:2;
	top:-10px;
	margin-left:-10px;
	width:123px;
	height:85px;
    background: transparent url(../images/rose.gif) no-repeat top left;
}
#wrapper{
  min-height:80%; /*** moz uses this to make full height design. As this #wrapper
is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
further into the design inside this container, which you should be able to do with
use of the min-height style. Instead, Mozilla ignores the height:100% or
min-height:100% from this point inwards to the center of the design - a nasty bug.
If you change this to height:100% moz won't expand the design if content grows.
Aaaghhh. I pulled my hair out over this for days. ***/
/* \*/
  height:80%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
 /*** Sets the external right side border. ***/
 /*** Sets the external left side border. ***/
  background: #E1CDB4 url(../images/site_body.jpg); /*** Set background color for side columns for Safari and IE ***/
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:80%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#outer{
  z-index:2; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left:232px; /*** Critical left col dimension value = left col width ***/
  width:471px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
 /*** Sets background of center col***/
/* \*/
  height:80%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
#left{
  width:229px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:-228px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
  z-index:1;
}
*>html #left{width:228px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-left{
  width:227px; /*** Critical left col dimension value = left col width - 1px ***/
}
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use position: relative; on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside separate, Mac-hacks, may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/
#center{
  width:470px; /*** Set to = center col width ***/
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#clearheadercenter{
  height:115px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:115px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:17px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:17px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  clear: both;
  width:702px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:23px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:-10px; /*** negative height ***/
  background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat 0px -236px;
}
#subfooter1{
  font: normal 10px verdana, arial, helvetica, sans-serif;
  text-align:right;
  padding-top:4px;
  margin:0 24px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:23px; /*** sub-footer row height ***/
}
.bottomtopmargin{
  background: none;/*** Background Color of Body ***/
  width:702px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +Both External Borders ***/
  overflow:hidden;
}
#header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  top:-22px;
  width:702px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
  height:248px; /*** = Top Margin + One Outer Border + header to body divider depth +
subheader1 height + any other subheader heights ***/
  overflow:hidden;
}
#subheader1{
  text-align:center;
  margin:0px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:226px; /*** sub-header row height ***/
  background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat 0px 0px;
}
#topmargin{
  height:22px; /*** top margin height ***/
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:80%;
  overflow:hidden;
  width:471px; /*** = Center Col Width ***/
  margin-left:232px; /*** = Left Col Width ***/
 /*** Set background color for center column for Mozilla and Opera ***/
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}
/* Side Menu */
.contentbox{
	position: relative;
	width: 202px;
	margin: 0 auto;
	padding-left: 16px;
	padding-top: 5px;
}
.contentbox2{
	position: relative;
	width: 444px;
	margin: 0 auto;
	padding-right: 15px;
	padding-top: 6px;
}
.boxtop {
	position: relative;
	width: 202px;
	height: 26px;
	text-align: left;
	background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat 0px -261px; }
.boxtop2 {
	width: 444px;
	height: 49px;
	background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat -205px -261px; }
.boxbody {
	position: relative;
	width: 202px;
	height:auto;
	text-align: left;
	background: url(../images/menu_body.jpg) repeat-y; }
.boxbody2 {
	position: relative;
	height:auto;
	width: 444px;
	text-align: left;
	background: url(../images/menu2_bodyc.jpg) repeat-y; }
.boxbottom {
	position: relative;
	display: block;
	width: 202px;
	height: 11px;
	margin: 0px;
	text-align: left;
	top: auto;
	background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat 0px -295px;
	
}
.boxbottom2 {
	width: 444px;
	height: 16px;
	background: #E1CDB4 url(../flicker/page_all.jpg) no-repeat -205px -318px;}

/* Side Menu Info Boxes*/
#infobox {
	position: relative;
	width: 198px;
	height: 99px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-image: url(/images/spot1.jpg); */
	}
#infobox h6 { display: block; margin: 0px;}
#infobox h6 a {
	display: block;
	width: 200px;
	height: 99px;
	border: 0;
}
#infobox2 {
	position: relative;
	width: 198px;
	height: 99px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(/images/spot2.jpg);
	}	
#infobox2 h6 { display: block; margin: 0px;}
#infobox2 h6 a {
	display: block;
	width: 200px;
	height: 99px;
	border: 0;
}
#infobox3 {
	position: relative;
	width: 198px;
	height: 99px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(/images/spot3.jpg);
	}	
#infobox3 h6 { display: block; margin: 0px;}
#infobox3 h6 a {
	display: block;
	width: 200px;
	height: 99px;
	border: 0;
}
#infobox4 {
	position: relative;
	width: 198px;
	height: 99px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(/images/spot4.jpg);
	}	
#infobox4 h6 { display: block; margin: 0px;}
#infobox4 h6 a {
	display: block;
	width: 200px;
	height: 99px;
	border: 0;
}
#p7swapmenu {
	position: relative;
	padding: 10px 5px 20px 5px;
	width: 160px;
	left: 20px;
	top: 5px;
	background: #F4E7D7;
	}
#p7swapmenu ul { 
	margin: 0; 
	padding: 0px; 
	font: bold 18px/normal "Times New Roman", Times, serif;  
	list-style: none;
	}
#p7swapmenu li { 
	margin: 0; 
	padding: 0px; 
	line-height: 24px; 
	width: 150px;
	background: url(../flicker/page_all.jpg) no-repeat 0px -310px;
	}
.current a{
	padding-left: 10px;
	color: #8A2B3E;
	text-decoration: underline;
	font-weight: bold;
	width: 130px;
	}
.closed a, .open a {color: #8A2B3E;
	margin: 0;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;		
}
.closed a:hover, .open a:hover {text-decoration: underline;}
.closed ul a, .open ul a{
	width: 135px;	
	font: bold 13px Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 20px;	
}
.open ul a:visited {text-decoration: none;}
.open ul a:hover {
    color: #8A2B3E;
	font-weight:normal;
	text-decoration: underline;	
}
.closed ul a:hover {font-weight:bold;}

#uberlink2 a:link, #uberlink2 a:visited {
	font-weight: bold;
	text-decoration: underline;
	width: 130px;
	}

#uberlink a:link, #uberlink a:visited {
	font-weight: normal;
	text-decoration: underline;
	width: 130px;
	}
#uberlink a:hover, #uberlink a:active {font-weight: normal;}

a.inactive  { color:#B09880;}
a:hover.inactive, a:active.inactive { color:#A08366; text-decoration:none;}
.open a:hover.inactive {text-decoration:none;} 

.clearcontent { position:static; clear: both;}
.mozillatext{ margin: 0 0 1em 0;}

/* Main Content Column*/

.content {
	position: relative;
	margin: 0 auto;
	padding: 0px 10px 10px 18px;
	min-height: 318px;
	color: #663300;	
}
/*** word on the street layout ***/
.right {margin: 0 auto;
  width:100%; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:right;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:0px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
  z-index:1;
}
.left {margin: 0 auto;
  width:100%; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  padding-top:5px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
  z-index:1;
}
.smtxt {font-size: 10px;}
/*** end word on the street layout ***/	
.homepic {
	position: relative;
	display: block;
	margin: 0 auto;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	width: 123px;
}
.leftpic {
	position: relative;
	display: block;
	margin: 0 auto;
	float: left;
	padding: 0px 15px 0px 0px;
}

.rightpic {
	position: relative;
	display: block;
	margin: 0 auto;
	float: right;
	padding: 0px 5px 0px 0px;

}
.nsalogo {
	position: relative;
	padding-right: 5px;
	margin: 0 auto;
	float: right;
	} 
.nsalogo2 {
	position: relative;
	padding-right: 5px;
	margin: 0 auto;
	margin-top: 0px;
	float: right;
	}
.rightlogo {
	position: relative; 
	text-align: right; 
	margin-right: 20px;
	margin-top: -120px;
	}	
.leafspacer {
	position: relative;
	background: url(../images/leafspacer.gif);
	padding: 0px;
	height: 14px;
	width: 137px;	
}
.spacer_crest{ 
	position:relative;
	margin-left:135px;
	width:126px; 
	height:14px;
	padding: 0px;
	background: url(../images/spacer_crest.gif);
}
.halfcolumn {
	position: relative;
	float: right;
	margin-left: 8px;
	padding-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 267px;
	overflow: hidden;
	}
.fullcolumntext {
	position: relative;
	padding: 8px 0px 0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	overflow: hidden;
	}/* text exceeding line-width will break layout in Mozilla*/
.fullcolumntext2 {/*Home page table margin*/
	padding: 8px 0px 0px 3px;
	}	
#title { /*Welcome title text*/
	position: relative;
	font-size: 16px;
	margin-top: 5px;		
	left: -3px;
}

#title span{ /*Welcome title image*/
	position: absolute;	
	width: 174px;
	height: 33px;
	margin-top: -3px;
	left: 0px;
} 
#table2{ /*Home page table*/
  border-collapse: separate;
  border: 3px double #297C7C;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #663300;
  background: #EFDAC0;
  width: 400px;
  }
table {
  border-collapse: collapse;
  border: 1px solid #663300;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #663300;
  background: #EFDAC0;
  width: 400px;
  }
#table3 {/*Events page table*/
  border: 1px solid #663300;
  width: 390px;
  } 	
.caption {
  padding:12px 8px 0px 8px;
  text-align: left;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  background: transparent;  
  }
td, th { font: normal 11px verdana, arial, helvetica, sans-serif; border: 1px solid #663300; padding: .6em; color: #663300;}
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #663300;
  text-align: left;
  background: #546A76;
  color: #F5E7D7;
  padding-top:6px;
  }
tbody td a {font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; text-decoration: none; color: #663300; padding-left:2px;}
tbody td a:hover {background: transparent; color: #8A2B3E;}
tbody th a {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #663300;
  }
tbody th a:hover { background: transparent; color: #8A2B3E;}
tbody th, tbody td { vertical-align: top; text-align: left;}
tfoot td {
  border: 1px solid #663300;
  background: #F5E7D7;
  padding-top:6px;
  }
.odd {background: #F2E0CA;}
tbody tr:hover {background: #F2DCB4;}
tbody tr:hover th, tbody tr.odd:hover th {background: #F2DCB4;}

.oddcell { /* homepage cell style */
	overflow: hidden;
	background: #EFDAC0;
	text-align: center;
	text-indent: 2px;
	vertical-align: middle;
	height: 30px;
	width: 135px;
}
tbody td:hover {background: #F2DCB4;}
tbody td:hover th, tbody td.odd:hover th {background: #F2DCB4;}
 
.oddcell2 {background: #F5E7D7;} /* homepage row style */
tbody td:hover {background: #F2DCB4;}
tbody td:hover th, tbody td.odd:hover th {background: #F2DCB4;} 

#news{
  	padding:12px 8px 12px 8px;
  	text-align: left;
  	font: normal 12px verdana, arial, helvetica, sans-serif;
  	background: #EFDAC0;
  	height: 100%;
	width: 100%;
	position: relative;  
}
.newstitle{ 
 	margin: 0 auto;
 	height: 15px;
 	padding-left: 8px;
	padding-bottom: 8px;
 	position:relative;
	}
.newssub1{
	padding-top: 8px;
	padding-left: 8px;
	width: 250px;
	float:left;
	position: relative;
	}
.newssub2{
	padding-top: 1px;
	float:left;
	padding-left: 8px;
	width: 200px;
	}
.newsbody{
	margin-right:18px; 
	padding-left:8px; 
	position: relative;	
	text-align: left;}
#councel{ position: relative; padding-left: 20px;}
#councel ul {font-size:110%;}
.inlinepic { 
	position: relative;
	margin: 0 auto;
	padding: 5px 0px 0px 10px; 
	float: right;
	}