/* Begining of layout */
body {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: #e1d8ca;
	margin: 0; /* 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;
}
* {
	margin:0;
}
a {
	color:#402e24;
}
.mainframe #container {
	width: 872px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	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. */
}
.mainframe #header {
	height:149px;
}
.mainframe #mainContent {
	background-image:url(../images/middle_background.jpg);
	background-repeat:repeat-y;
	padding-top:0;
	padding-bottom:0;
	height: 100%;
}
.mainframe #mainContent #SubmainContent {
	width: 852px;
	margin: 0 auto;
	height: 100%;
}
.mainframe #mainContent #SubmainContent #topbar {
	float: left;
	padding-left:10px;
	padding-bottom:5px;
	width: 830px;
}
.mainframe #footer {
	background-image:url(../images/buttom_banner.jpg);
	background-repeat:no-repeat;
	line-height:80px;
}
.mainframe #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font:normal 10px verdana;
	color: #402e24;
	padding: 32px 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#leftpush {
	height:50px;
}
#bottomNav {
	margin-bottom:0px;
	text-align:center;
	height: 205px;; 
	position: relative;
}

/* End of layout */

/* Top right navigation buttons */
.topnavmenu:link, .topnavmenu:visited
{
	background: url(../images/top_nav_button.png);
	height: 21px;
	width: 70px;
	float: right;
	color: #e1d8ca;
	font:bold 11px Times New Roman, Times, serif;
	text-decoration: none;
	text-align: center;
}
.topnavmenu:hover{
	color: #c7dd70;
	text-decoration:underline;
}

/* Search Box */
#search_box {
    width: 170px;
    height: 20px;
    background: url(../images/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 100px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 0 0 0 0;
}

/* Spacer */
#spacer {
	background-image:url(../images/spacer.png);
	height:5px;
}
#spacer10 {
	background-image:url(../images/spacer.png);
	height:10px;
}

/*links */
.mediumlink:link, .mediumlink:visited {
	font:normal 12px verdana;
	color: #402e24;
	text-decoration: none;
}
.mediumlink:hover{
	text-decoration:underline;
}
.smallcatlink1:link, .smallcatlink1:visited {
	font:bold 11px verdana;
	color:#d0e674;
	text-decoration: none;
}
.smallcatlink1:hover {
	text-decoration:underline;
}
.smallcatlink2:link, .smallcatlink2:visited {
	font:normal 10px verdana;
	color:#d0e674;
	text-decoration: none;
}
.smallcatlink2:hover {
	text-decoration:underline;
}
.catTitlelink:link, .catTitlelink:visited {
	font:bold 14px verdana;
	color:#402e24;
	text-decoration: none;
}
.catTitlelink:hover {
	text-decoration:underline;
}
.relatedlink:link, .relatedlink:visited {
	font:bold 12px verdana;
	color:#402e24;
	text-decoration: none;
}
.relatedlink:hover {
	text-decoration:underline;
}
/* Side Bar Menu */
#mainNavlist{
    margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#mainNavlist li{
   	padding-left: 27px;
	text-transform:uppercase;
}

#subNavlist{
    list-style:none;
    margin:0 0 0 18px;
    padding: 0;
}
#subNavlist li{
    margin: .35em 1em;
    padding: 0 0 0 10px;
	text-transform:none;
    background:url(../images/BulletArrow.gif) no-repeat 0 5px;
}

/* Right Navigation and Text Type */

.menutitle{
	cur sor:pointer;
	margin-bottom: 1px;
	background-image:url(../images/rightnav_button.jpg);
	background-repeat:no-repeat;
	width:170px;
	height:25px;
	padding:2px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #d0e674;
	padding-left:25px;
	text-align:left;
}
.titleon {
	background-image:url(../images/rightnav_button_down.png);
	background-repeat:no-repeat;
	width:170px;
	height:25px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
}
.titleoff {
	font:bold 14px Arial, Helvetica, sans-serif;
}
.buttoncolor {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #d0e674;
	text-decoration:none;
	text-transform:uppercase;
}
.submenu{
margin-bottom: 0.5em;
}

.errorMessage,.errorValidation, .red {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
}
.CategoryTitleText {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#402e24;
}
.tableheader {
	background-color:#4c3b33;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}