body {padding: 0; margin: 0; background: #c1bca2;}

/*-- 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: 960px; /* FF maxwidth */
/* width: expression(document.body.clientWidth > 960 ? "960px": "auto" );  IE maxwidth */
	
	background: #ededd7;
	margin: auto;
}

#banner {background: url("image/banner.jpg") #624b00 14px 0; height: 147px;}
#logo {float: left; width: 487px; text-align: center; color: white; font: bold 24pt georgia; display: inline;}
#nav {display: block; margin: 0; padding: 5px 0 8px 0; list-style: none;  background: #000000; text-align: center; color: white;}
#nav li {display: inline; margin: 0 7px;}
#nav a {color: white; text-decoration: none; font: normal 10pt times new roman; letter-spacing: 1px;}
#nav a:hover {text-decoration: underline;}
#nav img {vertical-align: bottom; margin-right: 5px;}

#side {width: 320px; background: #ededd7; float: right; display: inline; text-align: center;}
#side img {display: block; margin: 4px auto;}

#support {height: 76px; background: #9c5d60; padding-top: 20px; color: white; font: bold 14pt georgia;}

#todo {height: 270px; background: #a6b57b; padding-top: 33px;}
#todo ul {text-align: center; margin: 0; padding: 0 33px;}
#todo li {display: inline;  font: normal 9pt georgia; line-height: 18px; color: #f6f7f1; letter-spacing: 1px;}
#todo li a {color: #fff;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;}

/*-- Nugget lists BOF --*/
#nugget ul {list-style-type:none; padding-left: 10px; margin-left: 10px;}
#nugget li {padding-left:35px;background:transparent url(image/nugget.jpg) no-repeat;background-position:5px 5px;}
#nugget h3 {background: url(image/line.gif) no-repeat;height: 25px;}
#nugget h3 a {color: #75232c; font-weight: normal; margin: 15px 0 -15px 0; padding: 0;border:0;}
#nugget h3 a:hover {text-decoration: none;border:0;}
/*-- Nugget lists EOF --*/

/*-- Flake lists BOF --*/
#flake {}
#flake ul {list-style-type:none; padding-left: 20px; margin-left: 20px;}
#flake li {min-height: 55px;padding-left:50px;background:transparent url(image/bug-sm.gif) no-repeat;}
/*-- Flake lists EOF --*/

/*-- 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; text-align: center;} 
#glossary p {margin:10px 50px;color: #a4a49e; font: normal 10pt verdana; 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-right: 320px;}
#content {padding: 35px 50px 70px; font: normal 12pt/20px "times new roman"; color: #56575a; position: relative;}
#content .home {text-align: justify;}
#content h1 {padding: 0; margin: 0 0 25px 0; color: #607b1a; font: bold 26pt georgia;}
#content h2 {padding: 0; margin: 30px 0 18px 0; color: #778d39; font: normal 20pt times new roman;}
#content h3, #content h3 a {color: #75232c; font-weight: normal; margin: 15px 0 -15px 0; padding: 0;border:none;}
#content h4 {color: #000; margin: 18px 0 -5px 0; padding: 2px;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.activity {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: #ededd7; 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}