body {padding: 0; margin: 0; background: #5D771D;}

/*-- Structure --*/
#main {
	/* Uncomment lines to set page fluidity. 
		Fixed - Will not resize
		Fluid - Will always resize to match the browser
		Maxwidth - Fixed above set size, fluid below */

	/* width: 960px; /* Fixed */
	/* width: auto; /* Fluid */
	width: auto; max-width: 870px; /* FF maxwidth */
	height: auto; min-height: 600px;
	#width: expression(document.body.clientWidth > 870 ? "870px": "auto" ); /* IE maxwidth */
	
	background: #E3DEAD; /* was #ededd7 */
	margin: auto;
}

#banner {background: url("assets/images/banner-rocklin-thai.gif") #E3DEAD 0 0 no-repeat; height: 234px;}
#logo {float: right; width: 270px; padding: 180px 15px 0 10px; text-align: left; color: #C10A0A; font: bold 12pt verdana; display: inline;}
#logo .address {font-size: 10pt;padding-top: 4px;}
#nav {display: block; margin: 0; padding: 5px 0 5px 0; list-style: none;  background: #000000; text-align: center; color: white;}
#nav li {display: inline; margin: 0 20px;}
#nav a {color: white; text-decoration: none; font: normal 12pt Papyrus; letter-spacing: 1px;}
#nav a:hover {text-decoration: underline;}
#nav img {vertical-align: bottom; margin-right: 5px;}

#side {width: 270px; float: left; display: inline; text-align: center;} /* was #ededd7 */
#side img {display: block; margin: 4px auto;}

#hours {height: auto; background: #C10A0A;padding: 5px;}
#hours h1 {color: white; font: bold 14pt Papyrus;margin:0;}
#hours p {font: normal 10pt/20px "verdana"; color: #fff;}
#hours a {text-decoration:none;}
#hours h2 a {color:black;}

#todo {background: #E3DEAD; padding: 20px 0;font: normal 14pt verdana; color: #607b1a;}
#todo ul {text-align: center; margin: 0; padding: 0 33px;}
#todo li {display: inline;  font: normal 9pt georgia; line-height: 18px; color: #C10A0A; letter-spacing: 1px;}
#todo li a {color: #C10A0A;text-decoration: none;}
#todo li a:hover {color: #666;}
#todo li.b {background: url("image/bullet.jpg") no-repeat 1px 3px; padding-left: 14px;}
#todo .spcr {margin: 20px auto;}
img {border: 1px solid #333;}

#events {background: #E3DEAD url("assets/images/upcoming-events.gif") no-repeat; padding: 40px 8px 0 75px; height: 148px;}
#events h3 {color: #000; font: bold 11pt verdana; margin: 10px 0 -10px 0; padding: 0;text-align: right;}
#events p {margin: 12px 0 -10px 0; padding: 0;text-align: right;}
#events a {text-decoration: none;}
#events a:hover {text-decoration:underline;}

/*-- Steps lists BOF --*/
#steps ol {padding: 5px 0 0px 45px;}
#steps li {color: #000; font: bold 10pt verdana;}
#steps ol p{font: normal 12pt times new roman; color: #56575a; line-height: 20px; margin-top: 0px;}
/*-- Steps lists EOF --*/

#catchbug {height: 180px; padding-top: 30px;} 
#catchbug p {color: #a4a49e; font: normal 10pt verdana; width: 170px; margin: 10px 0 0 115px; text-align: left;}
#catchbug p a {display: block; margin: 1px 0 0 5px; text-decoration: none; font: bold 8pt verdana; color: #888888;}
#catchbug p a:hover {text-decoration: underline;}
#catchbug .bug {float: left; display: inline; margin-left: 38px;}

#glossary {height: 180px; padding-top: 30px; align: center;} 
#glossary p {display: block;color: #a4a49e; font: normal 10pt verdana; width: 200px; text-align: justify;}
#glossary p a {color: #a4a49e;text-decoration: none;font-weight: bold;}
#glossary p a:hover {text-decoration: underline;}


#page {background: white; margin-left: 270px;}
#content {padding: 20px; font: normal 10pt/20px "verdana"; color: #000; position: relative;}
#content .home {text-align: justify;}
#content h1 {padding: 0; margin: 0 0 20px 0; color: #607b1a; font: bold 22pt Papyrus;}
#content h2 {padding: 0; margin: 25px 0 16px 0; color: #C10A0A; font: normal 18pt verdana;}
#content h3 {color: #000; font: bold 11pt verdana; margin: 15px 0 -10px 0; padding: 0;}
#content h4 {color: #000; margin: 18px 0 -5px 0; padding: 2;font: bold 10pt verdana;}
#content a {color: #56575a; text-decoration: none ;border-bottom:1px dashed #999999;} /* color: #3d559b;  */
#content a:hover {text-decoration: none;border-bottom:1px solid #666;}
#video {float: right; display: inline; margin: -5px 0 0 20px;background: #c8c6ad;}
img.left{float: left;  margin: 3px 15px 0 0;border: 0;}
.pRight {height: 207px;}
img.right  {float: right; display: inline; padding: 5px 5px 5px 15px;}
#price-right {float: left;padding-top: 15px;}
#back {float: left;}
#tour-table {padding-top: 10px}
#column-left {width: 550px;}
#lists {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#lists h3 {background: url(image/line.gif) no-repeat;height: 25px; margin: 15px 0 -15px 0; padding: 0;border:0;font-family:"times new roman";font-size:16pt;}
#lists p {color: #000; font-size: 10px;}


#prices {float: left; width: 150px;padding-top: 15px;}

#footer {background: black; color: #777777; font: normal 7pt verdana; letter-spacing: 1px; text-align: center; padding: 4px 0 10px 0}
#footer ul {margin: 0; padding: 2px 0; display: block; list-style: none;}
#footer li {display: inline; margin: 0; padding: 0;}
#footer a { font-size: 10pt; color: white; text-decoration: none; padding: 4px;}
#footer a:hover {background: #333333;}

#credits {background: #777777; color: black; font: normal 7pt verdana; letter-spacing: 1px; text-align: center; padding: 4px 0 10px 0;}
#credits2 {background: #5D771D; color: black; font: normal 7pt verdana; letter-spacing: 1px; text-align: center; padding: 4px 0 10px 0;}

/*-- Utility --*/
.clear {clear: both;}
p {padding-bottom: 2px}