#container {
	background-color: #fff;
	color: #333;
	margin: 10px auto;
	border: 2px solid navy !important;
	line-height: 130%;
	/*
	max-width:1200px !important;  
	width:970px;                  
	*/
	/* NOTE: Conditional and Target values MUST be different or IE may lock up */
	width: expression((document.body.clientWidth > 1199)? "1200px" : "auto");
	max-width: 1200px;
}

#top {
	padding: 5px 1px 0em 0em ;
	/*background-color: #ddd;*/
	/*border-bottom: 1px solid gray;*/
	text-align:center;
}

#top h1 {
	padding: 0;
	margin: 0;
}

#masthead_print {
	display: none;
}

#leftnav {
	float: left;
	width: 155px;  /* was 180px */
	margin: 0;
	padding: 1em;
}

#leftnav a {
	padding: 1px 5px;
}

#content {
	margin-left: 175px;  /* was 200px */
	/*border-left: 1px solid gray;*/
	padding: 1em;
	padding-top: .5px;

	/*max-width: 36em;*/
}

#footer
{
clear: both;
margin: .5em;
padding: 0em;
color: #333;
height:65px;
/*
background-color: #ddd;
border-top: 1px solid red;
*/
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }



.eventtable td {
font-size:120%;
padding:0px 6px;
}

.eventtable th {
font-size:120%;
/*font-family: Georgia, serif;*/
font-family:"Trebuchet MS",verdana,helvetica,arial,sans-serif;
color:maroon;
margin:12px;
padding:.5em 6px 2px 6px;
border-top:4px solid navy;
}


.mainlist {
	font-family:"Trebuchet MS",verdana,helvetica,arial,sans-serif;
	border-color: silver;
	}

.mainlist th {
	font-size:100%;
	color:maroon;
	padding:5px 5px 2px 5px;
	text-align:left;
	}

.mainlist td {
	padding:2px 5px;
	}



/*
changes made per http://htmlhelp.com/tools/csscheck/
 - background-color replaced with background - more widely suppported
*/
body {
font-size:14px;
color:#000;
margin:20px;
}

body,p,h1,h2,h3,table,td,th,ul,ol,textarea {
font-family:"Trebuchet MS",verdana,helvetica,arial,sans-serif;
}

textarea {
font-size:100%;
}

ul {
padding-left:1em;
margin-top:1em; /* was 0.065in */
}

fieldset {
margin-top:20px;
margin-right:10px;
}

legend {
font-size:120%;
font-weight:700;
color:navy;
padding-left:6px;
padding-right:6px;
}

.nobreak {
white-space:nowrap;
}

.textbutton {
font-weight:700;
border:1px solid #D2B48C;
margin-top:6px;
background:#fff;
padding:0 10px;
}

.textbutton:hover {
background:#B0C4DE;
border:1px solid navy;
}

.adminmsg {
border-left:2px solid maroon;
font-size:100%;
font-weight:700;
color:navy;
margin-top:2em;
width:450px;
padding:25px 10px;
}




/* for now the alpha_bar styles are not being used. */
.alpha_bar {
	margin:0em;
	padding:0px 1px;
	border:1px solid silver;
	text-align:center;
}
.alpha_bar a {
	text-decoration:none;
}
	.alpha_bar a:hover {
	text-decoration:none;
	background-color: maroon;
}



.obituary {background-color:black;padding:1em;border:2px solid silver;}
.obituary a {text-decoration:none;}
.obituary a:link {color:white;}
.obituary a:visited {color:white;}
.obituary a:active {color:white;}
.obituary a:hover {color:gray;}



/*~~~~~ MASTHEAD STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* underscores in class names changed to hyphens - underscored char not valid */
.masthead-ri {
background:url(images/newyellow100.jpg);
vertical-align:top;
}

.masthead-d7040 {
	background: url(images/d7040Masthead.gif) center;
}


/* idea from storybar on wjactv .com */
.mastheadbase {font:bold 10px verdana,sans-serif; padding:3px;}
.mastheadbase a {text-decoration:none;}
.mastheadbase a:hover {text-decoration:underline;}

#mastheadbase {
	position: relative;
  display:table;
  width:100%;
	text-align:left;
  /**width:55%;*/
  /*background-image:url('images/gradient_bar_bg.jpg');*/
  border:solid 1px #CCCCCC;
  border-width:1px 0px; /* right border seems to sit on top of another element in */
  padding-top:2px;
  padding-bottom:2px;
  margin-top:5px;
  margin-bottom:5px;
}

