/* SOEP CSS Document */
 
/* Global */
/* commented backslash hack \*/ 
html, body{
	height:100%;
} 
/* end hack */
html, body {
	margin:0;
	padding:0;
	min-height: 100.1%; /* fixes Mozilla Page shift w/out scrollbars */
	background-color:#cfcfcf;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 760px;
	height:100%;
	z-index: 0; /* For Footer */
}
#main {
	margin: 0 auto;
	position:absolute;
	background-image: url(../images/global/bg_active.gif);
	width: 760px;
	height: auto; /* works only if parent container is assigned a height value */
	min-height:100%; /* moz uses this to make full height design. If you change this to height:100% moz won't expand the design if content grows. */
	display:table-cell; /* Safari fixes to 100% height. This makes Safari treat the div as a table cell (no other browser does this) and thus it will expand */
	display: block; /* For Footer */
}
* html #main{height:100%;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px;
	line-height: 16px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 25px;
	padding-bottom: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	line-height: 16px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 16px;
	padding-bottom: 0px;
}
h1+h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	line-height: 16px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 8px;
	padding-bottom: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	line-height: 16px;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#head {
	padding-left:9px;
	padding-right:9px;
	width: 742px;
}
#nav {
	margin-left:9px;
	width: 742px;
	height: 25px;
	/*background-color: #3f3f3f;*/
	background-color: #0555a3;
	text-align: center;
}
#nav img {
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
}
#bodyFade {
	margin-left:9px;
	background-image: url(../images/global/bg_body.gif);
	background-repeat: repeat-x;
	min-height:28px;
	width: 742px;
}
#bodyWrap {
	margin: 0 auto;
	width: 734px;
	margin-left: 26px; /* For Features Indent */
}
#heading {
	float:left;
	width: 534px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#feature01 {
	float:left;
	width: 161px;
	padding-bottom: 35px; /* For Footer */
}
#feature01 img {
	margin-bottom: 10px;
}
#feature02 {
	margin-left: 12px;
	float:left;
	width: 178px;
	padding-bottom: 35px; /* For Footer */
}
#feature02 img {
	margin-bottom: 0px;
}
#feature03 {
	margin: 0px;
	float:left;
	width: 178px;
	padding-bottom: 35px; /* For Footer */
}
#feature03 img {
	margin-bottom: 0px;
}
#feature04 {
	margin: 0px;
	float:left;
	width: 178px;
	padding-bottom: 35px; /* For Footer */
}
#feature04 img {
	margin-bottom: 0px;
}
#subContent {
	margin-left: 12px;
	float:left;
	width: 356px;
	padding-bottom: 35px; /* For Footer */
}
#subContent2 {
	margin-left: 12px;
	float:left;
	width: 534px;
	padding-bottom: 35px; /* For Footer */
}
#feature02 img {
	margin-bottom: 0px;
}
.featImg {
	margin-right: 12px;
	margin-left: 12px;
}
.subImg {
	margin-right: 12px;
	margin-left: 12px;
	margin-top: 12px;
}
#crumbs {
	background-image: url(../images/home/feat_primary_bg.gif);
	background-repeat: repeat-y;
}
#crumbs p {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 5px;
}
#crumbs a {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	text-decoration: underline;
}
#crumbs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #e28b00;
	font-size:10px;
	text-decoration: underline;
}
.primary {
	background-image: url(../images/home/feat_primary_bg.gif);
	background-repeat: repeat-y;
}
.primarySub {
	background-image: url(../images/home/feat_primary_bg.gif);
	background-repeat: repeat-y;
	padding-right: 0px;
}
.end {
	background-image: url(../images/home/feat_end_bg.gif);
	background-repeat: repeat-y;
}
#footer {
	position: absolute;
	bottom: 0px;
	margin-left: 9px;
	width: 742px;
	z-index: 999;
	display: block;
}
.primary p {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 15px;
}
.primary a {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.primary a {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.primary a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#e28b00;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.primarySub p {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 15px;
}
.primarySub a {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.primarySub a {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.primarySub a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#e28b00;
	font-size:12px;
	line-height: 16px;
	text-decoration: underline;
	font-weight: bold;
}
.end p {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	padding-top: 15px;
}
#subSect {
	margin-right: 1px;
	margin-left: 1px;
	background-color: #3f3f3f;
	padding-top: 12px;
	padding-bottom: 7px;
}
#subSect img {
	margin-left: 12px;
	margin-bottom: 5px;
}
#subNav{
	padding-top: 14px;
	padding-bottom: 10px;
	background-image: url(../images/global/subnav_bg.gif);
	/*margin-bottom: 12px;*/
}
#subNav img{
	margin-left: 12px;
	margin-bottom: 6px;
}
ul {
	list-style-type: square;
	list-style:square;
	margin-bottom: 0px;
	padding-right: 24px;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-bottom:8px;
}
.orangeHead {
	background-color:#e28b00;
	margin-top:12px;
	margin-bottom:0px;
	margin-right:12px;
	margin-left:12px;
	padding-left:12px;
	padding-top:6px;
	padding-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	line-height: 16px;
}
.orangeChart {
	background-color:#ee9f0a;
	margin-top:1px;
	margin-bottom:12px;
	margin-right:12px;
	margin-left:12px;
	padding-bottom:16px;
}
.orangeChart p {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-top:0px;
	padding-top:12px;
}
.orangeChart ol {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:16px;
	padding-right: 24px;
	padding-bottom:0px;
}
.orangeChart li{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height: 16px;
	text-decoration: none;
	margin-bottom:16px;
}
#subExtras {
	margin: 0px;
	/*float:left;*/
	float:right;
	width: 178px;
	padding-left: 16px;
}
.rule {
width: 100%;
height: 0px;
min-height: 1px;
background-color: #fcce67;
margin-top:22px;
margin-bottom: 0px;
padding: 0px;
}