/* GreenClubs.ServeBeer.com stylesheet */

/* Body background color & fonts etc. */
body {
   font:14px/1.4 Verdana, sans-serif;
   background:#fff;
   color:#222;
   text-align:center;
   margin:0px;
   padding:0;
   position:relative;
}

#RelativeSetPoint {
   background:#fff;
   width:1024px;
   margin-left:auto;
   margin-right:auto;
   }
   
/* special for HomePage */
#HomePage {
   background: #001300; /* url(images/earth_at_the_night_cropped.jpg) no-repeat; */
   width:1024px;
   height:595px;
   margin-left:auto;
   margin-right:auto;
   border:0px dotted black;
   position:relative;
   margin-top:-10px;
}

#Content {
   width:90%;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   border:0px solid green;
   display:block;
   background:none;
   height:500px;
   position:relative;
   float:left;
}

/*
#background{position:absolute; z-index:0; width:100%;}
*/

/* Top upper left title on page */
#TopTitle {
   position: absolute;
   left:6px;
   top:1px;
   padding-bottom:2px;
   text-align:left;
   background: #FF8040; /* url(http://Roadrunnerhostel.com/images/background.jpg) repeat; */
   color:#fff;
   font-weight:bold;
   font: 10px/1.0 Verdana, sans-serif;
}

/* Top header area, includes hdr and map */
#banner {
   position:relative;
   display:block;
   width:1024px;
   background:#fff;
   padding:0px;
   border-bottom:20px solid white;
   text-align:center;
}

html>body #banner {
   position:relative;
   height:0px;
   margin-bottom:0px;
   width:1024px;
   background:#fff;   
/* WAS 40 px, earlier height:139px; */
}

/* Attributes of the logo/header area */
#hdr {
   height:165px;
   background:none;
   width:1024px;
   background:#fff;   
   border-bottom:1px solid white;
}

#hdr2 {
   height:60px;
   width:1024px;
   border:0px solid gold;
   margin-bottom:0px;
}

#hdr h1 {
   font-family:Verdana, ms sans-serif;
   /* 
   position:absolute;
   left:325px;
   top:14px;
   */
   float:left;
   padding-bottom:10px;
   padding-top:9px;
   margin:0px;
   text-align:right;
   background:none;
   border:0px solid green;
   font-size:46px;
   color:#414A08; /* #3C0801; works too */
}

.loginButton {
   background:#001300;
   font-weight:bold;
   color:white;
   font-weight:bold;
   border:2px solid white;
   margin:0px;
}

.loginButton:hover {
   background: #40FF40;
   color:black;
   font-weight:bold;
   text-decoration: none;
   border:2px solid yellow;
   margin:0px;
}  

.loginBox {
   border:1px solid #bdc7d8;
   font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
   font-size:11px;
   padding:2px;
   background:white; /* #01001F; */
   background-image: url('images/textfield2.gif');
   color:#01001F;
   font-size:12px;
   font-weight:bold;
   }

.signuptext {
   font-weight:bold;
   font-size:12px;
   color:#01001F;
}

.signupbox {
   border:1px solid #bdc7d8;
   font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
   font-size:11px;
   padding:2px;
   background:#fff;
   background-image: url('images/textfield2.gif');
   color:#01001F;
   font-size:12px;
   font-weight:bold;
   }
   
.SignupButton {
   background:#001300;
   font-weight:bold;
   color:white;
   border:1px solid #bdc7d8;
   margin:1px;
}

.SignupButton:hover {
   background: #40FF40;
   color:black;
   font-weight:bold;
   text-decoration: none;
   border:1px;
   margin:1px;
   border-color:yellow;
}   

/* signuptext etc TWO (2) is for Member_Signup.cfm page; use LoginButton style */
.signuptext2 {
   font-weight:bold;
   font-size:12px;
   color:#01001F;
}

