/* CSS Document */

/*********** #navBar link styles ***********/

body{
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #666633;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #660000;
	text-indent: 0px;
	font-weight: lighter;
	margin: 0px;
	line-height: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h3{
 font-family: Arial, sans-serif;
 font-size: 115%;
 text-align:center;
 color: #666633;
 margin: 0px;
 padding: 0px;
}

h4{
	font-family: Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align:center;
	color: #660000;
	padding: 0px;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h5{
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #FF0000;
	margin: 0px;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h6{
	font-family: Verdana, Arial, sans-serif;
	font-size: 130%;
	color: #000066;
	margin: 0px;
	padding: 0px;
	height: 25px;
}


ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #666666;
	padding-top: 5px;
}

img.left {
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
}

img.right {
	float: right;
	margin: 0 0 10px 20px;
}

/************** .feature styles ***************/

.feature{
	font-size: medium;
	color: #6c583a;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: normal;
	background-color: #FFFFFF;
}

.feature h3{
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: 9d8d6b;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}

.feature2{
	font-size: medium;
	color: #6c583a;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: normal;
	background-color: #FFFFFF;
}

.feature2 h3{
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: 9d8d6b;
}

.feature2 img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	font-size: small;
	color: #333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.story p{
	padding: 0px 0px 10px 0px;
}

.story img{
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.story ul {
	list-style-type:none;
	list-style-position: outside;
	padding: 0;
	letter-spacing: normal;
	margin: 0px;
	line-height: normal;
}

.story li {
} 	

/************** .bannerAd styles *****************/

.banner{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 85px;
}


.banner img{
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #9d8d6b;
}

#sectionLinks h3{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}

#sectionLinks a {
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9d8d6b;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}

/************** .information styles *****************/

.overview{
	font-size: small;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}

.overview p{
	padding: 0px 0px 10px 0px;
}

.overview img{
	float: left;
	width: 650px
	background-color: DCC4AA;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.overview ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0;
	letter-spacing: normal;
	margin: 0px;
	line-height: 25px;
}

.overview li {
     margin-left: 1.5em;
} 	

.offers{
	font-size: small;
	border-bottom-style: dotted;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 5px;
	color: #333333;
	height: 150px;
	border-bottom-width: thin;
	border-bottom-color: #999;
}

.offers p{
	padding: 0px 0px 10px 0px;
}

.offers img{
	float: left;
	width: 650px
	background-color: DCC4AA;
	border: 0;
	padding: 0px;
	margin-right: 5px;
}


/************** .title strip *****************/

.titlestrip{
	font-size: xx-large;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #666633;
	font-family: Arial, Helvetica, sans-serif;
}

.sidebar {
	width: 200px;
	float: right;
	margin: 10px;
	border: solid 1px #666633;
	border-top-width: 5px;
	padding: 10px;
	background-color:#CCCC99;
	clear: right;
	}
	
.sidebar h3 {
    margin: 0;
	text-align: left;
}

.sidebar ul {
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: normal;
}

.sidebar li {
     margin-left: 5pt;
	 list-style: none;
} 	

/************** forms *****************/

#subForm {
   font-size: .8em;
}

#subForm .label {
   float: left;
   width: 230px;
   margin-right: 10px;
   text-align: right;
   font-weight: bold;
   clear: left;
}

input#subscribe {
   margin-left: 240px;
}

/************** Pictures *****************/

img.figure {
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #999966;
}

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}