body {
        color: #333;
        background: #8F3B34;
        min-width: 800px;
        font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 85%;
	margin:0px;
	line-height: 17px;
        background-image:url(/images/bg_maroon_fade.gif);
        background-repeat: repeat-x;
}


div.top_banner{
        width:860px;
        height:20px;
        padding:0px;
        margin-top:5px;
        text-align:right;
        vertical-align:bottom;
        font-size:10px;
        font-family:verdana, helvetica;

}

div.top_banner span{
margin:20px 20px 0px 0px;
color:#000;
display:block;
float:right;
line-height:16px;
}

div.main_content{
        text-align:left;
        font-family: "Trebuchet MS", georgia, helvetica;
        font-size:15px;
        margin-top:0px;
        margin-bottom:30px;
        padding:0px;
        width:858px;
        height:100%;
        border: 3px solid #000;
}

div.bg_middle{
        z-index:3;
        background: #E6DAC1 url(/images/bg_tan_fade.gif) repeat-x top left;
        position:relative;
        padding: 20px 40px 20px 40px;
        text-align:left;
        top:0px;
        left:0px;
        min-height:600px;
        height:auto;
        overflow:auto;
}

div.bg_middle p{
text-align:justify;
margin-top:8px;
margin-bottom:8p;
}


div.bg_middle img.left{
margin: 8px 20px 20px 0px;
float:left;
position:relative;
border: 1px solid #436045;
}

div.bg_middle img.right{
margin: 8px 0px 20px 20px;
float:right;
position:relative;
border: 1px solid #436045;
}


div.flash_banner {
        float:left;
        height:250px;
        padding:0px;
        background-color:#000;
        background-image:url(/images/bg-top-banner.jpg);
        background-repeat: repeat-y;
        z-index:9;
}


div.above_flash_banner {
float:left;
width:100%;
height:15px;
padding:0px;
background: #C3AE8E;
color:#000;
text-align:left;
vertical-align:bottom;
font-size:10px;
font-family:verdana, helvetica;
border-top:2px solid #CAB493;
border-bottom:1px solid #6B5D47;
}

div.below_flash_banner {
float:left;
width:100%;
height:15px;
padding:0px;
background: #C3AE8E;
text-align:left;
vertical-align:bottom;
font-size:10px;
font-family:verdana, helvetica;
border-top:2px solid #CAB493;
border-bottom:2px solid #CAB493;
}

input.text{
border-top: 1px solid #D52C2C;
border-left: 1px solid #D52C2C;
border-right: 1px solid #6C1010;
border-bottom: 1px solid #6C1010;
font-weight:normal;
}



div.above_flash_banner span{
margin:0px 0px 0px 110px;
color:#434139;
display:block;
float:left;
line-height:13px;
}

div.above_footer{
        position: relative;
        height:100px;
	padding:4px 20px 4px 20px;
        background-color:#A69479;
        color:#000;
        font-size:10px;
        line-height:16px;
        font-family:verdana,helvetica;
        text-align:center;
}

div.footer{
        position: relative;
        height:20px;
	padding:4px 20px 4px 20px;
        background-color:#C3AE8E;
        color:#000;
        font-size:10px;
        line-height:16px;
        font-family:verdana,helvetica;
        text-align:center;
        padding-right:40px;
	border-top:1px solid black;
}

div.footer a, div.footer a:visited{
color: #000;
}

div.join_email_list{
width:333px;
background: #F4EAD4 url(/images/join_email_header.gif) no-repeat top left;
border:1px solid #000;
}

div.join_email_list form{
margin: 52px 12px 12px 12px;
height:15px;
}





div.top_banner_links{
position: relative;
top: -120px;
margin-bottom: -120px;
float:left;
left: 660px;
width: 140px;
height:50px;
padding: 8px;
z-index:10;
background-color:#FDFADE;
border: 1px solid #F9EDAC;
}

ul.arrow_list{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}

ul.arrow_list li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

ul.arrow_list li a{
color: #A70303;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 17px; /*link text is indented 17px*/
text-decoration: none;
font-weight: normal;
/* border-bottom: 1px solid #dadada; */
text-align:left;
font-size: 11px;
font-family: verdana, arial, helvetica;
}

