@charset "utf-8";

/* CSS Document */



<style type="text/css"> 

<!-- 

body  {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	line-height: 130%;

	background: #FFF;

	margin: 15px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

#container {

	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image: url(images/interior_bkg.gif);

	background-repeat:repeat-y;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#mastheadHH {display:none;}

#mastheadPRINT{display: none;}

#masthead {

	background-image:url(images/masthead_bkg.jpg);

	background-repeat:no-repeat;

	height: 230px;

	width: 970px;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

	overflow:hidden;

	}

#footshovel {

	position: relative;

	top: -75px;

	left: 752px;

	width: 192px;

	z-index: 25;

	overflow:hidden;

	}

#dirtpile {

	position: relative;

	top: -165px;

	left: 752px;

	width: 204px;

	z-index: 30;

	overflow:hidden;

}

#topnav {

	width: 970px;

	border-top: #93002E solid 5px;

	background: #1A624A;

	height: 34px;

	margin: 0px auto;

	overflow:hidden;

	}

	

a:link {color: #1A624A;}

a:visited {color: #93002E; text-decoration: none;}

a:focus {color: #93002E;  text-decoration: none;}

a:hover { color: #93002E; text-decoration: none} /* when mouse is over link */

a:active { color: #1A624A; text-decoration: none;} /* when link is clicked */



.red {color: #CC0000}

.boldgreen {	

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color: #1A624A;

	font-weight:bold;}



/*HOME STYLES */

#containerHome {

	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image: url(images/home_bkg.gif);

	background-repeat:repeat-y;

	border: 1px solid #000000;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 



#navHH {display: none;}



#sidebar1home {

	float: left; /* since this element is floated, a width must be given */

	width: 131px;

	background-image: url(images/grad_left.jpg);

	background-repeat:repeat-x;

	padding: 15px 30px 15px 30px;



}



#mainContentHome { 

	margin: 0px 20px 0px 215px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */

	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

#mainContentHome h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:26px;

	color: #1A624A;

	font-weight:normal;

	}

#mainContentHome h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	color: #1A624A;

	font-weight: normal;

	}

#mainContentHome h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #1A624A;

	}
#mainContentMember h4 {
	font-family:Verdana, Geneva, sans-serif;
	}
#mainContentMember h5 {
	font-family:Verdana, Geneva, sans-serif;
	}
#mainContentMember h6 {
	font-family:Verdana, Geneva, sans-serif;
	}

#mainContentHome p {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	line-height: 130%;

	}

#homehover {

	position: relative;

	height: 138px;

	}

table {

border-collapse: collapse;

}

tr {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

}

#colorcode {

	position:static;

	border:#D5B255 solid 1px;

	margin-top: 50px;

	margin-left: 10px;

	height: 1%;

	}

#colorimage {

	position: relative;

	z-index: 20;

	top: -27px;

	left: -10px;

	width: 138px;

	margin-bottom: -25px;

	height: 1%;

	}

/*END HOME STYLES */



/*MEMBER STYLES */



#mastheadMember {

	height: 160px;

	width: 970px;

	border-bottom: #93002E solid 5px;

	}

#containerMember {

	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image: none;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#mainContentMember { 

	margin: 0 50px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */

	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

#mainContentMember h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:26px;

	color: #1A624A;

	font-weight:normal;

	}

#mainContentMember h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	color: #1A624A;

	font-weight: normal;

	}

#mainContentMember h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #1A624A;

	}

#mainContentMember p {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	line-height: 130%;

	}

#mainContentMember table {

border-collapse: collapse;

}

#mainContentMember tr {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

}

#mainContentMember li {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

}

#sidebarMember {

	float: left; /* since this element is floated, a width must be given */

	width: 170px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	line-height: 120%;

	padding: 25px 15px 10px 15px;

}

#sidebarMember h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;

	color: #93002E;

	line-height:120%;

	}

#sidebarMember h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #93002E;

	}

#sidebarMember h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color: #93002E;

	font-weight:bold;

	}

/* End MEMBER Styles */



/*ADMIN STYLES */



#mastheadADMIN {

	height: 160px;

	width: 970px;

	border-bottom: #93002E solid 5px;

	}

#containerADMIN{

	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image: none;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

} 

#mainContentADMIN { 

	margin: 0 50px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */

	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

#mainContentADMIN h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:26px;

	color: #1A624A;

	font-weight:normal;

	}

#mainContentADMIN h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	color: #1A624A;

	font-weight: normal;

	}

#mainContentADMIN h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #1A624A;

	}

#mainContentADMIN p {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	line-height: 130%;

	}

#mainContentADMIN table {

border-collapse: collapse;

}

#mainContentADMIN tr {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

}

#mainContentADMIN li {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

}

#sidebarADMIN {

	float: left; /* since this element is floated, a width must be given */

	width: 170px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	line-height: 120%;

	padding: 25px 15px 10px 15px;

}

#sidebarADMIN h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;

	color: #93002E;

	line-height:120%;

	}

#sidebarADMIN h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #93002E;

	}

#sidebarADMIN h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color: #93002E;

	font-weight:bold;

	}

/* End ADMIN Styles */



#sidebar1 {

	float: left; /* since this element is floated, a width must be given */

	width: 191px;

	background-image: url(images/grad_interior.jpg);

	background-repeat:repeat-x;

}

