/*--------  =reset.css------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
caption,th { text-align : left; }
fieldset,img { border : 0; }

a {text-decoration:none; }

/*-------- =layout.css-------------------------------------------- */
html {
text-align:center;
}

body {
position:relative;
font-family:"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
font-size:1em;
text-align:left;
padding-bottom:40px;
background: url(cogs/background.jpg) top left repeat;
}

div#branding {width:975px; white-space:nowrap; }
div#container{min-width:800px; max-width:960px;}
div#wrapper{float:left; width:100%;}
div#content_main{ margin: 0 200px 0 180px; }
div#nav_main{width:180px; margin-left:-100%;}
div#content_sub{width:200px; margin-left:-210px;}
div#site_info {width:100%;}

/*-------- =Access --------------------------------------------- */
ul#nav_access  {
position:absolute;
text-indent: -9999px;
}

/*-------- = Branding Container ---------------------------------- */
div#branding_container {padding-bottom:33px; background:#610601 url(cogs/branding_containerbg.gif) repeat-x;}

/*-------- =branding --------------------------------------------- */
div#branding  {
position:relative;
margin:0 auto;
background-color:#610601;
}

#branding h1 {
position: absolute;
font-size: 0px;
top: -9999px;
}

#branding ul { padding:20px 0 0 5px; }
#branding ul li {display:inline; padding:0 5px; margin:-3px; }

#branding p { padding:10px 0; text-align:center; font-size:1.2em; color:#FFFFFF;}

/*-------- =Container ------------------------------------------------ */
div#container{
margin:20px auto 0 auto;
border:3px solid #610601;
background-color:#ECE1C1;
}

/* ---------- =navigation -------------------------------------------- */
div#nav_main {
z-index : 1;
float:left;
margin-top:100px;
font-size:1.1em;
font-weight:bold;
}

#nav_main h4 {
position : absolute;
top : -9999px;
}

#nav_main ul li {padding-bottom:5px;}

#nav_main a:link, #nav_main a:visited {
padding:0 10px 5px 45px; 
color: #610601; 
background: url(cogs/navleaf.gif) no-repeat; 
}

#nav_main a:hover { padding:0 10px 5px 45px; color: #CC9900; background: url(cogs/navleafselect.gif) no-repeat; }

#ginkgo_home #nav_main .nav_home a,
#ginkgo_rooms #nav_main .nav_rooms a,
#ginkgo_reservations #nav_main .nav_reservations a,
#ginkgo_directions #nav_main .nav_directions a {
padding:0 10px 5px 45px;
background: url(cogs/navleafselect.gif) no-repeat;
color:#CC9900;
cursor:default;
}

#nav_main img { padding:30px 0 0 15px;}

div#green { width:150px; margin-top:20px; margin-left:13px; border:1px solid #3E8401; background-color:#FFFFFF; }
#green img {padding:0; }
#green p {font-size:.7em; padding:0 5px 10px 9px; color:#3E8401; }
/*-------- =Content_Main --------------------------------------------- */
div#content_main { margin-top:15px; }


div#content_main p { margin:15px 35px 0 5px; line-height:1.4em; }

div#content_main h3 {margin:20px 0 0 5px; font-size:2em; font-weight:bold; color:#601610;}
div#content_main h4 {font-size:1.1em; font-weight:bold; color:#601610;}

div#content_main cite {
float:right;
background: url(cogs/leaves.gif) bottom right no-repeat;
font-size:1.3em;
color:#610601;
margin-right:45px;
margin-bottom:25px;
padding-bottom:25px;
}

div#welcome {background: url(cogs/welcomebg.gif) top left no-repeat; padding:35px 0;}
div#welcome h2 {position:absolute; left:-9999px;}

div#meeting { margin-right:35px; }

div#meeting h3 {
clear:right;
margin:0 25px 0 5px;
padding:5px;
text-align:center;
font-size:1.3em;
color:#FFFFFF;
background-color:#610601;
}

div#meeting p {
border:2px solid #610601;
background-color:#FFFFFF;
margin:0 25px 0 5px;
padding:5px;
}

div#roombanner {background: url(cogs/roombanner.gif) top left no-repeat; padding:35px 0;}
div#directionsbanner {background: url(cogs/directionsbanner.gif) top left no-repeat; padding:35px 0;}
div#reservationsbanner {background: url(cogs/reservationsbanner.gif) top left no-repeat; padding:35px 0;}

div#roombanner h2, div#directionsbanner h2, div#reservationsbanner h2 {position:absolute; left:-9999px;}

div#content_main .room {
margin:10px 20px 10px 5px;
padding-bottom:30px;
border:2px solid #3E0502;
background:#610601 url(cogs/redleaves.gif) bottom right repeat-x;
}

div#room1, div#room2,
div#room3, div#room4,
div#room5, div#room6,
div#mapcontainer {
margin: 0 auto;
padding-top:5px;
width:375px; 
}

div#content_main .room p {margin:5px; color:#FFFFFF;}
div#content_main .roompic img {border:1px solid #3E0502; margin:5px 0;}

div#map {border:1px solid; width:375px; height:450px;}
#map img {float:none; margin:0; padding:0;}

div#content_main .cost li, div#content_main .policy li {margin-left:5px;}
div#content_main .cost li {padding:0 0 3px 45px; background: url(cogs/navleafselect.gif) no-repeat;}
div#content_main .policy li {padding:3px 0 2px 0;}

/*-------- =Content_Sub --------------------------------------------- */
div#content_sub { float:left; margin-top:70px;}

div#content_sub .ad { margin-top:25px; }
div#content_sub .ad p {position:absolute; font-size:0; top: -9999px; }

div#content_sub .frame {
margin-top:70px;
padding:5px;
border:1px solid #3E0502;
background-color:#601610;
}

div#content_sub .frame h3 {font-size:1.2em; text-align:center; color:#FFFFFF;}

div#content_sub .frame ul {margin-top:10px; font-size:.8em; color:#FFFFFF;}
div#content_sub	.frame ul li {padding:3px 0px 5px 5px;}

/* ---------- =site info -------------------------------------------- */
div#site_info {
position:relative;
clear:both;
padding-top:30px;
text-align:center;
font-size:.9em;
}

#site_info a:link, a:visited {color: #000; }
#site_info a:hover { color: #CC9900; text-decoration:underline; }

.top {text-indent:-9999px;}