/*~~~~~ DOCUMENT TABLES FOR DOCUMENTS PAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.doctable {
	border:2px solid #6B8EC6;
}

.doctable td {
	padding:2px 6px;
}




/*~~~~~ DATA ENTRY FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
input,select,textarea {
font-family:"Trebuchet MS",verdana,helvetica,arial,sans-serif;
font-weight: bolder;
color:navy;
height: auto;
padding:1px 1px 0px .5em;
}

label {
	cursor:pointer;
}

.frmLabel {
font-size:100%;
font-weight:bold;
}

.frmDesc {
color:gray;
font-size:100%;
}

.formtable1 td {
background:#ECF1EF;
font-size:12px;
border:2px solid #FFF;
border-color:#FFF;
margin:2px;
padding:5px 2px 4px 10px;
}

.LangProfileTable td {
background:#ECF1EF;
font-size:12px;
border:2px solid #FFF;
border-color:#FFF;
margin:0px;
padding:4px;
}

.profileform td.one {
background:#F4EECA;
font-size:12px;
padding:.5em;
}

/* was #B0C4DE */
.profileform td.two {
background:#FAF0E6;
font-size:12px;
}

.profileform td.descriptor {
background:#B0C4DE;
font-size:90%;
font-style:italic;
padding:.25em;
}

.fauxinput {
border:1px solid silver;
background:#FFF;
padding:0 5ex 0 1ex;
text-align:left;
}

.login_input {
	color:maroon;
	font-family:verdana,sans-serif;
	font-size:90%;
	padding:3px 2px 0px 2px;
	width: 90%;
	margin: 0px;
	}





/*~~~~ /data entry forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mainpagetext p {
font-size:115%;
font-family:Georgia,"Times New Roman",Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.recordsreturned {
	font-size:90%;
	font-style:italic;
	margin-left:2em;
	margin-top:1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  styles for newsbox                                          */
.flashnews {
/* may be obsolete now with v3.0 using flashbox */
float:right;
/*align:right; property align doesn't exist */
width:175px;
color:navy;
font-size:85%;
margin-left:25px;
background:#cddbeb;
border-color:navy;
border-style:solid;
border-width:.6ex 0 .5ex;
padding:2ex;
}

.flashbox {
	margin-top:1em;
	padding:0em 1em;
	border:1px solid maroon;
	background-color:#FEFFF1
}


.para {
margin-top:4px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FORM CONTROLS ~~~~~~~~*/
input.small {
font-weight:700;
font-size:11px;
}

#loginform input {
	font: 90% "Lucida Console", sans-serif;
	color: maroon;
}

/*~~~~~~ linkbox menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.linkbox {
border-top:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
border-left:#ccc 1px solid;
padding-top:5px;
padding-left:5px;
padding-right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
width:85px;
background:#efefef;
/*margin:2px 2px 15px;*/
margin:2px 2px 8px;
}

.menutitle {
font-size:100%;
color:gray;
text-align:right;
font-family:verdana,helvetica,san-serif;
padding:0px 7px 3px 2px;
}

ul.left_bar li {
display:inline;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}

ul.left_bar li a {
border-right:#efefef 1px solid;
border-top:#fff 1px solid;
border-left:#efefef 1px solid;
border-bottom:#ccc 1px solid;
display:block;
margin-top:0;
margin-bottom:0;
font-variant:small-caps;
font-weight:400;
font-size:8pt;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:5px;
}

a.linkbar:active {
line-height:6px;
font-weight:700;
font-size:8px;
color:#06f;
font-family:verdana,helvetica,san-serif;
text-decoration:none;
}

a.linkbar:hover {
line-height:6px;
font-weight:700;
font-size:6px;
color:#06f;
font-family:verdana,helvetica,san-serif;
text-decoration:none;
}

ul.vsubmenu li {
/*
display:inline;
list-style-image:none;
list-style-type:none;
*/
list-style:circle;
color:red;
margin:0 0 0 0em;
padding:0;
}

ul.vsubmenu li a {
/* background:#F8F8FF; */
color: maroon;
border-right:#efefef 1px solid;
border-top:#fff 1px solid;
border-left:#efefef 1px solid;
border-bottom:#ccc 1px solid;
display:block;
margin-top:0;
margin-bottom:0;
font-variant:normal;
font-weight:400;
font-size:8pt;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px 10px 3px 13px;
}




/* ~~~ STYLES FOR SHADOWED BLOCK ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Source: http://www.alistapart.com/articles/cssdropshadows */

