﻿/* CSS Document */
li{
	padding:0; margin:0;
	}
h3{
	padding:0; margin:0;
	}
textarea{
	padding:0; margin:0;
	}
img{
	padding:0; margin:0;
	}
h2{
	padding:0; margin:0;
	}
form{
	padding:0; margin:0;
	}
li{
	padding:0; margin:0;
	}
ul{
	padding:0; margin:0;
	}
p{
	padding:0; margin:0;
	}
div{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0; clear:both; line-height:0;
	}
/*---------------main body------------*/
body{
margin:0 0 26px 0;
padding:0;
background-color:#F1E9D6;
color:#453A1E;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 200px; /*Height of top section*/
}

#leftTop{
	width:542px; 
	background:url(images/header_pic2.jpg) no-repeat 0 0; 
	padding:25px 0 0 0; 
	font-size:0; 
	float:left;
	}

#righttop{
	width:300px; float:right;  margin:39px 0 0 0; 
	
	font-size:10px; font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #C5B692; border-right:1px solid #C5B692;
	position:absolute; left:780px; top:0;
	}

#righttop form{
	width:191px; 
	height:96px;
	
	background-color:#FDFDFE; color:#313131;
	}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 370px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 100%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -370px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #E1D3B1;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column in pixels*/
margin-left: -190px; /*Set margin to -RightColumnWidth*/
background: #F1E9D6; color:#313131;
}
/*Set -Right position:absolute; left:905px; top:222px; navigation*/
#rightPan1{
	width:180px;  margin:12px 0 12px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0;
	height:200px;  float:left;
	}
#rightPan1 ul{
	width:162px; display:block; margin:0px 0 28px 0; 
	}
#rightPan1 ul li{
	background:url(images/right_arrow.gif) repeat-x left bottom; height:22px; font-size:0; display:block;
	}
#rightPan1 ul li.no{
	background:none; height:22px; font-size:0; display:block;
	}
#rightPan1 ul li a{
	background:url(images/navi_arerow.gif) no-repeat 0 0 #F1E9D6; color:#765914; font-weight:bold; font-size:12px;
	line-height:21px; padding:0 0 0 10px; display:block; text-decoration:none; height:21px;
	}
#rightPan1 ul li a:hover{
	background:url(images/navi_arerow_h.gif) no-repeat 0 0 ; padding:0 0 0 10px;
	}
#rightPan1 ul li a.show{
	background:url(images/navi_arerow_h.gif) no-repeat 0 0 #F1E9D6; color:#765914; font-weight:bold; font-size:12px;
	line-height:21px;	padding:0 0 0 10px; height:21px;  display:block; text-decoration:none;
	}
#rightPan1 ul li a.show:hover{
	background:url(images/navi_arerow_h.gif) no-repeat 0 0 ; padding:0 0 0 10px;
	}
#rightPan1 h2{
	font:normal 24px/22px Arial, Helvetica, sans-serif; color:#765914; display:block; width:170px; text-indent:0;
	height:52px; background-color:#F1E9D6; margin:0 0 22px 0; 
	}
#rightPan1 h2 span{
	color:#281D00; background-color:#F1E9D6;
	}
#rightPan1 p{
	width:190px; color:#453A1E; font-size:12px; line-height:16px; display:block; margin:0 0 20px 0;
	background-color:#F1E9D6;
	}
#rightPan1 p a{
	text-decoration:underline; color:#453A1E; background-color:#F1E9D6;
	}
#rightPan1 p a:hover{
	text-decoration:none;
	}
#rightPan1 h3{
	font-size:11px; color:#453A1E; text-transform:uppercase; font-weight:bold; padding:0 0 8px 0 ; display:block;
	line-height:16px; background-color:#F1E9D6;
	}