.signupbox2 {
   border:1px solid #01001F;
   font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
   font-size:11px;
   padding:2px;
   background:#fff;
   background-image: url('images/textfield2.gif');
   color:#01001F;
   font-size:12px;
   font-weight:bold;
   }

/* Attributes of the "map" area just under the header area */
#map {
   height:13px;
   padding:3px;
   font-family:Verdana;
   font-size:12px;
   font-weight:bold;
   background: #FF8040; /*  url(http://Roadrunnerhostel.com/images/background.jpg) repeat */
   color:#fff;
   border-top:4px double #9a9;
   border-bottom:3px double #9a9;
   border-left:0px;
   border-right:0px;
   margin-bottom:5px;
}

/* How the regular links look in the map area */
#map a {
   font-family:Verdana;
   font-size:12px;
   color:#000;
   text-decoration:underline;
}

/* How the map area links look when hovered over with the mouse */
#map a:Hover {
   color:firebrick;
   background:yellow;
   font-family:Verdana;
   font-size:12px;
   cursor:pointer;
   text-decoration:underline;
}

/* Headers for search engine emphasis */
h1 {
   font: 22px/2.2 Verdana, sans-serif;
   font-weight:bold;
   padding:0px;
   
   /* 
   line-height:28px;
   min-height:26px;
   */
} 

/* SearchCityOutput h1 has its first letter enlarged just noticeably */

.SearchCityOutput {
   line-height:40px;
   margin-left:10px;
   margin-top:15px;
}

.SearchCityOutput:first-letter {
   font-size:166%;
   letter-spacing: -2px
}


h2 {
   font: 16px/1.6 Verdana, sans-serif;
   font-weight:bold;
   padding:0px;
   line-height:18px;
   margin-top:5px;
   margin-bottom:3px;
} 

h3 {
   font: 16px/1.6 Verdana, sans-serif;
   font-weight:bold;
   padding:0px;
   line-height:16px;
   margin-top:5px;
   margin-bottom:5px;
} 

h3.small {
   font: 13px/1.3 Verdana, sans-serif;
   font-weight:bold;
   padding:0px;
   line-height:13px;
   margin-top:0px;
   margin-bottom:2px;
} 

/* for the left nav form options */
.smallform {
   padding:0px;
   margin-top:3px;
   margin-bottom:5px;
} 

/* LEFT navigation container holds all the LEFT menu stuff below */
#LeftNav {
   float:left;
   padding-top:5px;
   text-align:center;
   background:#fff;
   width:20%;
   min-height:600px; /* doesn't work for MSIE */
   margin-top:15px;
}

/* LEFT navigation and related menus */
.nav {
   width:162px;
   background: #FF8040; /* url(http://Roadrunnerhostel.com/images/background.jpg) repeat */
   font-family:Verdana;
   font-size:16px;
   font-weight:bold;
   color:#222222;
   border:1px solid black;
   text-align:left;
   text-decoration:none;
   padding-top:5px;
   padding-left:9px;
   padding-right:9px;
   padding-bottom:10px;
   margin-bottom:5px;
   line-height:22px;
}

/* LEFT menu links in the index, main page, and article templates */
.nav a {
   font-family:Verdana;
   font-size:14px;
   color:midnightblue;
   font-weight:bold;
   text-decoration:underline;
   line-height:32px;
}

/* LEFT menu links in the index and article templates when hovered over with the mouse */
.nav a:Hover {
   font-family:Verdana;
   font-size:14px;
   color:firebrick;
   font-weight:bold;
   cursor:pointer;
   text-decoration:underline;
}

/* LEFT menu optional subscription form */
#subscribe {
   line-height:18px;
   text-align:center;
   font-family:Verdana;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:#222222;
   width:162px;
   padding-top:5px;
   padding-left:9px;
   padding-right:9px;
   padding-bottom:5px;
   background: #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat
   margin-bottom:5px;
   border:1px solid black;
}

