body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #6F5324;

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

	background-repeat:repeat-x;

}

#mainmenu{

	font-size:10px;

	color:#FFF5E1;

	background:url(../images/main_bg.jpg);

	width:150px;

	height:14px;

	margin-bottom:7px;

	padding-left:5px;

	line-height:14px;

	font-family:Arial, Helvetica, sans-serif;

}

#mainmenu a:hover{

	color:#FFF5E1;

	text-decoration:underline;

}

#mainmenu a:link,a:visited{

	color:#FFF5E1;

	text-decoration:none;

}

.text{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	color: #704F26;

	line-height:20px;

}

.text a:link{

	color: #704F26;

	text-decoration:underline;

}

.text a:visited

{

color: #704F26;

	text-decoration:underline;

}

.text a:hover{

	color: #704F26;

	text-decoration:underline;

}

#table{border-bottom:1px #F5CE67 solid;}

#topmenu {

	font-family: Arial;

	font-size: 14px;

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}



#topmenu a:link{

	color:#FFF;

	text-decoration:none;

}

#topmenu a:visited{

	color:#FFF;

	text-decoration:none;

}

#topmenu a:hover{

	color:#FFF;

	text-decoration:underline;

}


td {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	color: #FFF;

	line-height:20px;

}

.padding5{padding:0px 7px 5px 7px;}
.padding1{padding:3px 1px 3px 1px;}
.tabright{border-right:1px #AAA solid;}

.lefttitle{color:#C62C06;}

.form_text{

	font-family: Arial;

	color: #FFF;

	font-size: 10px;

}

.formfied_long{

	border: 1px solid #DFC89E;

	font-family: Arial;

	font-size: 10px;

	color:#777777;

}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */

.transMenu {

    position:absolute;

    overflow:hidden;

    left:-1000px;

    top:-1000px;

    }



/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */

.transMenu .content {

    position:absolute;

    }



/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */

.transMenu .items {

    position:relative;

    left:0px; top:0px;

    z-index:2;

    }



.transMenu.top .items {

    border-top:none;

    }



/* each TR.item is one menu item */

.transMenu .item {

    color:#F8F1E7;

    font-size:10px;

    font-family:Arial;

    text-decoration:none;

    /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */

    border:none;

    cursor:pointer;

    cursor:hand;

    }



/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */

/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */

.transMenu .background {

    position:absolute;

    left:0px; top:0px;

    z-index:1;

    -moz-opacity:.8;

    filter:alpha(opacity=75);

    }



/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */

.transMenu .shadowRight {

    position:absolute;

    z-index:3;

    top:3px; width:2px;

    -moz-opacity:.4;

    filter:alpha(opacity=20);

    }



/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */

.transMenu .shadowBottom {

    position:absolute;

    z-index:1;

    left:3px; height:12px;

    -moz-opacity:.4;

    filter:alpha(opacity=20);

    }



/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */

.transMenu .item.hover {

    background:#AFACA2;

    color:#6D5200;

    }



/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */

.transMenu .item img {

    margin-left:10px;

}

.btm_link_text{
	font-size:12px;
	color:#FFF5E1;
	text-decoration:none;
	line-height:18px;
}
a.btm_link_text:hover{
	font-size:12px;
	color:#FFF5E1;
	text-decoration:underline;
	line-height:18px;
}