* { padding: 0; margin: 0; }

html {
font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
}

body {
 background: #000 url(../assets/bg_tile.jpg) repeat-x;
 font-size: 92%;
}

p {
 padding: 8px;
  line-height:1.3em; /* 16×1.125=18 */

}

.intro {
 padding: 15px;
 line-height:1.5em; /* 16×1.125=18 */
 font-size: 98%;
}

.teeny {
 font-size:1px;
 margin: 0px;
 padding:0px;
}

#nav {
background: #FFFEF5;
list-style-type: none;
width: 199px;
float: left; /* Contain floated list items */
}

#nav li {
margin: 0;
padding: 0;
float: left; /* This corrects the */
width: 100%; /* IE whitespace bug */
}

#nav a {
display: block; /* to increase clickable area as a’s default to inline */
color: #000;
text-decoration: none;
/* padding: 12px 0 12px 8px; */
padding: 6px 0 6px 8px;
line-height: 1.2;
border-top:2px solid #efefef;
border-bottom:2px solid #FFF;
font-weight:bold;
}

#nav #nav_con a {
border-bottom:2px solid #efefef;
}

#nav a:hover {
background: #FEFBB6;
}

#body_hom #nav_hom a, #body_fla #nav_fla a, #body_tes #nav_tes a,
#body_mis #nav_mis a, #body_why #nav_why a, #body_ath #nav_ath a,
#body_nut #nav_nut a, #body_con #nav_con a, #body_day #nav_day a {
background: #FFE700;
}

.tiny {
font-size:75%;
font-weight: normal;
}

#wrapper { 
 margin: 0 auto;
 width: 850px;
}

#topper {
 color: #fff;
 font-size:80%;
 text-align:right;
 width: 850px;
 padding-top:4px;
 font-weight: bold;
}

#topper a {
 color: #FFE700;
}

img {
 display:block;
}

#cheatah {
 float:left;
 background: url('../images/cheat.gif') repeat-y #000;
}

#content { 
 float: left;
 color: #333;
 background: #fff;
 width: 624px;
 min-height:464px;
 border: 8px solid #fff;
 display: inline;
}

#header {
 color: #333;
 width: 850px;
 float: left;
 padding-top:10px;
 height: 100px;
 position: relative;
}

#header .slogan {
 color:#fff;
 bottom: 0;
 right:0;
 position:absolute;
}

#leftcolumn { 
 color: #333;
 margin: 0 5px 0 0;
 background: #fff;
 height: 480px;
 width: 199px;
 border-left: 3px solid #fff;
 border-right: 3px solid #fff;
 float: left;
 overflow: hidden;
}

#homeleft { 
 color: #333;
 margin: 0 5px 8px 0;
 background: #fff;
 height: 321px;
 width: 199px;
 border-left: 3px solid #fff;
 border-right: 3px solid #fff;
 float: left;
 overflow: hidden;
}

.homecol { 
 float: left;
 color: #333;
 background: #fff;
 margin: 0 8px 0 0;
 width: 296px;
 height:305px;
 border: 8px solid #fff;
 display: inline;
 overflow: hidden;
}

.homecol a {
 font-size: 14px;
}

.homecol p {
font-size: 92%;
 line-height: 1.5;
}

#leftcolumn p {
 font-size: 98%;
}

h1 {
 padding: 8px 0 8px 0;
 margin-bottom:8px;
 font-size: 160%;
 background-color:#FFE700;
 border-bottom: 5px solid #000;
 width: 100%;
}

h2 {
 color: #777777;
 font-size:180%;
 margin-top:-8px;
 font-weight:bold;
}

h3 a {
 font-size:98%;
 padding: 8px;
 font-weight: normal;
}

.date {
font-size:75%;
padding-left:8px;
font-weight: normal;
display:block;
}

.flavor {
font-size: 12px;
font-weight:bold;
color: #000;
}

.dateList {
font-size:75%;
width:98%;
display:block;
padding:4px;
background-color:#efefef;
font-weight: normal;
}

.dateList2 {
font-size:75%;
width:98%;
display:block;
padding:3px;
margin-bottom:6px;
border-top: 1px solid #FFE700;
color: #666;
/* background-color:#FEFBB6; */
font-weight: normal;
}

.more {
padding:6px;
background-color:#fff;
text-align:left;
width:100%;
position:absolute;
bottom:0px;
}

a {
color: #989898;
text-decoration: none;
}

a:active, visited {
color: #989898;
text-decoration: none;
}

a:hover {
color: #333;
text-decoration: underline;
}

#bot_left { 
 float: left;
 margin-top: 8px;
 position:relative;
 color: #333;
 background: #fff;
 height: 242px;
 width: 640px;
 display: inline;
 overflow:hidden;
}

#bot_right { 
 color: #333;
 margin-left: 5px;
 margin-top: 8px;
 background: #fff;
 height: 242px;
 width: 205px;
 float: left;
}

#footer { 
 width: 850px;
 padding:10px;
 clear: both;
 color: #ccc;
 text-align:center;
 font-size: 94%;
}

#footer a { 
 color: #fff;
}

#content .facts {
 float:left;
 width:23%;
 height:390px;
 padding: 5px;
 border-left: 1px solid #efefef;
 line-height: 1.8em;
}

#myGallery
{
	text-align: left;
	margin: 0 auto;
	width:624px !important;
	height:464px !important;
}

/* Contact Form */
#content .impule {
 width: 250px;
}

#content .submitted {
 padding:4px;
 background-color:#000;
 font-weight: bold;
 color:#FFE700;
}

#content .form_text {
 float:left;
 width: 17%;
 padding:2px; 
}

#content .form_input {
 float:left;
 width: 79%;
 padding: 2px;
}

#content .form_input_apply {
 float:left;
 width: 64%;
 padding: 2px 2px 5px 2px;
}

#content .form_text_apply {
 float:left;
 width: 32%;
 padding: 2px 2px 5px 2px; 
}

#content #log {
	width: 90%;
	margin: 10px;
}
 
#content #log_res {
	overflow: auto;
	font:0.9em Arial, Helvetica, Sans-serif;
	color:#ff0000;
}
 
#content log_res.ajax-loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;
}
/* End Contact Form */

#lbOverlay{position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer}
#lbCenter, #lbBottomContainer{position:absolute; z-index:9999; overflow:hidden; background-color:#fff}
.lbLoading{background:#fff url(loading.gif) no-repeat center}
#lbImage{position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat}
#lbPrevLink, #lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(prevlabel.gif) no-repeat 0 15%}
#lbNextLink{left:50%}
#lbNextLink:hover{background:transparent url(nextlabel.gif) no-repeat 100% 15%}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none}
#lbCloseLink{display:block; float:right; width:66px; height:22px; background:transparent url(closelabel.gif) no-repeat center; margin:5px 0; outline:none}
#lbCaption{font-weight:normal}
#lbCaption a, a:visited {color: #ff8000;}
#lbCaption a:hover {text-decoration: none; color: #ff0000;}