/* Attributes of the optional subscription form button */
#subscribe input {
   height:20px;
   width:75px;
   background-color:midnightblue;
   shadow-color:#ffffff;
   border-color:#ffffff;
   text-align:center;
   text-valign:middle;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#ffffff;
   cursor:pointer;
}

/* Attributes of the optional LEFT adsense container */
#adsense {
   width:162px;
   background: #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat
   text-align:center;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:0px;
   margin-bottom:5px;
   margin-top:5px;
   border:1px solid firebrick;
}

/* Main center content area inside Content div which includes the LeftNav */
#CenterContent {
   background:none; /* WAS #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat */
   /* originally like this in RHT but maybe better changed there too
   margin-left: 199px;
   margin-right:179px;
   width:39%;
   */
   border:0px solid #000;
   padding:0px 0px 0px 0px;
   text-align:left;
   margin-left:1%;
   float:right;
   
   /*
   IE5x PC mis-implements the box model. The voice-family property is a hack to fix it.
   See IE Box-model hack.txt
   Read more at http://www.glish.com/css/hacks.asp
   */
   voice-family: "\"}\"";
   voice-family: inherit;
}

html>body #CenterContent {
   /* originally like this in RHT but maybe better changed there too
   margin-left: 201px;
   margin-right:179px;
   */
   width:79%;
   margin-left:1%;
   float:right;
}

/* Stuff INSIDE the centercontent */

#contentheader {
   background: #FF8040;
   text-align:left;
}   

#HomePageSearchBox {
   background:none;
   float:left;
   border:0px solid #222;
   padding:0px 0px 0px 0px;
   text-align:left;
   position:absolute;
   left:30px;
   bottom:100px;
}   

/* Attributes of the optional subscription form button */
.SubmitButton {
   height:22px;
   width:60px;
   background-color:darkblue;
   shadow-color:#ffffff;
   border-color:#ffffff;
   text-align:center;
   text-valign:middle;
   font-family:Verdana;
   font-size:14px;
   font-weight:bold;
   color:#ffffff;
   cursor:pointer;
}

#FeaturedContent {
   background:steelblue;
   float:right;
   margin-left:5px;
   margin-bottom:5px;
   border:1px solid firebrick;
   padding:5px 5px 0px 5px;
   text-align:center;
   width:200px;
   color:midnightblue;
} 

/* for CLASS use this format */
.InnerFeaturedContent {
   font: 16px/1.6 Verdana, sans-serif;
   font-weight:bold;
   background:steelblue;
   padding:0px 5px 5px 10px;
   border:0px solid #000;
} 

/* InnerFeaturedContent links */
.InnerFeaturedContent a {
   font: 16px/1.6 Verdana, sans-serif;
   font-weight:bold;
   color:midnightblue;
   text-decoration:underline;
}

/* InnerFeaturedContent links when hovered over with the mouse */
.InnerFeaturedContent a:Hover {
   font: 16px/1.6 Verdana, sans-serif;
   font-weight:bold;
   color:firebrick;
   cursor:pointer;
   text-decoration:underline;
}




/* Attributes of the RIGHT container */
/* this WAS there before: <DIV CLASS="nav" style="line-height:22px;padding-bottom:10px;"> */
#rightcontent {
   position: absolute;
   right:5px;
   top:165px;
   padding-top:5px;
   width:160px;
}

/* Tweaking the OL elements to be nice on output pages */
ol {
   margin-left:1.6em;
}


/* Attributes of the main content of the sitemap template */
#contentsitemap {
   float:left;
   background: #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat
   font-family:Verdana;
   font-size:12px;
   color: #333333;
   padding-left:10px;
   padding-right:10px;
   width:510px;
}

/* Attributes of the adsense column of the sitemap template */
#contentsitemapadsense {
   float:right;
   width:160px;
   background: #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat
   color: #333333;
   text-align:center;
}

