body {
	margin: 0;
	background: #EFEFEF url("images/bg.gif") repeat-y top;
}

h1, h2, h3, h4 {
	margin: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/*    The Wrap   */

#wrap {
	width: 1004px;	
	margin: 0 auto;
	padding:0px;
	background: #EFEFEF url("images/bg.gif") repeat-y top;
}

#content-container {
	width: 1004px;
	background: url("images/header.jpg") no-repeat top;	
	margin: 0 auto;
	padding:0px;
}

#contents {
	width: 935px;
	padding: 0 22px 0 35px;
	margin-top:-65px;
}

#page-bg {
	width: 1004px;
	background: url("images/page_bottom.gif") no-repeat bottom;
}

/* Header&footer */

#header {
	width: 1004px;
	height: 420px;
	position: relative;
}

#header-logo {
	position: absolute;
	left: 40px;
	top: 60px;	
}
#header-title {
	position: absolute;
	right: 222px;
	top: 80px;	
	text-align: right;
}
#header-title h1 {
	color: #FAFCFB;
	font:30px Arial;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 2px;
}
#header-title h1 a {
	color: #12100E;
	text-decoration: none;
}
.header-subtitle {
	color: #FAFCFB;
	font: 12px Arial;
	letter-spacing: 1px;
}
#phonepre{
	color: #EAE9E4;
}

#footer {
	width: 951px;
	height: 60px;
	padding: 0;
	color: #999999;
	padding-top:30px;
	margin-left: -9px;
	text-align:center;
	font: 11px Arial;
	clear:both;
	background:url("images/footer.jpg") no-repeat bottom center;
}

#footer a {
	color: #DF8F4D;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

/*   Top Menu    */
	
#navlist {
	position: absolute;
	top: 12px;
	left: 30px;
	height: 28px;
	width: 600px;
}

#navlist a {
	font: bold 12px tahoma;
	text-decoration: none;
	padding: 3px 14px;
	height:11px;
	color: #666666;	
	background:url("images/ctg_divider.gif") no-repeat right;
}

#navlist ul li a:hover {
		color: #D0333E;
}

/*   content   */

#content {
	float: left;
	width: 750px;
	overflow: visible;
	padding-left: 10px;
}

.post0, .post1 {
	float: left;
	width: 720px;
	margin-bottom: 10px;
	margin-top: 195px;
	margin-left: 10px;
	border:1px solid #999999;
	border-top:0px solid #666666;
}

.post1 {
	margin-top:0;
}

.post {
	width: 650px;
	color: #704020;
	position:static;
	background:url("images/top_post_top.jpg") repeat-x top left;

	font: 15px Verdana;
	padding: 15px 35px 35px 35px;
	text-align:justify;
}

.post h2 {
	color: #704020;
	padding: 10px;
	text-align: center;
	font: bold 18px Arial;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.post a {
	color: #555555;
	text-decoration: none;
}

.post a:hover {
	text-decoration: underline;
}

.post blockquote {
	border-left: 6px solid #C0B090;
	margin: 9px 0;
	padding-left: 10px;
	font-style:italic;
}

.post img {
	padding: 0;
	margin: 3px 15px 5px 0;
	border:1px solid #4F4F4F;
	float: left;
}

#content .post0 h3, #content .post1 h3 {
	margin: 20px 0 5px 0;
	color: #704020;
	font: 18px Verdana;
}


.port {
	font: 12px Verdana;
	color: #704020;			
	padding: 15px;
	text-align: justify;
}

.port a {
	color:#D0333E;
	text-decoration: none;
}

.port a:hover {
	color: #555555;
	text-decoration: underline;
}

.port img {
	padding: 0;
	margin: 3px 10px 3px 3px;
	border:1px solid #4F4F4F;
}

.port .more {
	margin: 9px 9px 0 9px ;
	text-align: right;
	font-size: 11px;
}

/*  tables  */

table.info {
	border-collapse: collapse;
	font: 12px Verdana;
}
table.info td {
	border: 1px solid #C0B090;
	text-align: center;
}
table.info td.left {
	text-align: left;
}
table.info td.quest {
	vertical-align: top;
	text-align: left;
	padding: 9px 17px;
}
table.info td.answer {
	text-align: left;
	padding: 9px 17px 9px 44px;
	font-style: italic;
}
table.info th {
	border: 1px solid #C0B090;
	background-color: #FFF7EE;
	font: 11px Verdana;
	text-align: center;
}

table.media {
	font: 12px Verdana;
}
table.media a {
	color: #555555;
}
table.media a:hover {
	color:#D0333E;
	text-decoration: none;
}
table.media img {
	padding: 0;
	margin: 5px;
	border:1px solid #4F4F4F;
	float: none;
}
table.media td {
	vertical-align: top;
	text-align: center;
}

/*  Menu Blocks  */
	
.menu0 {
	position:absolute;
	top:345px;
	padding:0 0 0 11px;
	height:200px;
}

.menu1 {
	position: relative;
	padding:0 0 0 11px;
	float: left;
}

.menu {
	margin:0 5px 10px 5px;
	float:left;
	padding:0 0 13px 0;
	border:1px solid #999999;
	border-top:0px;
}

.menu0 h2, .menu1 h2, .rblocks H3, .rblocks H3 a {
	height: 30px;
	padding-top:9px;
	font: bold 14px tahoma;
	letter-spacing: 1px;
	color: #704020;
	text-align:center;
	font-variant:small-caps;
	background:url("images/top_post_top.jpg") repeat-x top left;
}

.menu0 ul, .menu1 ul {
	margin: 0;
	padding: 0 16px;
	list-style-type: none;
}

.menu0 ul li, .menu1 ul li {
	color: #4F4F4F;
	font: 12px Arial;
	border-bottom:1px solid #cccccc;
	background:url("images/bullet.gif") no-repeat left;

}

.menu0 ul li a, .menu1 ul li a {
	color: #4F4F4F;
	text-decoration: none;
	padding: 5px 5px 5px 13px;
	height:15px;
	margin:0;
	display: block;
}

.menu0 ul li a:hover, .menu1 ul li a:hover {
	text-decoration: none;
	height:15px;
	color:#D0333E;
}

/*  Right Block  */
	
.rblocks {
	float: right;
	position:relative;
	text-align:center;
	width: 150px;
	margin: 65px 2px 10px;
	text-align:center;
	font: 11px Arial;
}
.rblocks a {
	color: #4F4F4F;
	text-decoration: none;
}
.rblocks a:hover {
	color:#D0333E;
}
.rblock_container{
	padding-left:0px;
	margin-top:10px;
	border:1px solid #999999;
	border-top:0px;
}
.rblock {
	margin:0;
	padding:10px 0 10px 0px;
}


.pano {
	margin: 20px 0;
	background-color: #4F4F4F; 
	border:1px solid #4F4F4F;
}

.sp {
	margin: 3px 22px;
	text-align: right;
    font: 10px Verdana;
	color: #704020;
}

.sp a {
	color:#D0333E;
    font: 10px Verdana;
}

.sp a:hover {
	color: #555555;
}