/*Set  -Right Achieve*/
#arch{	
	width:174px; background:url(http://cdpm.coolpage.biz/images/archive_bg.gif) repeat-y 0 0; margin:0px 0 20px 0px; float:left; display:block; font-size:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#arch span{
	background:url(http://cdpm.coolpage.biz/images/archive.gif) no-repeat left top; width:174px; height:13px; display:block;
	}
#arch p{
	background:url(http://cdpm.coolpage.biz/images/archive_buttom.gif) no-repeat left bottom; width:174px; height:13px; display:block; font-size:0;
	}
#arch h2{
	color:#704F01; font-size:22px; line-height:22px; display:block; margin:0 0 0 32px; background-color:#E1D3B1;
	padding:0; background-image:none; height:26px; width:83px; text-indent:0px; font-family:Arial, Helvetica, sans-serif;
	}
#arch h3{
	 color:#2B2517; text-transform:uppercase; margin: 0 0 5px 32px; width:83px; display:block;  background-color:#E1D3B1;
	 font-size:10px; line-height:17px; font-weight:bold; padding:0; 
	}
#arch ul{
	margin:0; display:block; padding:0;
	}
#arch ul li{
	background:url(http://cdpm.coolpage.biz/images/achive_arrow.gif) no-repeat 0 8px #E1D3B1; border-bottom: 1px dashed #948258; padding:0 0 0 10px;
	margin: 0 0 0 33px;  color:#2F2712; width:83px; height:17px; display:block;
	}
#arch ul li.nobor{
	background:url(http://cdpm.coolpage.biz/images/achive_arrow.gif) no-repeat 0 8px #E1D3B1; border-bottom: none; padding:0 0 0 10px;
	margin: 0 0px 8px 33px;  color:#2F2712; width:83px; height:17px; display:block;
	}
#arch ul li a{
	color:#2F2712; background-color:#E1D3B1; font-size:12px; line-height:17px; text-decoration:none; display:block;
	}
#arch ul li a:hover{
	color:#2F2712; background-color:#D1C097;
	}

/*Set margin to -for inner DIV inside each column*/
	.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* DIV footer...............................................................................*/

#footer{
	background:url(images/footer_bg.gif) no-repeat 0 0 #2B2517; 
	margin:0 auto 0px auto;  color:#FAF8F2;
	font-family:Arial, Helvetica, sans-serif; font-size:0; 
	height:121px; padding:24px 0 0 0; clear: left; width: 100%;
	}
#footer ul{
	width:550px; display:block; margin:0 0 0 101px; font-size:0;
	}
#footer ul li{
	float:left; display:block; font:12px/22px Arial, Helvetica, sans-serif; color:#F1E9D6; height:22px;
	background-color:#2B2517; 
	}
#footer ul li a{
	font:bold 12px/22px Arial, Helvetica, sans-serif; color:#F1E9D6;  padding:0 5px 0 5px;
	background-color:#2B2517; text-decoration:none; 
	}
#footer ul li a:hover{
	background-color:#403722; color:#F1E9D6;
	}
#footer p{
	width:350px; display:block; font-size:11px; line-height:22px; margin:0 0 0 272px; 
	}
#footer ul.vali{
	width:79px; display:block; margin:11px 0 0 0px; font-size:0; float:left; padding:0 0 0 246px;
	}
#footer ul.vali li{
	float:left; display:block; margin:0 4px 0 0px; padding:0
	}
#footer ul.vali li a{
	text-indent:-2000px; height:9px; display:block; padding:0; margin:0;
	}
#footer ul.vali li a.css{
	background:url(images/css.gif) no-repeat 0 0; width:27px; height:9px; 
	}
#footer ul.vali li a.css:hover{
	background:url(images/css_h.gif) no-repeat 0 0; width:27px; height:9px; text-indent:-2000px;
	}
#footer ul.vali li a.xhtml{
	background:url(images/xhtml.gif) no-repeat 0 0; width:42px; height:9px; text-indent:-2000px;
	}
#footer ul.vali li a.xhtml:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; width:42px; height:9px; text-indent:-2000px;
	}
#footer p.text{
	width:166px; display:block;  text-transform:uppercase; margin:8px 0 0 0; color:#E9DFC6; background-color:#2B2517; 
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; padding:0 0 0 12px; 
	}
#footer p.text a{
	text-decoration:none; color:#FFFFFF; background-color:#2B2517; padding:0 0 0 5px;
	}
#footer p.text a:hover{
	background-color:#403722; color:#F1E9D6;
	}