ul.arrow_list li a:visited{
color: #A70303;
}

ul.arrow_list li a:hover{ /*hover state CSS*/
color: #E30808;
/* background-color: #E5E1AD; */
}

ul.event_list li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

ul.event_list{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

ul.event_list li{
color: #A70303;
display: block;
padding: 2px 0;
font-weight: normal;
font-size: 11px;
font-family: verdana, arial, helvetica;
}


div.note{
        /* removed to allow images 
	to be displayed next to note 
	width: 100%; */
        height: 100%;
        margin-left:auto;
        margin-right:auto;
	text-align: justify;
}

div.note div.left{
        width: 390px;
        margin-left:auto;
        margin-right:auto;
        float:left;
        padding:10px;
        text-align:justify;
}
div.note div.right{
        width:200px;
        float:left;
        padding:10px;
        margin-left:30px;
        text-align:left;
        vertical-align:top;

}

.image_preview{


}

span.dashed{
width:100%;
border-style:dashed;
border-bottom-width:2px;
}

/* BEGIN TOP MENU http://www.cssplay.co.uk/menus/drop_examples.html */
.top_menu {
font: bold 13px "trebuchet ms";
float:left;
width:100%;
background: #EEEEEE url(/images/bg_top_nav.gif) center center repeat-x;
border: 1px solid #66614C;
border-width: 1px 0;
}
.top_menu ul {
margin: 0;
padding: 0;
float: left;
list-style-type:none;
width: 100%;
}
.top_menu ul li {
z-index:10;
float:left;
position:relative;
/* background:url(/images/divider1.gif) no-repeat top right; */
}

.top_menu ul li a, .top_menu ul li a:visited {
float:left;
display:block;
text-decoration:none;
line-height:25px;
height:25px;
float: left;
color: #000;
padding: 2px 10px 2px 10px;
border-right: 1px solid #66614C;
}

.top_menu ul li a:hover, .top_menu ul li.current a{
color: #000;
padding: 2px 10px 2px 10px;
background: #FFFFFF url(/images/bg_top_nav_on.gif) center center repeat-x;
border-bottom:0;
}

.top_menu ul li:hover {width:auto;}

.top_menu ul li ul {
display: none;
}
.top_menu table {
margin:0;
border-collapse:collapse;
font-size:11px;
position:absolute;
top:0;
left:0;
}
/* specific to non IE browsers */
.top_menu ul li:hover ul {
display:block;
position:absolute;
top:28px;
margin-top:1px;
left:0;
width:154px;
border-bottom:1px solid #000;
}
.top_menu ul li:hover ul li ul {
display: none;
}
.top_menu ul li:hover ul li a {
display:block;
background:#D7D48A;
color:#000;
height:auto;
line-height:15px;
padding:4px 16px;
width:120px;
border:1px solid #000;
border-bottom:0;
}
.top_menu ul li:hover ul li a:hover{
color:#005500;
}

.top_menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:153px;
top:-1px;
}

/* specific to IE5.5 and IE6 browsers */
.top_menu ul li a:hover ul {
display:block;
position:absolute;
top:30px;
background:#fff;
left:0; 
border:1px solid #66614C;
border-top:0;
}

.top_menu ul li a:hover ul li{
border-top: 1px solid #66614C;
}

.top_menu ul li a:hover ul li a {
display:block;
background:#D7D48A;
color:#000;
height:1px;
line-height:15px;
padding:4px 16px;
width:154px;
border:none;
}

.top_menu ul li a:hover ul li a:hover{
color:#005500;
}

.top_menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}
.top_menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
top:0;
color:#000; 
left:153px;
}

<!--[if lte IE 5.5]>
<style type="text/css">
.top_menu ul li a, .top_menu ul li a:visited {height:33px;}
</style>
<![endif]-->


/* END TOP MENU */

/* BEGIN EXPANDED TOP MENU */
div.top_menu_expanded{
float:left;
width:100%;
background-color:#E5DBC3;
}

