/*
Name: main.css

$Source: /cvs/www.fairlingtonhistoricalsociety.org/assets/css/main.css,v $
$Revision: 1.1 $
$author:$
$Date: 2005/03/29 15:38:46 $
*/

body {
	background:#fff;
	margin:0px;
	padding:0px;
}

noscript {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FF0000;
}

h1 {
	color:#000;
	margin-top:1em;
	margin-bottom:3em;
	font:bold 15px Arial, Helvetica, sans-serif;
	text-align:center;
}

body#home h1 {
	margin:2px 0px 5px 0px;
}

h2 {
	color:#000;
	padding:0;
	margin:0;
	font:bold 15px Arial, Helvetica, sans-serif;
}

h3 {
	color:#3366FF;
	padding:0;
	margin:0;
	font:bold 15px Arial, Helvetica, sans-serif;
}

a {
	color:#0000ff;
	text-decoration:none;
}

a:hover {
	color:#FF0000;
	text-decoration:none;
}

#skipNav {
	position:absolute;
	visibility:hidden;
	z-index:0;
}

div#topContainer {
	margin:0;
}

div#FHSbanner {
	margin:0;
}

div#topNav {
	width:800px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
}

table#topNavLink {
	width:800px;
	background:#9A3334;
	padding:2px 5px 2px 0px;
}

td#topNavLink1 {
	width:610px;
	background:#9A3334;
}

td#topNavLink2 {
	width:185px;
	background:#9A3334;
}

#bodyContainer {
	width:800px;
	position:absolute;
}

div#breadcrumbnav {
	position:relative;
	height:15px;
	width:570px;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:1px solid #B3B7D6;
	left:10px;
	padding:5px 0px;
}

div#breadcrumbnav a {
	color:#316AC5;
	font-weight:bold;
	text-decoration:none;
}

div#breadcrumbnav a:hover {
	color:#0033CC;
	text-decoration:underline;
}

div#leftNavContainer {
	float:left;
	position:relative;
	top:8px;
	left:0px;
	width:188px;
	font:12px Arial, Helvetica, sans-serif;
	color:#003333;
	border-right:0;
	background:#FEFEE8;
}

div#leftNavContainerAdmin {
	float:left;
	position:relative;
	top:8px;
	left:0px;
	width:168px;
	font:12px Arial, Helvetica, sans-serif;
	color:#003333;
	border-right:0;
	background:#FEFEE8;
	border:1px solid #000;
}

div#adminContent {
	padding-bottom:30px;
}

div#adminLinks div {
	padding-top:10px;
	padding-bottom:10px;
}

div#adminContent div#adminInputButtons div {
	float:left;
	width:240px;
	text-align:center;
}

div#contentContainer {
	float:left;
	width:560px;
	margin:0px;
	margin-left:8px;
	padding:0px;
	color:#000;
	background-color:#fff;
}

div#content {
	position:relative;
	width:570px;
	top:0px;
	left:0px;
	margin:0px;
	padding:10px 10px 50px 10px;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#000;
}

div#content a {
	color:blue;
	text-decoration:underline;
}

div#content a:hover {
	color:#FF0000;
}

div#aboutFHS {
	border-bottom:1px solid #ccc;
	padding:9px 0 9px 0;
}

div#plaques {
	border-top:1px solid #000;
	border-right:1px solid #000;
	padding-bottom:100px;
}

div#plaqueImages {
	position:relative;
	top:26px;
	left:14px;
}

div.leftNav {
	border-top:1px solid #000;
	border-bottom:1px solid #ccc;
	padding:9px 0 9px 0;
}

/* Blank Space for Left Nav - Used to align the Site footer to bottom of page */
div#blankLeftNav {
	width:187px;
	background:#FEFEE8 url(../images/leftnavbotttom.gif) no-repeat bottom;
	padding-top:5px;
}

/*
div#blankLeftNav1 {clear:both;float:left;width:187px;background:#FEFEE8;padding:0 0 50px 0;border-right:1px solid #000;}
div#blankLeftNav2 {clear:both;float:left;width:187px;background:#FEFEE8 url(../images/leftnavbotttom.gif) no-repeat bottom;padding:0 0 0 0;}
*/

/* For siteFooter */
div#siteFooter {
	clear:both;
	float:left;
	width:570px;
	position:relative;
	left:200px;
	font:normal 9px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:20px;
}

span#siteFooter_sec1 {
	color:#9A3334;
}

span#siteFooter_sec2 {
	color:#000;
}
/* End for siteFooter */

/*
span#siteMap {float:right;border: 1px solid #000;}
span#contactUs {float:left;border:1px solid green;}
*/
a.topNavLink {
	color:#fff;
	text-decoration:none;
}

a.topNavLink:hover {
	color:#000;
}

