@charset "utf-8";
/* CSS Document */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;

}
body {
	background-color: #7F5619;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	text-align: center;
	margin-top: 40px;
	font-size: 62.5%;
	margin-bottom: 30px;
}
h1 {
	color: #7F5619;
	font-size: 2.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.6em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DF9200;
	padding-bottom: 4px;
}
h2 {
	color: #DF9301;
	font-size: 2.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.4em;
}
h3{
	color: #DF9301;
	font-size: 2.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0.4em;
}
a{
	color: #A76C01;
	font-weight: bold;
	text-decoration: none;
	
}
#outerWrapper #footer a{
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	
}
a:hover {
	color: #000;
	text-decoration: underline;
	border-bottom-style: none;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
img {
 display: block
}
#outerWrapper {
	background-color: #fff;
	text-align: left;
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#outerWrapper #header {
	background-color: #7F5619;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
}
#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	padding: 20px;
	width: 160px;
}
#outerWrapper #contentWrapper #content {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
	background-color: #FFFFFF;
	background-image: url(../images/backFoot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	padding-left: 20px;
	color: #999999;
}
.preload17a {background: url(../images/pro_seventeen_1a.gif);}
.preload17b {background: url(../images/pro_seventeen_1b.gif);}
.menu17 {
	list-style:none;
	height:35px;
	position:relative;
	background:transparent url(../images/pro_seventeen_0c.gif) repeat-x left bottom;
	font-size:14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0em;
	font-family: Arial, Helvetica, sans-serif;
}
.menu17 li {
	float:left;
	height:35px;
	margin-right:5px;
}
.menu17 li a {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#7F5619;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 8px;
	cursor:pointer;
	background:url(../images/pro_seventeen_0a.gif) no-repeat;
}
.menu17 li a b {
	float:left;
	display:block;
	background:url(../images/pro_seventeen_0b.gif) no-repeat right top;
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 12px;
}
.menu17 li.current a {
	color:#553911;
	background:url(../images/pro_seventeen_2a.gif) no-repeat;
}
.menu17 li.current a b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}
.menu17 li a:hover {color:#000; background: url(../images/pro_seventeen_1a.gif) no-repeat;}
.menu17 li a:hover b {background:url(../images/pro_seventeen_1b.gif) no-repeat right top;}
.menu17 li.current a:hover {
	color:#553911;
	background: url(../images/pro_seventeen_2a.gif) no-repeat;
	cursor:default;
}
.menu17 li.current a:hover b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}

#picTop {
	clear: both;
	height: 230px;
	background-color: #DF9200;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 180px;
	z-index: 100;
}

.boxOrange {
	background-color: #FFEDCC;
	border: 1px solid #FEC965;
	margin-bottom: 1em;
	color: #3E2B0D;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.box160 {
	background-image: url(../images/backBox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	background-color: #FFE0A6;
}
.box1602 {
	background-image: url(../images/backBox2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	background-color: #FFE0A6;
}
.box160 h4, .box1602 h4{
	background-image: url(../images/backHeadBox.gif);
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
}
#outerWrapper #contentWrapper #content p {
	font-size: 1.2em;
	margin-bottom: 1.1em;
	line-height: 1.7em;
} 
.box160 p{
	font-size: 1.1em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
 /*--------List Content-------------------*/
 
#outerWrapper #contentWrapper #content ul{
	font-size: 1.2em;
	list-style: none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}
#outerWrapper #contentWrapper #content li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat left 2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 25px;
}

table {
	margin-bottom: 15px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#video {
	background-color: #FFE0A6;
	width: 675px;
	background-image: url(../images/videoTitle1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 20px;

}
#video2 {
	background-color: #FFE0A6;
	width: 675px;
	background-image: url(../images/videoTitle2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 20px;

}
#outerWrapper #contentWrapper #rightColumn1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#outerWrapper #contentWrapper #rightColumn1 li {
	font-size: 95%;
	vertical-align: bottom;
	list-style: none;

}
#outerWrapper #contentWrapper #rightColumn1 li a {
	display: block;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	background-color: #7F5619;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1.4em;
	
}

#outerWrapper #contentWrapper #rightColumn1 a:hover, #outerWrapper #contentWrapper #rightColumn1 #current {
	color: #7F5619;
	background-color: #FEC65F;

}
/*--Table--*/
 td, th {
	font-size: 90%;
}
.datatable {
	border: 1px solid #FFEDCC;
	border-collapse: collapse;
	width: 680px;
	background-color: #FFEDCC;
	margin-bottom: 10px;
	margin-top: 5px;
}
.datatable td {
	border: 1px solid #DF9200;
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	margin: 0em;
	font-size: 1em;
}
.datatable th {
	border: 1px solid #DF9200;
	background-color: #7F5619;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.datatable caption {
	color: #6C6ABD;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}