/*
 Timuquan Lodge Version 1.0 08/24/2009
 Layout Concept by: Ryan Kidd - http://www.excelerondesigns.com/
 Template Creation by: Patrick Rice - http://www.vbtechservices.com/ - Salvatore Sodano http://www.salscode.com/
 This template was created for Timuquan Lodge 340 - http://www.timuquanlodge.org/ This template may not be redistributed, resold, or used in any other manner.
 Use of this template outside of Timuquan Lodge is prohibited.
 This template is for use on any/all websites directly connected to Timuquan Lodge and residing on the official lodge web server. Use on another server is prohibited.
 This text must remain intact and unaltered for legal use of this template.
*/

*, html{margin: 0; padding: 0;}

body{background: black; color: #ada96d; font-family: arial, sans-serif;}

a{color: white;} a:hover{color: gray;}
img{border: 0;}

#wrapper{width: 1000px; height: auto; min-height: 500px; border-right: 3px solid #734F19; border-left: 3px solid #734F19; margin: 0 auto;}

#header{background: #6088BB url('../images/head_bkg.png') no-repeat; background-position: bottom;}

.name{margin-bottom: 198px; margin-left: 35px;}

.eagle{margin-left: 60px; margin-top: 10px; margin-bottom: -5px;}

.mascot{position: relative; top: -40px; left: 30px; margin-top: -155px}

#sidebar{position: relative; width: 259px; height: 100%; background: #050402 url('../images/side_bkg.png') repeat-y right; float: left; padding-left: 9px; padding-right: 9px; z-index: 4;}
#sidebar h3{color: white; margin: 5px; clear: left; padding-top: 0px;}
#sidebar p{margin: 0px auto; padding-right: 10px; width: 200px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times.

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

#menu {width:200px; font-size:90%; margin: -16px auto; height: auto; padding-right: 10px;}
#menu ul {position:relative; z-index:500; padding:0; margin:0; list-style-type:none; width:200px; }

/* Blocks */
#menu li {float:left; background:#4E462A; margin: 2px;}
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* Links */
#menu a, #menu a:visited {font-family: arial, sans-serif; display:block; text-decoration:none; line-height:25px; width:200px; color:#fff; text-indent:5px; }

/* Hover Color */
* html #menu a:hover {position:relative; color:#fff; background:#6088BC;}
#menu li:hover {position:relative;}

/* Hover Color Retainer */
#menu a:active, #menu a:focus {color:#fff; background:#6088BC;}
#menu li:hover > a {color:#fff; background:#6088BC;}
 
/* Sublevel Positioning - Only change Left if needed */
#menu li ul {visibility:hidden; position:absolute; top:-32px; 
left:171px; padding:30px; background:transparent url('../images/spacer.gif');}

/* for browsers that understand this is all you need for the flyouts */
#menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */
#menu ul a:hover ul ul{visibility:hidden;} #menu ul a:hover ul a:hover ul ul{visibility:hidden;} #menu ul a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
#menu ul a:hover ul {visibility:visible;} #menu ul a:hover ul a:hover ul{visibility:visible;} #menu ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
#menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}

/* =================================================================== */
/* =================================================================== */

#search{float: right; width: 318px; height: 37px; background-image: url('../images/head_search.png'); background-repeat:no-repeat; padding-left: 85px; padding-top: 9px; margin-right: -85px;
 margin-top: 10px; position:relative; top: 0px; right: 0px;}
#search fieldset{border: 0;}
#search input{float: left; margin-right: 15px;}

#content{padding-left: 300px; padding-bottom: 45px; margin-bottom: -45px; margin-top: 56px; width: 700px; height: inherit; min-height: 350px; background: #000 url('../images/content_bkg.png') repeat-y;}

#content p{margin-bottom: 15px; margin-right: 10px;}
.crumb{font-size: 10pt; color: #3F3E28; margin-left: 5px;} .crumb a{color: #808080; text-decoration: none;} .crumb a:hover{color: white; text-decoration: underline;}

#content h1{color: white; margin-bottom: 5px; font-size: 2.0em;}
#content h2{color: white; margin-bottom: 5px; font-size: 1.2em;}
#content h3{color: white; margin-bottom: 5px; font-size: 1.0em;}
#content h4{color: white; margin-bottom: 5px;}
#content h5{color: white; margin-bottom: 5px;}
#content h6{color: white; margin-bottom: 5px;}

#content hr{border: 0; border-top: 1px solid #503F21; margin: 6px 30px;}

#content ul, #content ol{margin-left: 40px;}
#content fieldset{border: 0px;}
#content .label{padding-right: 10px;}
#content .styled{width: 225px; margin: 5px 0px 5px 0px;}

#footer{position: relative; clear:both; height: 160px; background: url('../images/footer_bkg.png') no-repeat; margin-top: 45px; z-index: 5;}
#footer img{float: right; position: relative; right: -140px; bottom: -140px;}

#footer p{padding-top: 115px;}
#footer .right{text-align: right; margin-right: 160px; margin-top: -135px;}
#footer .left{margin-left: 20px}

.clear{clear: both;}