.top_menu_expanded ul {
margin: 0;
padding: 0;
float: left;
list-style-type:none;
width: 100%;
border: 1px solid #81765D;
border-width: 1px 0;
background-color: #E5DBC3;
text-align:center;
}

.top_menu_expanded ul li {
position:relative;
float:left;
}

.top_menu_expanded ul li a, .top_menu_expanded ul li a:visited {
float:left;
display:block;
text-decoration:none;
line-height:15px;
height:15px;
float: left;
color: black;
font-family:arial,verdana;
font-size:11px;
font-weight:bold;
padding: 3px 10px 3px 10px;
border-right: 1px solid #81765D; /*dark purple divider between menu items*/
}

.top_menu_expanded ul li a:hover{
color:#008800;
}
/* END EXPANDED TOP MENU */


div.footer {position: relative; top: 0px; left:0px;}
table.main_delete_me {border:1px solid silver;}
table.main, table.small{
        width:100%;
        background-color:#FAF1D6;
        border-top:1px solid #ECDEB4;
        border-right:1px solid #B9AB85;
        border-left:1px solid #ECDEB4;
        border-bottom:1px solid #B9AB85;
        margin:1em auto;
        border-collapse:collapse;
}

table.main td {
        padding: 8px 8px 8px 12px;
        font-size:11px;
}

table.main table.select_dates td {
        padding: 1px 4px 1px 4px;
        font-size:11px;
        vertical-align: middle;
}
table.main th, table.small th {
        background-color:#EFEFC9;
        font-size:12px;
        font-weight:bold;
        font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #7E6E41;
	border-right: 1px solid #7E6E41;
	border-bottom: 1px solid #CFC4A7;
	border-top: 1px solid #CFC4A7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #F1E9D5 url(/images/bg_header.jpg) repeat-x;
}

table.main th.row1 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.main th.row2 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(/images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #B4AA9D;
}

table.main th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
table.calendar {
        width:700px;
        margin:0px;
        border-top:1px solid #978C75;
        border-right:1px solid #EBE0CB;
        border-collapse:collapse;
        font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #3D382E;
        background-color:#FFFFFF;
}
table.calendar th {
        font-size:13px;
        text-transform:uppercase;
        width:90px;
        font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #978C75;
	border-bottom: 1px solid #978C75;
	border-top: 1px solid #EBE0CB;
        letter-spacing: 2.3px;
        text-align:center;
}
table.calendar td {
        width:90px;
        vertical-align:top;
        border-right: 1px solid #978C75;
        border-bottom: 1px solid #978C75;
        text-align:left;
}
table.calendar td table{width:100%;}
table.calendar td table td{font-size:10px;font-family:arial,helvetica;line-height:1.2;border:none;}
table.calendar td table td.day{font-size:12px;vertical-align:top;}
table.calendar strong{font-size:13px;}
td.today{
	font-weight: bold;
	background: #DF9496;
}

table.small td{
         font-size:10px;
         font-family:verdana, helvetica;
         padding:4px;
}

