/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: 'Gil Sans', Arial, Tahoma, sans-serif;
background: #fce672; 
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 70%;
}
p {padding: 7px 15px;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
}
h1 {
font-size: 2.4em;
font-family:'Times New Roman', serif;
}
h2 {
font-size: 2em;
font-family:'Times New Roman', serif;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
width: 960px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
height: 100%;
background: transparent;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
position: relative;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: transparent;
width: 960px;
margin: 0; padding: 0;
}
#overlay {
	background: transparent url('../img/header_01.jpg') no-repeat scroll 0 0;
	width: 469px;
	height: 279px;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}
#overlay2 {
	background: transparent url('../img/header_02.jpg') no-repeat scroll 0 0;
	width: 491px;
	height: 279px;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}
#logo {
    margin:0; padding-top:45px;padding-left:5px;
    position:relative;
    width:578px;
    /*overflow:hidden;*/
}
#logo a {
    display:block;
    /*position:absolute;*/
    width:578px; height:61px;
    margin:0; padding:0;
    background:url('../img/logo.png') top left no-repeat;
    
}
#logo a span { display: none; }
#voodoo {
	margin:-276px 69px 0 0; padding:0;
	position: relatve;
	top:0;
	float: right;
	width:210px;
	height:124px;
	background: url('../img/voodoojuice.png') top left no-repeat;
}
#voodoo span { display: none; }

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
margin-top: 50px; /*** We need to add some space for our top menu ***/
background: transparent;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
	margin: 0;
	padding: 0;
}
.inner {
/*** No need to do anything with a one column solution ***/
	background: transparent;
	margin: 0;
	padding: 0;
}
* html .inner {
/***  And therefor no need for hacking IE either ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
background: transparent;

}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: left;
width: 960px;
background-image: url('../img/middle.jpg');
background-repeat: repeat-y;



}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
padding: 0 62px 0 92px;
font-size: 140%;



}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 0;
list-style: none;
}
.contentWrap li {
padding-bottom: 2px;
zoom: 1;
}
.contentWrap p span {
	font-size: 80%;
}
.contentWrap p {
    color: #723873;
}
.contentWrap address {
	text-align: center;
}
.indent {
	text-indent: 15px;
}
.salutation {
	font-size: 125%;
	font-style: italic;
}
#merchandise dd,
#merchandise dt {
	padding: 5px 7px;
}
#photo {
	margin: -11px 25px 0px 0px;
	float: left;
}
#photoright {
	float: right;
}
.menu, .index, .view {
	text-align: center;
}
table {
	width: 700px;
	margin: 0 auto;
}
.items table td {
}
td.name {
	font-weight: bold;
}
td.description {
}
td.price {
}
#parkingMap {
	width: 701px;
	display: block;
	margin: 5px auto;
	border: 5px solid #fce672;
}
.centerText {
	text-align: center;
}
#vital_info {
	display: block;
	padding: 5px;
}
#vital_info dl{
	display: inline;
}
#vital_info dt{
	font-weight: bold;
	display: inline;
}
#vital_info dd{
	display: inline;
}
.articles {
	padding: 0 50px;
}
/**************************
LEFT COLUMN - this is our top menu
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: right;
/*width: 960px;*/
font-size: 120%;
background: transparent; 
/*height: 40px;/*/
/*margin: 0 0 0 -760px;*/ /*** Move the left column so it takes the positon as a top menu ***/
margin-top: -120px;
}
* html #left {
position: relative;  /*** IE needs this  ***/

}
#left ul {
list-style: none;
width: 864px;
margin: 0;

}
#left li {
display: inline;
float: left;
zoom: 1;
}
#left li a {
	line-height: 48px;
	width: 136px;
	display: block;
	background-image: url('../img/solonavigation.png');
	color: #fbe073;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
/*************************
RIGHT COLUMN - This is our footer menu
**************************/
#right {
float: left;
height: 0;
position: relative;
margin: -120px 0 0 8px;
}
* html #right {
/*position: absolute;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
width: 594px;
margin: 0 0 0 114px;
font-weight: bold;
font-size: 120%;
height: 118px;
}
#right li {
width: 30%;
text-align: left;
line-height: 2;
zoom: 1;
float: left;
}
#right li a {
text-decoration: none;
color: #eedfc6;
}
/**************************
FOOTER
**************************/
#footer {
width: 960px;
margin: 0 auto;
text-align: center;
background-color: transparent;
}
#f_overlay {
	background: transparent url('../img/footer_01alt.jpg') no-repeat scroll 0 0;
	width: 469px;
	height: 245px;
	float: left;
	clear: left;
}
#f_overlay2 {
	background: transparent url('../img/footer_02alt.jpg') no-repeat scroll 0 0;
	width: 491px;
	height: 245px;
	float: right;
	clear: right;
}
#beads {
width: 276px;
height: 244px;
float: right;
margin-right: 42px;
margin-top: -244px;
}
.nblform{width: 600px;margin:5px auto;-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	border: 1px solid #722d6c;}#nblRecaptcha{margin-left:120px;-moz-border-radius-bottomleft: 5px;}.nblform .submit{padding-left:120px;}
form.nblform fieldset{ margin-bottom:10px}form.nblform legend{ padding:0 2px; font-weight:bold;}form.nblform label{ display:inline-block; line-height:1.8; vertical-align:top}form.nblform fieldset ol{ margin:0; padding:0}form.nblform fieldset li{ list-style:none; padding:5px; margin:0}form.nblform fieldset fieldset{ border:none; margin:3px 0 0}form.nblform fieldset fieldset legend{ padding:0 0 5px; font-weight:normal}form.nblform fieldset fieldset label{ display:block; width:auto}form.nblform span{width:75%;display:inline-block;vertical-align:middle}form.nblform strong,form.nblform span strong{ font-weight:bold; font-style:normal}form.nblform label{ width:120px; text-align:right}form.nblform fieldset fieldset label{ margin-left:123px}
dl#merchandise dd img {float:left;margin-right:7px;}
dl#merchandise dd p {padding:5px 7px;width: 55%;float:right;}
    .bullets {
        list-style-type:disc !important;
        list-style-position:inside !important;
    }
    .emphasize {
        font-style:italic;
    }
    li dl dd:before {
        content: "Points scored: "
    }
    .legend {
        -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;
	border: 1px solid #722d6c;
	background: #fce672 none repeat scroll 0 0;
    text-align: center;
    width: 650px;
    margin: 3px auto;
    padding: 3px 7px;
    }
    .clearfix {
        clear: both;
    }