/* basic */
a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	color: #000;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
	
strong, b {
	font-weight: bold;
	}
	
hr {
	margin: 0px; /* fixes xhtml N6 bug where hr sits to the left*/
	color: #silver; /* for ie */
	background-color: #silver; /* for everyone else */
	height: 1px;
	}
	
p {
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;

	}
	
#center p {
	padding:1em 1em 0 1em; 
	text-align: justify;
	line-height: 1.2em;
}

#center a {
	font-size: 100%;
	color:#314a8c;
}	
	
li {
	font-size: 80%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	list-style-type: square; 
	}
ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	}
td {
	font-size: 70%;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}
/*** the following 2 style and notes are (c) Copyright Big John  ***/

div,p{margin:0}

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

h1, h2 {
	font-size: 80%;
	font-variant: small-caps;
	color: #B0181E;
	letter-spacing: 0.2em;
	font-weight: bold;
	padding: 0 0 0 1em; 
	margin: 1em 0 1em 0;
}

h3, h4 {
	font-size: 80%;
	letter-spacing: 0.2em;
	color: #B0181E;
	font-weight: bold;
		padding: 0 0 0 1em; 
	margin: 1em 0 0 0;
}

body h1 {
font-weight: normal;
font-size: 70%;
line-height:1.1em;
color: silver;
background-color: #ffffff;
text-align: left;
margin:0 auto;
padding: 2px 0 0 0;
width: 780px;
height:15px;
border-top: 1px solid #fff;
}

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
}
/* */

/* specific */

html, body{
margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
padding:0;

/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}

body{
min-width:782px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	background-image: url(graphics/side_left.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-color: transparent;
margin-left: 115px;
/*  background:#FFF;  for entire page */
}


.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 ***/

#fullheightcontainer{
 /* 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:782px; /*** 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:100%;
/* 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 ***/ 

} 

#wrapper{
  min-height:100%; /*** 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. ***/
 width: 700px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
  border-right:1px solid #000000; /*** Sets the external right side border.
 ***/


  background: #fff; /*** Set background color for side columns for Safari & 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:100%;
}
/* 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:1; /*** 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:16px; /*** Critical left col dimension value = left col width ***/
  width:500px; /*** Critical left and right col/divider dimension value (moves inversely) = center col width ***/
  background:#FFF; /*** Sets background of center col***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
#float-wrap{
  width:505px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
  margin-right:-1px; /*** Static fix, doesn't change ***/
  float:left;
  display:inline;

}
#left{
  width:16px; /*** 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:-120px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/

}
*>html #left{width:15px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/

#container-left{
  width:16px; /*** Critical left col dimension value = left col width - 1px ***/
}

#right{
  float:left;
  display:inline;
  width:150px; /*** Critical right col/divider dimension value = right col width + 2px ***/
  margin-right:-151px; /*** Critical right col/divider dimension value = negative right col width ***/
  margin-left:-1px; /*** Static fix ***/
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ****/
background-color: #fff;
}

/* \*/
* html #right{
  width:150px;
  margin-left:0px;
  margin-right:-478px;
  mar\gin-right:-150px;
}
/* Above style hidden from Mac IE */
/*** These commented-out rules below are there to explain the "Critical" info
     for the rules above, because comments must not appear within the Mac-hack.
     The "rules" below are not active, they are just for teaching purposes.

* html #right{
  width:151px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
  margin-left:0px; *** Critical right divider dimension value = a static 0px ***
  margin-right:-500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right:-151px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
}
***/
#container-right{
background-color: #fff;
/* \*/
  width:140px;
/* Above hidden from IE-Mac */
/*** Critical right col dimension value = right col width ***/
  margin-left:0; /*** Critical right divider dimension value = one internal border width + 2px ***/
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "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:500px; /*** Set to = center col width ***/
  float:right;
  display:inline;
  padding-right:0.4em; 
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}

#clearheadercenter{
  height:170px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:164px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#clearheaderright{
  height:170px; /*** needed to make room for header in right column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:151px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:121px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#clearfooterright{
  height:151px; /*** needed to make room for footer in right column ***/
  overflow:hidden;
}
#footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  clear: both;
  width:525px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:85px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:-85px; /*** negative height ***/
 }
 
#subfooter1{
  background:#FFF; /*** Background Color of Sub-footer #1 ***/
  text-align:center;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:1px; /*** sub-footer row height ***/
   margin-left:0; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
}
#subfooter2{
  background: #fff; /*** Background Color of Sub-footer #2 ***/
  text-align:left;
  margin:0; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:35px; /*** sub-footer row height ***/
   margin-left:0; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
padding:5px;
font-size: 70%;
border: 1px solid #000;
}

#subfooter2 a {
	font-size: 100%;
}

#subfooter3{
  /*background:#DDC591; for FOOTER /*** Background Color of Sub-footer #3 ***/
  text-align:center;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:65px; /*** sub-footer row height ***/
  font-size:65%;
  color: #000;
  /* border-left: 1px solid black;*/
   margin-left:17px; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
 padding: 7px 3px 0 3px;

}
#subfooter4{
  background: transparent; /*** FOR Background Color of Sub-footer #4 ***/
  text-align: left;
  font-size: 65%;
  color: #FFF;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  margin-left:17px; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
width: 700px;
  height:20px; /*** sub-footer4 row height ***/
  padding: 3px 3px 0 3px;
  border-bottom: 1px solid #000;
}