.topNavOff {
	border:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#9A3334;
	padding:2px 15px 2px 15px;
}

.topNavOn {
	border:1px solid #000;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#BEC7CB;
	padding: 1px 14px 1px 14px;
}

/* <DIV> Containing the entire navigation system */
#divMenu {
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	font-size:100%;
	width:188px;
	z-index:0;
}

#divMenuAdmin {
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	font-size:100%;
	width:188px;
	z-index:0;
	height:400px;
}

div#adminLinks {
	padding:10px;
}

/* Menu button styles */
#divMenu a.aMenuButton, #divMenu a.aMenuButtonDown {
	background-color:#FEFEE8;
	padding:10px 10px 10px 30px;
	font:bold normal 12px Geneva, Arial, Helvetica, sans-serif;
	color:#003333;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:4px 50%;
	display:block;
	border-top:1px solid #000;
	border-bottom:1px solid #CCC;
	border-right:1px solid #000;
	border-left:0;
}

/* 1st menu button style */
#divMenu a.aMenuButton_leftNavButton01, #divMenu a.aMenuButtonDown_leftNavButton01 {
	background-color:#FEFEE8;
	padding:10px 10px 10px 30px;
	font:bold normal 12px Geneva, Arial, Helvetica, sans-serif;
	color:#003333;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:4px 50%;
	display:block;
	border-bottom:1px solid #CCC;
}
/*
#divMenu a#leftnavButton01 {background:#FEFEE8 url(../images/leftnavButton01_bg.gif) no-repeat top;background-position:0px 50%;display:block;padding:10px 10px 10px 30px;font:bold normal 12px Geneva, Arial, Helvetica, sans-serif;color:#003333;text-decoration:none;border-bottom:1px solid #CCC;border-left:0;border-top:0;border-right:0;}
*/

/* Set menu button's image */
#divMenu a.aMenuButton {
	background-image:url(../images/button01_inactive.gif);
}

/* 1st menu button style */
#divMenu a.aMenuButton_leftNavButton01 {
	background-image:url(../images/leftnavbutton01_bg.gif);
	background-position:0px;
}

/* Change menu button's image on hover and when down */
#divMenu a.aMenuButton:hover {
	color:#0033cc;
	text-decoration:underline;
	background-image:url(../images/expand.gif);
}

#divMenu a.aMenuButtonDown {
	color:#000000;
	text-decoration:none;
	background-image:url(../images/expand.gif);
}

#divMenu div.divSubMenu ul.noListStyle {
	position:relative;
	width:auto;
	height:auto;
	left:0;
	top:0;
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-indent:0px;
	font-style:normal;
	line-height:5px;
}

/* Change 1st menu button's image on hover and when down */
#divMenu a.aMenuButton_leftNavButton01:hover {
	color:#0033cc;
	text-decoration:underline;
	background-image:url(../images/leftnavButton01_bg-expand.gif);
}

#divMenu a.aMenuButtonDown_leftNavButton01 {
	color:#000;
	text-decoration:none;
	background-image:url(../images/leftnavbutton01_bg-expand.gif);
	background-position:0px;
}

/*
#divMenu a.aMenuButtonDown-leftnavButton01 {color:#000000;text-decoration:none;background-image:url(../images/leftnavButton01_bg-expand.gif);}
*/

/* SubMenu Style */
div.divSubMenu {
	background:#003333;
	color:#fff;
	display:none;
	font-style:normal;
	line-height:normal;
	padding:1px 10px 5px 0px;
	margin:0px;
	position:relative;
	width:178px;
}

/* SubMenu link style */
div.divSubMenu a {
	color:#fff;
	display:block;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
	padding:5px 5px 5px 30px;
}

div.divSubMenu a:hover {
	color:#ccff66;
	text-decoration:underline;
}
/* End of SubMenu style */

body#aboutFHS div#button01_SubMenu, body#aboutFairlington div#button02_SubMenu, body#projects_and_activities div#button03_SubMenu, body#eventCalendar div#button04_SubMenu, body#publication div#button05_SubMenu, body#supportFHS div#button06_SubMenu {
	display: block;
}

body#aboutFairlington a#leftnavButton02, body#projects_and_activities a#leftnavButton03, body#eventCalendar a#leftnavButton04, body#publication a#leftnavButton05, body#supportFHS a#leftnavButton06 {
	background-image: url(../images/expand.gif);
}

body#aboutFHS a#leftnavButton01 {
	background-image: url(../images/leftnavButton01_bg-expand.gif);
}

body#siteMap span#siteMap, body#contactUs span#contactUs {
	border:1px solid #000;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#BEC7CB;
	padding: 1px 14px 1px 14px;
}

body#siteMap a#siteMapLink, body#contactUs a#contactUsLink {
	color:#000;
}