@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background: #B0BDBC;
	/*background:#BOBDBC;*/
	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: #333333;
	line-height:150%;
}

#container {
	width:1000px;

	text-align:left;
	padding:0px;
	}
	
.standard { padding:0px 30px;}
.title {font-weight:bold;}
.header {background:#879B9A; font-weight:bold;}
.white {background:#FFFFFF;}
marquee {width:400px;}
.search {width:100%;padding:0px 30px;}
.searchbox {background:#C3CDCC;}
.box-tl2 {background:url(../../images/site/tl-greyonwhite2.jpg) top left no-repeat;height:10px; width:10px;}	
.box-tr2{background:url(../../images/site/tr-greyonwhite2.jpg) top right no-repeat; height:10px; width:10px;}	
.box-bl2 {background:url(../../images/site/bl-greyonwhite2.jpg) bottom left no-repeat; height:10px; width:10px;}	
.box-br2 {background:url(../../images/site/br-greyonwhite2.jpg) bottom right no-repeat; height:10px; width:10px;}
	


#content {padding:0px 0px; background:#FFFFFF; border:1px solid #000;}
#content2 {padding:0px 30px;}
.pagecontent {background:#879B9A;}
.coffeeshop {width:100%;padding:0px 30px;}

.footer {width:100%;
line-height:100%;
padding:0px 30px; 
font-size:0.75em; 
}
	
.normal {
	width:100%;
	padding:0px 30px;}	
	
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.box-tl {background:url(../../images/site/tl-greyonwhite.jpg) top left no-repeat;height:10px; width:10px;}	
.box-tr {background:url(../../images/site/tr-greyonwhite.jpg) top right no-repeat; height:10px; width:10px;}	
.box-bl {background:url(../../images/site/bl-greyonwhite.jpg) bottom left no-repeat; height:10px; width:10px;}	
.box-br {background:url(../../images/site/br-greyonwhite.jpg) bottom right no-repeat; height:10px; width:10px;}	



	
	
/*x-fading banner */
	#poster {
margin-left:0px;
position:relative;
width: 500px;
height: 80px;
clear:both;
}
	
	div.cf_wrapper2
	{
		position: relative;
		
	}
	
	div.cf_element2
	{
		width: 500px;
		height: 80px;
		background-color: #fff;
		border:  none;
	}
	
	div.cf_element2 div.content2
	{
		padding: 0px;
	}

	div.cf_element2 div.content2 h3
	{
		padding-top: 0;
		margin-top: 0;
	}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#FFF;
      font-size:90%;
      line-height:normal;
	  
	  /*border-bottom:1px solid #24618E;*/
      }
    #tabsJ ul {
	  margin:0;
	  padding:1px 10px 0 20px;
	  
      }
    #tabsJ li {
      display:inline;
      
      }
    #tabsJ a {
      float:left;
      background:url("../images/site/tabsleft.jpg") no-repeat left top;
      margin-right:5px;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
	  background:url("../images/site/tabsright.jpg") no-repeat right top;
      padding:5px 15px 4px 5px;
      color:#333;
	  font-weight:bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#fff;
	  font-weight:bold;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }	  
	  
	  #tabsJ a:active span {
      color:#333;
	  font-weight:bold;
      }
    #tabsJ a:active {
      background-position:0% -42px;
      }
    #tabsJ a:active span {
      background-position:100% -42px;
      }	
/*- Menu Tabs J--------------------------- */

    #tabsJ2 {
      float:left;
      width:100%;
      background:#FFF;
      font-size:90%;
      line-height:normal;
	  
	  /*border-bottom:1px solid #24618E;*/
      }
    #tabsJ2 ul {
	  margin:0;
	  padding:0px 10px 0 35px;
	  
      }
    #tabsJ2 li {
      display:inline;
      
      }
    #tabsJ2 a {
      float:left;
      background:url("../images/site/tabsleft.jpg") no-repeat left top;
      margin-right:5px;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #tabsJ2 a span {
      float:left;
      display:block;
	  background:url("../images/site/tabsright.jpg") no-repeat right top;
      padding:5px 15px 4px 5px;
      color:#333;
	  font-weight:bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ2 a:hover span {
      color:#fff;
	  font-weight:bold;
      }
    #tabsJ2 a:hover {
      background-position:0% -42px;
      }
    #tabsJ2 a:hover span {
      background-position:100% -42px;
      }	  
	  
	  #tabsJ2 a:active span {
      color:#333;
	  font-weight:bold;
      }
    #tabsJ2 a:active {
      background-position:0% -42px;
      }
    #tabsJ2 a:active span {
      background-position:100% -42px;
      }		  
	  