/* Attributes of the main content of the privacy/disclaimer template */
#contentprivdis {
   float:left;
   background: #FF8040 url(http://Roadrunnerhostel.com/images/background.jpg) repeat
   font-family:Verdana;
   font-size:12px;
   color:#333333;
   padding-left:10px;
   padding-right:10px;
   width:675px;
}

/* Attributes of the Webmaster Note just above the Daily Quote */
#WebmasterNote {
   /* width:780px; */
   width:60%;
   display:block;
   text-align:center;
   margin-top:40px;
   margin-bottom:50px;
   font: 18px/1.4 Verdana, sans-serif;
   border:0px;
   margin-left:auto;
   margin-right:auto;
   background:none;
}

/* Attributes of the Daily Quote area just above the Footer */
#DailyQuote {
   /* width:780px; */
   width:60%;
   display:block;
   text-align:left;
   font: 14px/1.4 Verdana, sans-serif;
   border:0px solid #336699;
   margin-top:135px;
   background:none;
   margin-left:auto;
   margin-right:auto;
}

/* Attributes of the footer area */
#RelativeSetPoint #footer {
   /* control width here:
   width:60%; 
   */
   display:block;
   height:15px;
   padding-top:1px;
   padding-left:5px;
   padding-bottom:2px;
   text-align:center;
   font: 12px/1.2 Verdana, sans-serif;
   margin-left:auto;
   margin-right:auto;
   color:#ffffff;
   border:1px solid #336699;
   margin-top:40px;
   background:#01001F;
   color:#ffffff;
   clear:left;
}

/* How the regular links look in the footer area */
#footer a {
   font-family:Verdana;
   font-size:12px;
   color:#ffffff;
   text-decoration:underline;
}

/* How the footer area links look when hovered over with the mouse */
#footer a:Hover {
   color:lightblue;
   font-family:Verdana;
   font-size:12px;
   cursor:pointer;
   text-decoration:underline;
}

/* General look of links not affected by any of the other styles in this file */
.alink {
   color:Blue;
   font-family:Verdana;
   font-size:12px;
   cursor:pointer;
   text-decoration:underline;
   font-weight:normal;
}

/* Reduces the vertical spacing taken up by the link partners and subscription forms */
form.nospace {
   line-height:1%;
   padding:0px;
   margin:0px;
}

/* Border size and color around the text area in the link partners page */
#TAWrap {
   border:1px solid #336699;
}

/* Background color of the text area's caption in the link partners page */
#TACaption {
   background-color:#336699;
   color:#FFFFFF;
}

/* How the links look in the text area's caption in the link partners page */
#TACaption a {
   color:#FFFFFF;
   text-decoration:underline;
}

/* How the links look in the text area's caption in the link partners page when hovered over */
#TACaption a:Hover {
   color:#ffff00;
   cursor:pointer;
   text-decoration:underline;
}

/* Border size and color of the text area in the link partners page */
.TA {
   border:1px solid #336699;
}

/* For asterisks on 'required' data */
.Required {
   font-size:18px;font-weight:bold;color:firebrick;
}

/* borrowed from BetterChristianity for persistent login message but has other uses */
.QuoteBox     {
   background:none; /* gainsboro; */
   border: 1px outset;
   padding: 2px;
   margin:0px;
   margin-left:0px;
   color: black;
   font-family: Verdana, "MS Sans Serif","Sans Serif";
   text-decoration: none;
   text-align:center;
}

.QuoteBox p, h2 {
   margin-bottom:1em;
   text-align:left;
}

.QuoteBox img {
   display:inline;
   margin-bottom:30px;
   text-align:center;
}


/*
   So cool this is the answer to left-aligning Debug info instead of leaving a hanging div align="left" after the </html>
   This code snippet needs to be included SOMEWHERE when CF Debug info is being shown
*/
.cfdebug
{
   color:black;
   background-color:white;
   font-family:"Times New Roman", Times, serif;
   font-size:small;
   text-align:left;
   margin-top:40px;
}