img.notes {margin:15px;}
b{color:#555D52;}
a:link, a:visited{color: #000000;}
h1{
        display: block;
        font-size:11px;
        margin:-20px 0px 0px -38px;
        font-family:georgia, times;
        color:#6B5635;
        letter-spacing:.5em;
        height:30px;
        padding: 4px 0px 3px 150px;
        background: url(/images/h1_tan_bar.gif) no-repeat top left;
        text-transform:uppercase;
        /*
        color: #FFF;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:12px;
        border: 1px solid #C5863A;
        */
}

h2{margin:8px 0px 5px 0px;font-size:16px; letter-spacing;1.2; color:#000;}
h3{margin-top:2px;margin-bottom:3px; font-size:12px;}
input.text{border-style : groove; font-family: geneva, arial; font-size: 9pt;}
textarea.textarea{border-style : groove; font-family: geneva, arial; font-size: 9pt;}
select{border-style : groove; font-family: geneva, arial; font-size: 9pt;}
.red{color:#DC143C;}
tr.even td{background-color:#F2F0DB;}
tr.odd td{background-color:#FFF;}
.tiny, tr.tiny td, td.tiny, th.tiny { font-size: 7.5pt; font-family:verdana, arial;}
.big, tr.big td, td.big, b.big, strong.big {font-size:140%;}

div#admin_menu{
width:98%;
background-color:red;
font-size:11px;
margin:10px 0px 25px 0px;
}

 #admin_menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#admin_menu li{
float: left;
margin: 0 0.15em;
}

#admin_menu li a{
background: url('/images/bg_menu_blue_fade.gif') #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 8.5em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
margin: 4px 0px 0px 0px;
}

/* Hide from IE5-Mac \*/
#admin_menu li a{
float: none;
}
/* End hide */

#admin_menu{
width:30em;
}

input.button {
background:#D8D9D5 url('/images/button_bg.gif') no-repeat;
border:1px solid #a8a8a8;
margin:0;
cursor:hand;
cursor:pointer;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:88%;
line-height:88%;
font-family:Verdana;
vertical-align:bottom;
padding:3px 5px 3px 5px;
}

input.text{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
line-height: 11px;
letter-spacing: .2px;
border-bottom: 1px solid #695A43;
border-right: 1px solid #695A43;
border-top: 1px solid #4F3E24;
border-left: 1px solid #4F3E24;
padding-left:2px;
display:inline;
background-image: url('/images/bg_text_input.jpg');
background-repeat: repeat-x;
}

div.announce, div.alert{
margin-left:auto;
margin-right:auto;
margin-top: 5px;
margin-bottom: 12px;
padding: 2px 8px 2px 19px;
font-size: 11px;
line-height: 18px;
text-align:left;
color: #293B2A;
border: 1px solid #293B2A;
background:#FFFFFF url('/images/nav_chip.gif') no-repeat 3px 5px;
}

a.note, a.edit, a.delete, a.view, a.download, a.calendar, a.add, a.add:visited{
padding: 5px 5px 5px 16px;
font-size: 11px;
font-weight:normal;
color:#000;
}

a.note, a.note:visited, a.edit, a.edit:visited{
background: url('/images/notepad_chip.gif') no-repeat 0px center;
}

a.download, a.download:visited{
background: url('/images/download_chip.gif') no-repeat 0px center;
}

a.delete, a.delete:visited{
background: url('/images/delete_chip.gif') no-repeat 0px center;
}

a.view, a.view:visited, a.calendar{
background: url('/images/view_chip.gif') no-repeat 0px center;
}

a.add, a.add:visited{
background: url('/images/add_chip.gif') no-repeat 0px center;
}

font.faded, font.faded a{
color:#79746A;
}


div.alert{
border-top: 1px solid #C61717;
border-left: 1px solid #C61717;
border-bottom: 1px solid #882C2C;
border-right: 1px solid #882C2C;
color:#C61717;
background:#FFFFFF url('/images/nav_chip_red.gif') no-repeat 3px 5px;
}

div.user_note_left{
width:450px;
float:left;
height:100%;
}

div.user_note_right{
width:200px;
float:left;
margin-left:50px;
font-size:11px;
font-family:arial, helvetica;
}

div.note_photo{
padding:4px;
margin:3px;
float:left;
background-color:white;
border:1px solid silver;
}

#container textarea{
white-space: virtual;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding: 2px;
border-bottom: 1px solid #695A43;
border-right: 1px solid #695A43;
border-top: 1px solid #4F3E24;
border-left: 1px solid #4F3E24;
background-image: url('/images/bg_text_input.jpg');
background-repeat: repeat-x;
max-width:600px;
overflow:auto;
}



/* LEFT NAV (not in use)

#left_nav {
	width: 200px;
	margin: 10px;
}

#left_nav li a {
	height: 32px;
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}

#left_nav li a:link, #left_nav li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(/images/left_nav.gif);
	padding: 8px 0 0 10px;
}

#left_nav li a:hover {
	color: #FF9834;
	background:  url(/images/left_nav.gif) 0 -32px;
	padding: 8px 0 0 10px;
}
*/