a.viewmore {display:inline-block; color:#fff; background:url("../images/site/content/go.gif") right no-repeat; height:32px; padding:7px 45px 0px 0px; text-decoration:none;}	 
a.viewmore:hover {display:inline-block; color:#fff; background:url("../images/site/content/go.gif") right no-repeat; height:32px; padding:7px 45px 0px 0px; text-decoration:underline;}	 

.mainnavfirst {display:inline;padding:0px 8px 0px 0px; border-right:1px solid #333;}
.mainnav {display:inline;padding:8px; border-right:1px solid #333;}
.mainnavlast {display:inline;padding:0px 0px 0px 8px;}	 

a.navlink {color:#fff; text-decoration:none; margin-top:10px;} 
a.navlink:hover {color:#fff; text-decoration:underline;} 

h1 {font-size:1.5em; letter-spacing:-1pt;} 
h2 {font-size:1.25em; font-weight:bold;}
h3 {font-size:1.25em;}
h4 {font-weight:bold;} 			
h5 {text-decoration:underline;}
p {font-size:1.0em;}
li {font-size:1.0em;}
a {font-size:1.0em; color:#333333;}

input.button {border:0px;}
select.button {border:0px;}
.titlemessage {font-size:1.25em; color:#FFFFFF; padding:0px 10px;}

.yourstyle {position:related; margin-left:0px;}

/*#pagenav { width:100%; }

#pagenav ul {margin-left:0; padding-left:0px;}

#pagenav ul li {float:left; padding:0px 8px 0px 8px; border-right:1px solid #333333; list-style:none;}

#pagenav ul li a {color:#ffffff; text-decoration:none; padding:5px 0px;}

#pagenav ul li a:hover {color:#ffffff; text-decoration:underline;}*/

#pagenav {background:url(../images/site/navbar.jpg) top left repeat-x;}

#pagenav ul {margin-left:0; padding-left:0px; }

#pagenav ul li {display: inline;
list-style-type: none;
padding: 0px 8px;
border-right:1px solid #333;

}

#pagenav ul li a {color:#ffffff; text-decoration:none; }

#pagenav ul li a:hover {color:#ffffff; text-decoration:underline;}

#navigation2 {background:url(../images/site/navbar.jpg) top left repeat-x;}
#navigation2 ul {list-style: none;
   margin: 0; padding: 0;
   margin-left:7px;


}
#navigation2 li {float: left; border-right:1px solid #666;
}

#navigation2 li a {
   display: block;
   
   color: white;
   padding: 5px 7px;
   text-decoration:none;
   
   text-transform:capitalize;
}

#navigation2 li a:hover {text-decoration:underline;}

#catnav {width:190px;}

#catnav ul {margin-left:0; padding-left:0px; margin-right:10px;}

#catnav ul li {list-style:none;}

#catnav ul li a {padding:2px 5px 2px 5px; color:#333333; text-decoration:none; display:block;}

#catnav ul li a:hover {color:#333333; text-decoration:underline; background:#9Fb0AF;}

.btn { background:#99B2B2; border:none; color:#fff; font-weight:bold; font-size:10px; padding:3px; margin:2px; -moz-border-radius: 3px; border-radius: 3px;
}

.btnselected { background:#668C8C; border:none; color:#fff; font-weight:bold; font-size:10px; padding:3px; margin:2px; -moz-border-radius: 3px; border-radius: 3px;
}