.p-shadow {
  width: 90%;
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

/* ~~~ /styles for shadowed block elements ~~~ */



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                   styles for sidebar                         
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sidebarcontainer {
float:right;
width:250px;  /* was 270px */
margin-left:0;
margin-right:0;
margin-bottom:10px;
margin-top:0em;
padding:0px;
}

.sidebar {
margin-bottom:2px;
background: #F7F7EF; /* #F0F8FF #FDF5E6 #fffff0 #FEFEF2 #F7F7EF */
font-size:12px;
border-color:silver;
border-style:solid;
border-width:1px;
border-top:3px solid navy;
padding:0px 8px 8px 0px;
}

.sidebartitle {
font-size:95%;
color:maroon;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:700;
padding:4px 0 0;
}

.sidebar .sidebartitle {
padding-bottom:0;
}

/*~~~~~ /sidebar ~~~~~
~~~~ Mono Nav Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mininavbox {
font:bold 11px arial,helvetica,sans-serif;
color:#0F4692;
background-color: #F7F7EF;
border:1px solid silver;
margin:1em 0em;
padding:.25em 1.5em;
position: relative;

}

.mininavbox a {
font:bold 11px arial,helvetica,sans-serif;
color:#0F4692;
text-decoration: none;
}

mininavbox a:hover {
font:bold 11px arial,helvetica,sans-serif;
color:#971C10;
text-decoration: underline;
}

img {
border-style:none;
}

/* ~~~~~~~~~~~~~~ TABLE STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table {
border-collapse:collapse;
}

th {
background:#B0C4DE;
font-weight:700;
padding:.5em .5em .2em;
}

td {
vertical-align:top;
padding:.5em;
/* text-align: left;  - this broke a lot of alignments*/
}

.cell1 {
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border:#6B8EC6;
padding:5px 3px 3px 4px;
}

#frame {
border:2px solid navy;
}

table.frame {
border-collapse:collapse;
background:#FFF;
border-color:navy;
border-style:solid;
border-width:3px;
}

.eventlist td	{
padding:2px 6px;
}

.eventlist th	{
background:#B0C4DE;
font-weight:bolder;
padding:.25em;
}

td	.reports {
padding:.1em .5em;
}

th	.reports {
background:#B0C4DE;
font-weight:bolder;
}

a:visited	.reports {
text-decoration:none;
}

/* to solve problems displaying fckeditor formatted text in a table cell */
.rich_text_td p {margin-top:0px;}


/* ~~~~~~~~~~~~~~ /table styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.form_comment {
color:#69c;
font-size:90%;
}

.form_label {
color:#69c;
font-size:85%;
padding-top:8px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The menubar class seen below controls the appearance of the 
horizontal menu bar .
If you look at the 'div' element that surrounds the menu code in the html file,
you'll see the reference to the menubar class 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menubar {
color:navy;
font-size:90%;
font-weight:700;
border:1px Navy;
border-top-style:solid;
border-bottom-style:solid;
padding-top:1px;
padding-bottom:2px;
}

.bigdate {
font-size:160%;
font-weight:700;
text-align:left;
color:#69C;
}

.clubtitle {
font-size:150%;
font-weight:700;
text-align:center;
color:navy;
}

.pagetitle {
font-size:150%;
font-weight:700;
color:maroon;
text-align:right;
margin:20px 20px 20px 0;
}

.sectiontitle {
font-size:115%;
font-weight:700;
color:navy;
padding-top:10px;
padding-bottom:10px;
}

.clubname {
font-size:125%;
font-weight:700;
color:maroon;
padding-top:10px;
padding-bottom:10px;
}

.clubno_line {
color:#69c;
font-size:85%;
font-variant:small-caps;
padding-top:5px;
padding-right:5px;
}

.clubcontact-line {
color:#69c;
font-size:90%;
font-variant:small-caps;
}

.club-box {
border:1px solid #6B8EC6;
margin-top:.75em;
vertical-align:bottom;
padding:2px;
}

.club-label {
font-size:90%;
font-style:italic;
text-align:right;
vertical-align:top;
color:gray;
}

.description {
color:#69c;
font-size:90%;
}

.scopemenu {
font-size:90%;
font-variant:small-caps;
text-align:right;
vertical-align:bottom;
color:gray;
}

.sourceline {
font-style:italic;
color:gray;
font-size:80%;
}

/* these items added PRIOR to 22-Feb-2006 with implementation of evolt logon script */
.loginbox {
border-right:#7fb6dd 1px solid;
border-top:#7fb6dd 1px solid;
margin-bottom:10px;
border-left:#7fb6dd 1px solid;
width:100%;
color:#0956a6;
border-bottom:#7fb6dd 1px solid;
text-align:left;
font-size:100%;
}

