body,html{
margin: 0;
padding: 0;

font-family: tahoma, arial, verdana;
font-size: 11px;
color: #FFFFFF;
line-height:150%;
text-align: center;
background: url('images/tile.jpg') top left repeat-x #680004;
}


a:link {
color: #FFFFFF;
font-family: tahoma;
line-height: 150%;
text-decoration: none;
}

a:visited 
{color: #FFFFFF;
text-decoration: none;
}

a:hover {color: #e4da94;}

a:active {color: #e4da94;}

h2{
margin: 15px auto;
padding-top: 15px;
font-family: Georgia;
font-size: 20px;
font-weight: normal;
color: #e9e59b;
letter-spacing: 1px;
}

h2.welcome{
width: 545px;
height: 19px;
background: url('images/heading.png') no-repeat;
}

label{
text-transform: uppercase;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
line-height: 150%;
}

input{
background: #f6f6f6;
color: #000000;
font-weight: normal;
border: 1px solid #000000;
}

.button{
background: #680004;
color: #FFFFFF;
font-weight: normal;
border: 1px solid #000000;
}


textarea{
background: #f6f6f6;
color: #000000;
border: 1px solid #000000;
}

.text{
background: #FFFFFF;
color: #000000;
border: 1px outline #000000;
}

#left{
float: left;
width: 280px;
}

#right{
float: right;
width: 280px;
}

#search{
margin: 0;
padding: 0;
float: right;
text-align: left;
}

#container{
margin: 0 auto;
padding: 0;
text-align: center;
width: 985px;
}

#logo{
margin: 0;
padding: 0;
float: left;
width: 287px;
height: 125px;
}

#content{
margin: 0;
padding: 0;
width: 570px;
float: right;
}

.entry-content{
text-align: justify;
z-index: 20;
}

#background{
margin: 0;
padding: 0;
float: left;
width: 414px;
height: 647px;

}

#footer{
margin: 0 auto;
padding: 0;
}

.clear{
clear: both;
}

.space{
height: 20px;
}

.padding{
height: 50px;
}

.searchspace{
margin: 0;
padding: 0;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {  width:570px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:0px solid #000; background: #7d0006;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:570px; width:745px; background: #7d0006; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0; list-style-type:none;}
.menu ul ul {width:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left; display:block; margin-left: 30px; text-transform: uppercase; font-size: 13px; color: #FFFFFF; position:relative; text-align: center; font-weight: bold; height: 30px;}


/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; height:33px; border:0px solid #000; border-width:0px 0 0px 0px; padding-left:0px; line-height:33px; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: url('images/drop.gif') #a53136;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#a53136 bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#a53136 bottom right no-repeat;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#7d0006; width: 200px; height: 23px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#a53136; color: #e4da94; width: 200px; height: 23px; }



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:0px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul li { width: 130px;height: 23px; text-transform: none; font-weight: bold;}
.menu ul ul a, .menu ul ul a:visited {margin-top: 0px; left: -35px; display: block; width: 130px; height: 23px; line-height:23px; background:#7D0006; color:#FFFFFF; border: 1px solid #a53136; border-top: 0px; position: relative; text-align: center; text-transform: none;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu ul li a:hover {
display: block;
position: relative;
z-index: 20;
height: 20px;
}

.menu ul ul a:hover{ background: #a53136; color: #e4da94; height: 25px; width: 130px;}
.menu :hover > a, .menu ul ul :hover > a {color:#e4da94;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */

.menu .current_page_item a {
background: #7D0006 url(images/hover.png) top no-repeat;
display: block;
position: relative;
z-index: 20;
color: #e4da94;
font-weight: bold;
height: 30px;
}

.menu ul .current_page_item ul a {
height: 30px;
display: block;
background: #7D0006;
color: #FFFFFF;
}

.menu ul .current_page_item ul a:hover {
background: #a53136;
}

.menu ul ul .current_page_item a {
background: #a53136;
height: 25px;
color: #e4da94;
font-weight: bold;
}

.menu ul ul ul .current_page_item a {
display: block;
background: #a53136;
color: #e4da94;
}

.menu .current_page_item a:hover {
color: #e4da94;
}