@import url("default.css");

/* Global Styles */
html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 100% arial, sans-serif;
background: #96b1c6 url(../images/pageBack.jpg) left top repeat-x;
margin: 0;
padding: 0;
}
#pageContainer {
font-size: .75em;
color: #333333;
background: #ffffff;
width: 900px;
margin: 20px auto;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
img {
border: none;
}


/* Header */
#headerContainer {
position: relative;
background: #ffffff url(../images/headerBack.jpg) left top no-repeat;
height: 150px;
border: 2px solid #ffffff;	
}

#homeLink {
position: absolute;
top: 33px;
left: 15px;
height: 75px;
width: 350px;
}

/* Main Nav */
#navSearch {
background: #6c6d71 url(images/mainNavBack.jpg) left top repeat-x;
color: #ffffff;
line-height: 1.5em;
border-bottom: 2px solid #ffffff;
padding: .5em 0 .3em 0;
position: relative;
width: 896px;
}
#mainNav {
float: left;
width: 60%;
}
#mainNav a:link, #mainNav a:visited {
color: #ffffff;
padding: .5em 1em;
text-decoration: none;
}
#mainNav a:hover, #mainNav a:visited:hover {
color: #ffffff;
padding: .5em 1em;
text-decoration: underline;
}

/* Drop Nav - this needs to be shown and hidden, as well as positioned dynamically */
#dropNav {
width: 300px;
position: absolute;
top: 31px;
left: 6em;
background: #4a0035 url(images/dropNavBack.jpg) left top repeat-x;
z-index: 99;	
}
#dropNav ul {
list-style: none;
padding: 0;
margin: 0;	
}
#dropNav ul li {
border-bottom: 1px solid #ffffff;
padding: .5em 1em;
}
#dropNav a:link, #dropNav a:visited {
color: #ffffff;
text-decoration: none;	
}
#dropNav a:hover, #dropNav a:visited:hover {
color: #ffffff;
text-decoration: none;	
}


/* Nav Bar Search */
#search {
color: #ffffff;
margin: 1px 0;
text-align: right;
float: right;
}
#search form {
margin: 0;
padding: 0;	
}
#searchForm {
border: none;
margin: 0;
padding: 0;	
}
#search label {
margin-left: .5em;	
}

.searchinput {
border: none;
background: #ffffff url(../images/loginInputBack.jpg) left top repeat-x;	
}
.searchButton {
border: none;
background: none;
color: #ffffff;	
cursor: pointer;
}

/* Misc Nav Ads Search */
#miscNavAdsSearch {
color: #4a0025;
padding: .5em;
border-bottom: 2px solid #ffffff;
}
#miscNavAdsSearch form {
margin: 0;
padding: 0;	
}
#miscNavAdsSearchForm {
border: none;
margin: 0;
padding: 0;	
}
#miscNavAdsSearch label {
margin-left: .5em;	
}
#searchString {
border: none;
background: #ffffff url(images/loginInputBack.jpg) left top repeat-x;	
}
#searchButtonRow {
padding: .5em .5em 0em .5em;
text-align: right;	
}
#miscNavAdsSearchButton {
border: none;
background: #4a0025;
color: #ffffff;	
cursor: pointer;
}


/* Body Container */
#bodyContainer {
background: #ffffff url(../images/contentBack.jpg) left top repeat-y;
margin: 0 2px;
}
#searchContainer {
/*background: #ffffff url(../images/searchBack.jpg) left top repeat-y;*/
margin: 0 2px;
}


/* Misc Nav and Ad Space */
#miscNavAds {
float: left;
width: 250px;
}
#miscNavAds h2 {
color: #4a0025;
font-size: 1.2em;
margin: .5em .8em;	
}
#miscNavAds .viewAll {
text-align: right;
padding: .5em .8em;	
}
#miscNavAds .viewAll a:link, #miscNavAds .viewAll a:visited {
font-weight: bold;
color: #759068;
text-decoration: none;
}
#miscNavAds .viewAll a:hover, #miscNavAds .viewAll a:visited:hover {
font-weight: bold;
color: #759068;
text-decoration: underline;
}
.event {
background: #e9ede7;
padding: .5em;
margin: 2px;
}
.eventTitle:link, .eventTitle:visited {
font-weight: bold;
color: #759068;
text-decoration: none;
}
.eventTitle:hover, .eventTitle:visited:hover {
font-weight: bold;
color: #759068;
text-decoration: underline;
}
#eGroupAd {
border-top: 2px solid #ffffff;	
border-bottom: 2px solid #ffffff;
overflow: hidden;
height: 68px;
}
.vendor {
background: #ffffff;
padding: .5em;
margin: 2px;
}
.secondaryNav {
list-style: none;
margin: .5em 2em;
padding: 0;	
}
.secondaryNav li {
line-height: 1.5em;	
}
#miscNavAds .secondaryNav a:link, #miscNavAds .secondaryNav a:visited {
font-weight: bold;
color: #759068;
text-decoration: none;
}
#miscNavAds .secondaryNav a:hover, #miscNavAds .secondaryNav a:visited:hover {
font-weight: bold;
color: #759068;
text-decoration: underline;
}


