/* CSS Document */
body { font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;  font-size:100%; text-align: center; behavior:url(css/csshover.htc); }
* { margin:0; padding:0;} 

div#container { position:relative; min-width:760px; max-width:1200px; margin-left:auto; margin-right:auto; background-color:#fff; text-align: left; width: 760px; padding: 5px; }

div#header {height:48px; text-align:center; margin-top:0; padding-top:12px;}
div#header h1 {width:18em; margin-top:0; margin-right:auto; margin-left:auto; 
		font: bold 1.5em "Century Gothic";  text-align:center; white-space:nowrap;}


/* the horizontal menu starts here */

#buttons {
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	height:30px; /*indicates height of button */
}
#buttons ul {
	list-style:none;
	position:relative;
	left:-50%;
}
#buttons li {
	float:left;
	position:relative;  /* ie needs position:relative here*/
	border-right:1px solid #069; /* creates dividing lines between the li elements */
}
#buttons li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
#buttons a {
	float:left; /*makes the div enclose the list */
    white-space:nowrap;
	border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	background-color:#CCF; /* colors the div */
	margin:0px 0px;
	text-align: center;
	text-decoration:none;	 /* removes the underlining of the link */
	color:#c40000;	/* sets the type color */
	font-style:normal;  /* removes italics of the link */
	padding:0 5px; /*creates space each side of menu item's text */
}
#buttons a:hover {
	background-color:#009; color:#fff;
}


div#listmenu {text-align:center; margin-right:auto; margin-left:auto; }

div#listmenu {
	float:left; /*makes the div enclose the list */
    white-space:nowrap;
	border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	background-color:#CCF; /* colors the div */
	margin:20px 0px;
	text-align: center;
	}

/* div#listmenu li.right {  */
/* 	margin:0 0 0 130px; */
/* 	border-left:1px solid #069; */
/* 	} */
	
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
/*	background-color:#FFA; sets the background of the menu items */
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#009; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 5px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#c40000;	/* sets the type color */
	font-style:normal;  /* removes italics of the link */
	}
div#listmenu a:hover {
	background-color:#009; color:#fff;
	}
/* the horizontal menu ends here */


/* content starts here */

div#content {
 width:740px; 
 padding:0px 0px; vertical-align:top;
 margin-top:0; margin-right:auto; margin-left:auto; 
 } 

div#content div.clearfix {padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */
div#content label {width:250px; float:left; font-size:1em; color: #000; font-weight: bold;  padding:0px 10px; text-align:right; } /* this is the text label on the left of each content */
div#content ul {list-style-type:none; float:left; font-size:1em; color: #000; padding:0px 10px; text-align:left; } /* this is the content on the right of each label */
 
div#content a {color: #c40000; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-style: italic; text-decoration: none}
div#content a:hover {color: #006; background-color:#CCF; font-style: italic; text-decoration: none}

div#content li.member a,a:hover {color: #000; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
div#content li address {font-style: italic; }
 
div#content p.top  {font-size:.7em; text-align:center; margin-right:auto; margin-top:-15px; margin-left:auto; margin-bottom:15px; }

div#content li hr {margin-top: 15px; margin-bottom: 15px; width: 300px;}


div.divider {text-align:center; } 
div.divider img {text-align:center; margin-right:auto; margin-left:auto; margin-top:15px; margin-bottom:15px; } 



div#footer,div#footer2 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

div#footer {
	width:95%;
	border-top:1px solid #069;	/* draws line on top edge of div */
	background-color:#CCF; /* colors the div */
	margin-top:20px; margin-bottom:0; margin-left:0px; margin-right:0px; 
	}

div#footer2 {
	width:95%;
  border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	background-color:#CCF; /* colors the div */
	margin-top:0; margin-bottom:20px; margin-left:0px; margin-right:-2px; 
	}

div#footer p {text-align: center; margin:0 auto; font-size:.7em; color: #666; font-family: arial, helvetica, sans-serif; }
div#footer2 p {text-align: center; margin:0 auto; font-size:.7em; color: #666; font-family: arial, helvetica, sans-serif; }


div#footer span.company {font-weight: bold;}

div#footer span { padding:0.2em 1em; }
div#footer2 span { padding:0.2em 1em; }
	
div#footer2 p span.webmaster a {
	text-decoration:none;	 /* removes the underlining of the link */
  font-family: arial, helvetica, sans-serif;  
	color:#c40000;	/* sets the type color */
	font-style:normal;  /* removes italics of the link */
  }
	
div#footer2 p span.webmaster a:hover {
	font-family: arial, helvetica, sans-serif;  
	 color:#009;
  }

/* END OF CONTENT AREA */

	
/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
* html div#listmenu li.right {
	border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
	}

/* hack for IE 5 and 5.5 to accept the padding on the link */
* html div#listmenu a {display:block;}
/* END OF LIST-BASED MENU */


/* Holly Hack for creeping text and dimensional bugs on floats, etc */ 
/* Hides from IE5-mac \*/
* html .holly {height: 1%;}
/* END OF HOLLY HACK */ 



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


/* END OF HACK ZONE */