.loginbox h2 {
font-size:.7em;
background:#d0e5f8;
border-bottom:#7fb6dd 1px solid;
/*word-wrap:break-word;*/
margin:0;
padding:3px;
}

.loginbox h3 {
font-size:xx-small;
background:#d0e5f8;
border-bottom:#7fb6dd 1px solid;
font-family:verdana;
/*word-wrap:break-word;*/
margin:0;
padding:5px;
}

.loginbox td {
font-size:90%;
}

.loginbox .body {
background:#e8f2fb;
/*word-wrap:break-word;*/
margin:0;
padding:5px;
}

.input {
background:#cc9;
border:1px Solid #000;
}

/* these items added 22-Feb-2006 with implementation of evolt logon script */
.logonlabel {
text-align:left;
font-size:12px;
}

.logoninput {
text-align:left;
font-size:12px;
color:maroon;
}

/*.logonbutton {margin-right: 0px; width: 120px;font-size: 10px}*/
.logonbutton {
font-family:Arial, Helvetica, sans;
font-size:12px;
width:130px;
margin:0;
}

.logonbox {
border:#ccc 1px solid;
background:#efefef;
width:92%;
font-size:80%;
padding:2px;
}

.not_avail_fr {
margin-bottom:1em;
border:#ccc 1px solid;
background:#efefef;
width:85%;
font-size:80%;
font-style:italic;
padding:5px;
}

.tabletitle {
font-size:140%;
font-weight:700;
color:navy;
padding-top:10px;
margin-left:10px;
font-variant:small-caps;
}

.hilitebox {
border:navy 1px solid;
background:#cddbeb;
width:100px;
font-size:80%;
font-style:italic;
float:right;
padding:5px;
}

.tinyprint {
font-size:75%;
color:gray;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.dropshadow2 {
float:left;
clear:left;
background:url(images/shadowAlpha.png) no-repeat bottom right !important;
width:500px;
margin:10px 0 10px 10px !important;
padding:0;
}

.innerbox {
position:relative;
bottom:6px;
right:6px;
border:1px solid #999;
margin:0;
padding:4px;
}

.innerbox p {
font-size:14px;
margin:3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~firefox fix ~~~~~~ http://www.webmasterworld.com/forum83/6127.htm ~~~~~~~
 - disabled as I'm not sure it's needed.
#content, #menu, #footer { 
margin:0 auto; */
ol {
list-style-type: decimal;
}

/* A B C D E etc. */
ol ol {
list-style-type:lower-alpha;
}

/* 1 2 3 4 5 etc. */
ol ol ol {
list-style-type:lower-roman;
}

ul.left_bar,ul.vsubmenu {
list-style-type:none;
margin:0;
padding:0;
}

ul.left_bar li a:hover,ul.vsubmenu li a:hover {
text-decoration:none;
border-color:#ccc #efefef #fff;
}

a.linkbar:link,a.linkbar:visited {
line-height:6px;
font-weight:700;
font-size:8px;
color:#00c;
font-family:verdana,helvetica,san-serif;
text-decoration:none;
}

table	.eventlist,table	.reports {
font-size:12px;
border:1px solid silver;
clear:both;
padding:.25em;
}

.breadcrumbs,.creditline {
font-size:70%;
font-weight:700;
text-align:right;
}

.monthtable,.usertable {
color:#69c;
font-size:85%;
}


/* -------------------------------- PROGRAM LINK BAR FOR TOP OF INDEX PAGE ------------------------------------------ */
#programbar {
	align:center
	width:90%;
	font-size:85%;
	font-weight:bold;
	border:1px solid silver;
	margin:5px 10px;
	padding: 0px;
	text-align:center;
	background-color:#F7F3E8; /* F5F1DE */
}
#programbar a {padding:2px 4px;color:blue !important;}
#programbar a:link {text-decoration:none;}
#programbar a:visited {text-decoration:none;color:inherited;}
#programbar a:hover {text-decoration:none;margin:0px;background-color:#D5E1DD;} /* F5F1DE D5E1DD */
#programbar a:active {text-decoration:underline;}

/* ------------------------------- /program link bar for top of index page ------------------------------------------ */