/* Main Content */
#mainContent {
width: 603px;
float: right;
margin: 10px;
}
#mainContentMailbox 
{
    width: 100%;
    margin: 20px;
}
h1 {
color: #4a0025;
font-size: 1.6em;
/* margin: 2em 2em 1em 2em;	*/
margin: 1em 0 0em 0em;	
}
h2 {
color: #4a0025;
font-size: 1.2em;
margin: 2em 2em 1em 2em;	
}
h3 {
color: #4A0025;
font-size: 1.5em;
margin: 2em 0 1em 0;
}
#mainContent p {
line-height: 1.5em;
margin: 1em 3em 2em 0em;	
}
#mainContent ul {
line-height: 1.5em;
margin: 1em 3em 2em 3em;
padding: 0 2em 0 4em;	
}


/* Footer */
#primaryFooter {
color: #ffffff;
background: #4d4d4d;
border: 2px solid #ffffff;
}
#primaryFooter p {
font-size: .9em;
margin: 0;
padding: 1em;	
}
#primaryFooter a:link, #primaryFooter a:visited {
color: #ffffff;	
}
#primaryFooter a:hover, #primaryFooter a:visited:hover {
color: #ffffff;	
}
#secondaryFooter {
color: #ffffff;
background: #808080;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}
#secondaryFooter p {
font-size: .9em;
margin: 0;
padding: 1em;	
}


/* Forms */
.formContainer {
margin: 1em 3em 2em 0;
background: #ffffff;
color: #333333;
position: relative;
}
fieldset {
border: 1px solid #333333;
margin: 0;
padding: 0;
	
}
legend {
font-size: 1.2em;
font-weight: bold;
color: #333333;
margin: 0 5px;
padding: .5em 5px;
}
.formInstructions {
padding: .3em 10px .7em 10px;
color: #333333;
font-style: italic;
}
.formContainer em {
color: #b40000;
font-size: .9em;
}
.formList {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.formRow {
clear: both;
padding: .3em 10px;
margin: 0;
background: #d6ded2;
}
.formRowAlt {
clear: both;
padding: .3em 10px;
margin: 0;
background: #ffffff;
}
.formRowImportant {
clear: both;
padding: .3em 10px;
margin: 0;
background: #f9f7de;
}
.formRowSubmit {
clear: both;
padding: .3em 10px;
margin: 0;
background: #ffffff;
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 99%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 99%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #333333;
border: 0;
cursor: pointer;
padding: .2em;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
background: #ffffff;
}

/* Other Styles */
.inlineLink, .inlineLink:visited {
/* color: #; */
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
/* color: #; */
text-decoration: underline;
}

div#navbar
{
    background: #6c6d71 url(../images/mainNavBack.jpg) left top repeat-x;
    color: #ffffff;
    line-height: 1.5em;
    border-bottom: 2px solid #ffffff;
    padding: .5em 0 .3em 0;
    position: relative;
    width: 896px;
}

div.navbar a:link, div.navbar a:visited {
color: #ffffff;
padding: .5em 1em;
text-decoration: none;
}
div.navbar a:hover, div.navbar a:visited:hover {
color: #ffffff;
padding: .5em 1em;
text-decoration: underline;
}

ul.topnav
{
	padding: 0;
	margin: 0;
}

ul.topnav li a, ul.topnav li a:visited
{
	padding: 1px 1px 1px 2px;
	color: white;
	text-decoration: none;
}

ul.topnav li#home a { border: none; }

ul.topnav li a:hover, ul.topnav li a:active
{
	color: white;
}

#navmenu, #navmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#navmenu a {
	display: block;
}

#navmenu a:hover { text-decoration: none; }
#navmenu li#home a:hover { text-decoration: none; }

#navmenu li { /* all list items */
	float: left;
	}

#navmenu li:hover, #navmenu li.sfhover 
{
	position: static;
}
#navmenu li ul { /* second-level lists */
	text-align: left;
    background: #4a0035 url(../images/dropNavBack.jpg) left top repeat-x;
	padding-right: 1em;
	_padding-right: 0;
	width: 16em;
	position: absolute;
	left: -999em; 
	margin-top: 0;
}

#navmenu ul li a {
	display: block;
	width: 16em;
	text-decoration: none;
	padding: 1em .5em;
	text-align: left;
	border-bottom: 1px solid #fff;
}

#navmenu a.parent 
{
	background: url(../img/listpointer.gif) center right no-repeat;  
}

#navmenu li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 17em;
	border-left: 1px solid white;
	border-right: 1px solid white;
}


#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li.sfhover ul ul, #navmenu li.sfhover ul ul ul {
	left: -999em;
}

#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li.sfhover ul, #navmenu li li.sfhover ul, #navmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navmenu li ul li a:hover, #navmenu li ul li a:hover  
{
    background: #6c6d71 url(../images/mainNavBack.jpg) left top repeat-x;
    /* background-color: #000; */
}

#sitemap
{
    margin-left: 30px;
}

.button { font-size: smaller; }

div.sidebar
{
	float: left;
	width: 220px;
	font-size: 91%;
	background-color: #d6ded3;
	width: 220px;
	margin-right: 40px;
}

table td.dirleftcell { font-family: arial,sans-serif; font-size: 90%; }
table td.dirrightcell { font-family: Arial,sans-serif; font-size: 90%; }
.name { font-family: Arial,sans-serif; font-size: 110%; font-weight: bold; }

h4 {
color: #4a0025;
}
table.calendar td.header {
color: #4a0025;
background: #d6ded3;
}

#mainContent .sub_body {
line-height: 1.5em;
margin: 1em 0em 2em 0;
padding: 0 1.5em;
}

.sidebarContent {
padding: 1em;
}

.sidebarContent ul {
padding: 0;
}

.disabled { color: Red; font-size: 80%; }