body { 
	background-color: #F2F2DE;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#hdrBackground { 
	background-color: rgb(240,179,53);
	border-bottom: solid 4px #BC7B07;
	color: #fff;
	font-size:20px;
	position:relative;
}
#hdrBackground a { color:#fff; text-decoration: none; }
.hdrMenu span.popup { 
	display: none;
	z-index:25;
	position:absolute;
	border:1px solid #4f515b;
	background-color:#BC7B07;
	text-align:left;
	}
.hdrMenu.showPopup span.popup { display: block; }
.hdrMenuLink { border:1px solid #4f515b; padding:.25em; }
.hdrMenuLink:hover { background-color:#4f515b; color:#fff; }
.hdrMenuLink a { color:#fff; text-decoration: none; }
#header .menuSelected a { font-style: italic; margin-left: 1em; color:#000; }

#headerRight { float:right; padding:1em .2em; }

h2 { border-bottom:3px solid rgb(250,179,61); }

/* Banner */
#banner { width:100%; background:#000;}
#banner img { width: 100%; position: relative; opacity: 0.8;}
#banner h2 { position: absolute; width:100%; top: 100px; left: 0; border-bottom: none;}
#banner h2 p {
	color: #444; 
	font: bold 16px/25px Helvetica, Sans-Serif; 
	letter-spacing: -1px;  
	background: rgb(204, 204, 204); /* fallback color */
	background: rgba(204, 204, 204, 0.4);
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	font-family: Palatino;
	
  }
  #banner h2 p span { color: white; }
  
  .intro, .maindesc {
	  padding-left:10px;
	  padding-bottom: 20px;
  }
  
  .intro h3{
	  font-style: italic;
	  font-size:16px;
  }
  
  .intro p {font-size:12px; line-height:21px; padding:0 20px;}
  
  .intro .info { font-size: 12px; padding-left:40px;}

.maindesc p {
	font-size:12px; line-height:21px; padding:0 20px;
}

.quotecolor {
	font-size: 14px !important;
	color: #8D5900;
	line-height: 24px !important;
	font-weight: bold;
	margin-left:40px;
	display:block;
}
.bluetext {
	font-size: 14px !important;
	color: #454C73;
	line-height: 24px !important;
	font-weight: bold;
	display:block;
}
#bgFooter {
	background: url('images/site/footer-spc01.gif');
}

/* Detail Table Styling */
.detail-table {
	padding: 10px 20px;
	overflow: hidden;
}
.detail-table ul {
	list-style-type: none;
}

.detail-table ul li {
	overflow:hidden;
	padding: 0 10px;
	margin-bottom: 1px;
}

.detail-table ul li:nth-child(odd) {
	background-color: #F1EAE1;
}
.detail-table ul li:nth-child(even) {
	background-color: #f8f6ec;
}

.detail-table ul li p {
	float:left;
	height:auto;
	font-size:20px;
	margin:0;
	line-height:26px;
}

.detail-table ul li p.left {
	width:55%;
	padding: 5px 10px 5px 0;
	border-right:2px solid #FFF;

}

.detail-table ul li p.right {
	width:35%;
	padding: 5px 20px;
}
@media only screen and (max-device-width:414px) {
	.detail-table { padding: 2px; }
	.detail-table ul { padding: 0; }
	.detail-table ul li p.left { width:50%; }
}
@media only screen and (max-device-width:375px) {
	.maindesc { padding: 0; }
}
@media only screen and (max-device-width:320px) {
	h2 { font-size:1.2em }
	.quotecolor { margin-left: 0; }
	.detail-table ul li p { font-size:16px; line-height:20px; }
	.detail-table ul li p.right { width:30%; }
}