.CollapsiblePanel {

	margin: 0px;

	padding: 0px;

}



.CollapsiblePanelTab {

	font: bold 12px sans-serif;

	background-color: #FFF;

	color: #1A624A;

	margin: 5px 5px 0px 5px;

	padding: 5px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

}



.CollapsiblePanelContent {

	margin: 0px 10px 0px 10px;

	padding: 5px 20px 0px 20px;

	background-color:#E2EBE8;

	font: normal 12px sans-serif;

	line-height: 175%;

}

.CollapsiblePanelContent a {color: #93002E;	text-decoration: none;}

.CollapsiblePanelTab a {color: #1A624A; text-decoration:none;}

.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #FFF;}

.CollapsiblePanelClosed .CollapsiblePanelTab { /* background-color: #EFEFEF */}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #FFF;}

.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #FFF;}



#sidebar2 {

	float: right;

	width: 142px;

	background-image: url(images/grad_interior.jpg);

	background-repeat:repeat-x;

	padding: 15px 10px 15px 20px;

}

.SideBoxTop{

	background-image: url(images/gold_box_top.gif);

	background-repeat:no-repeat;

	width: 132px;

	height: 14px;

	margin:0 auto;

	}

.SideBoxSmall {

	background-image:url(images/gold_box_bkg.gif);

	background-repeat:repeat-y;

	width: 132px;

	margin: 0 auto;

	padding-top:1px;

	}

.SideBoxBottom{

	background-image: url(images/gold_box_bottom.gif);

	background-repeat:no-repeat;

	width: 132px;

	height: 14px;

	margin: 0 auto;

	}

.SideBoxSmall h1 {

	text-align:center;

	color: #770024;

	font-weight: bold;

	font-size:small;

	padding: 0 5px 0px 5px;

	}

.SideBoxSmall p {

	margin: 0px;

	padding: 0px 10px 0px 10px;

	text-align:center;

	color: #000;

	font-size: 12px;

	}

#mainContent { 

	margin: 0px 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */

	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

#mainContent h1{

	font-family:Verdana, Geneva, sans-serif;

	font-size:26px;

	color: #1A624A;

	font-weight:normal;

	}

#mainContent h2 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:20px;

	line-height: 110%;

	color: #1A624A;

	font-weight: normal;

	}

#mainContent h3 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color: #1A624A;

	}

#mainContent p {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	line-height: 130%;

	}

#mainContent table {

border-collapse: collapse;

}

#mainContent tr {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

}

#mainContent li {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

}

#footer { 

	padding: 0px;

	height: 60px;

} 

#footerPRINT { 

	display: none;

} 

#date{

	font-family:Verdana, Geneva, sans-serif;

	color: #FFF;

	text-align:center;

	font-size:12px;

	margin-top: 8px;

	}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/*******************************************************************************



 LAYOUT INFORMATION: describes box model, positioning, z-order



 *******************************************************************************/

 

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-family:"Times New Roman", Times, serif;

	font-size: 14px;

	cursor: default;

	width: auto;

}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive

{

	z-index: 1000;

}

/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	/* position: relative; */

	text-align: left;

	cursor: pointer;

	width: 127px;

	float: left;

}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	z-index: 1020;

	cursor: default;

	width: 127px;

	position: absolute;

	left: -1000em;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

{

	left: auto;

}

/* Menu item containers are same fixed width as parent */

ul.MenuBarHorizontal ul li

{

	width: 127px;

}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul

{

	position: absolute;

	margin: -5% 0 0 95%;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

{

	left: auto;

	top: 0;

}



/*******************************************************************************



 DESIGN INFORMATION: describes color scheme, borders, fonts



 *******************************************************************************/



/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal ul

{

	border: 1px #1A624A solid;

}

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarHorizontal a

{

	display: block;

	cursor: pointer;

	padding: 2px 0.5em 2px 0.5em;

	text-decoration: none;

	color: #1A624A;

	background: #FFF;

}

/* Menu items that have mouse over or focus */

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

{

background: #E2EBE8;

color: #93002E;

font-style: normal;

}

/* Menu items that are open with submenus are set to MenuBarItemHover */

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

{

	background: #E2EBE8;

	color: #93002E;

	font-style: normal;

}



/*******************************************************************************



 SUBMENU INDICATION: styles if there is a submenu under a given menu item



 *******************************************************************************/



/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenu

{

	background-image: url(images/tab.jpg);

	background-repeat: no-repeat;

	color: #93002E;

	width: 127px;

	text-align:center;

	padding: 7px 0px 2px 0px;

	font-size: 14px;

	font-weight: bold;

	height: 24px;

}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu

{

	color: #93002E;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover

{

	color: #1A624A;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

{

	color: #1A624A;

}



/*******************************************************************************



 BROWSER HACKS: the hacks below should not be changed unless you are an expert



 *******************************************************************************/



/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe

{

	position: absolute;

	z-index: 1010;

	filter:alpha(opacity:0.1);

}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection

{

	ul.MenuBarHorizontal li.MenuBarItemIE

	{

		display: inline;

		float: left;

	}

}

<!-- ENDS SPRY ASSETS FOR MENU -->

--> 

</style><!--[if IE 5]>

<style type="text/css"> 

/* place css box model fixes for IE 5* in this conditional comment */

#sidebar1 { width: 191px; }

#sidebar2 { width: 142px; }

</style>

<![endif]-->