#logo{
	background-image: url(images/logo_130.gif);
}

#header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
 background-image: url(graphics/pic.jpg);
 background-position: 344px 5px;
 background-repeat: no-repeat;
 position:absolute;
 top:0px;
 width:700px; /*** 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:170px; /*** = Top Margin + One Outer Border + header to body divider depth + 
subheader1 height + any other subheader heights NB must be high enough to accommodate all sub-headers and spacings ***/
  overflow:hidden;
 }


.bottomtopmargin{
  background: #B0181E; /*** Background Color of Body ***/
  width:780px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders NB provide for borders***/
 border-left: 1px solid #000;
  border-right: 1px solid #000;
  overflow:hidden;
}

/*.outer_horiz_border, .sb_outer_horiz_border{
  background:#000000;
  height:1px;
  overflow:hidden;
  font-size:0px
}*/
#subheader1{
  background:#FFF; /*** Background Color of Sub-header #1 ***/
  text-align:left;
  margin:0; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:150px; /*** sub-header row height ***/
  width: 300px;
  margin-left:17px; 
}
#subheader2{
  background:#FFF; /*** Background Color of Sub-header #2 ***/
  text-align: left;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  margin-left:102px; /*** If the left sidebar intrudes, move the
header to the right by the width of the left col + one external border width ***/
  height:35px; /*** sub-header row height ***/
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:500px; /*** = Center Col Width ***/
  margin-left:101px; /*** = Left Col Width ***/
  background:#fff; /*** Set background color for center column for Mozilla & Opera ***/
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}

#navtop {
padding:0 0 0 10px; /* space between start of nav & page side */
margin:0; 
font-weight: normal;
background-image: url(graphics/sub_header.jpg);
background-repeat: repeat-x;
background-position: top left;
color: #000;
font-size: 90%;
background-color:#fff ;
height: 36px;
width: 782px; /* paddings not deducted */
border-right: 4px solid #000;
}

#navtop ul {
/*remove default values: */
margin: 9px 0 0 0; /* NB NB NB to position text in the navbar */
padding: 0;
font-size: 95%;
}

#navtop li {
display: inline;
list-style: none;
margin: 0 0 0 -4px;	/*	use -3px to minimise space between buttons */
padding:0;
font-size: 94%;
}

#navtop li a:link, #navtop li a:visited { 
color: #000; 
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2.7px;
text-decoration:none; /* to remove underline of the hyperlinks */
margin: 0 0 0 0; /* for the items */
padding: 9px 8px 8px 8px; /* for items: top, right bottom left for space around*/
/* border-top: 1px solid #c2c2c2; */
border-right: 1px solid #000; /* gold */
/* border-bottom: 1px solid #474747; */
/* border-left: 1px solid #D15434; /* red */
font-size: 90%;
}

#navtop li a:hover, #navtop li a:active {
color: #314A8C;
/* to set hover color for the hyperlinks */
/* border-top: 1px solid #FFF; */
border-right: 1px solid #314A8C;
/* border-bottom: 1px solid #000; */
/* border-left: 1px solid #c2c2c2; */
font-size: 90%;
}

/* vertical navigation */
#navside {
height: 600px;
width:118px; /* for button width */
padding: 0 0 0 1px;
margin: 10px 0 0 2px;
}

#navside li {
display: block; 	/*for vertical display*/
height: 32px; /* NBNBNB for button height - required here! */
margin: 0; 		/* nb nb to eliminate default margins */
padding: 0; 		/* nb nb to eliminate default padding */
}

#navside ul {
list-style: none; 	/* no bullets */
margin: 0; 		/* nb nb to eliminate or adjust default margins */
padding: 0; 	/* nb nb to eliminate default padding */
}

#navside li a:link, #navside li a:visited { 
text-decoration: none; 	/* NB required here - no underline */
display: block; /* NB required here - for item width!! */
width:  118px; /* to accommodate button width - padding deducted*/
color: #B0181E; 
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 89%;
font-variant: normal;
letter-spacing: 2px;
border-top: 2px solid #000;
border-right: 2px solid #B0181E;
border-bottom: 2px solid #B0181E;
border-left: 2px solid #000;
margin: 0; /* between for the items */
padding: 5px 6px 5px 5px;  /* space around the items and height*/
}

#navside li a:hover, #navside li a:active {
color: #DEC695; 	/* to set hover color for the hyperlink text */
border-top: 2px solid #B0181E;	/* hover colors for borders */
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #B0181E;
}

.pictorial
{
position: relative;
width: 537px;
border: 1px solid black;
}

.pichead{
height:30px;
background-color: #B0181E;
color: #fff;
width: 537px;
padding: 0 0 0 0 ;
margin: 0 0 0 0;
border-bottom: 1px solid #000;
}

.frame {
border: 1px solid #dec695;
padding:3px;
margin:3px;
}

.button {
	background: #dec695;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #000;
	height:28px;
	padding:0;
	margin: 0;
}

.picpicture {
position: absolute;
top: 35px;
left: 0;
width: 200px; 
	padding: 2px 2px 1px 5px;
	font-size: 80%;	
}

.pictext{
	margin: 0 0 0 220px;
	padding: 5px 2px 2px 2px;
	width:338px;
	font-size: 80%;
}

.hotline {
	position:absolute; top:30px; right:80px;
}

/* special statements */
#home .home, #about .about, #contact .contact, #events .events 
{
background-color: #B0181e;
}