/* CSS Document */
body{
	font-family: Tahoma, Tahoma Bold;
	font-size: 12px;
	color: #000;
	margin:0px;
	padding:0px;
	background:#ccc url(images/main-bg.jpg) repeat-x 0 0;
	color:#5D5B46;
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	
}

div, p, ul, h2, img{
	margin:0px; padding:0px;
}

ul{
	list-style-type:none;
}





/*----TOP PANEL----*/
#topPan{
	width:778px;
	height:141px;
	position:relative;
	margin:0 auto;
	font:14px/18px Arial, Helvetica, sans-serif;
	text-align: center;
}
#topPan ul{
	width:150px;
	height:20px;
	position:absolute;
	top:118px;
	color: #fff;
	background-color: #000;
	left: 314px;
}
#topPan ul li{
	float:left;
	width:150px;
	height:20px;
}

#topPan img.logo{
	width:511px;
	height:82px;
	position:absolute;
	top:15px;
	left:136px;
}

#topPan p.callus{
	width:119px;
	height:25px;
	background:url(images/callus-bg.gif) 0 0 no-repeat #212121;
	color:#fff;
	position:absolute;
	top:53px;
	right:115px;
	line-height:24px;
	text-align:center;
}

#topPan p.phone{
	width:130px;
	height:25px;
	background:#212121;
	color:#EAE8CD;
	position:absolute;
	top:83px;
	right:109px;
	font-size:20px;
	line-height:25px;
	text-align:center;
}





/*----TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{
	width:778px;
	height:357px;
	position:relative;
	margin:0 auto;
}

#headerleftPan{
	width:46px;
	height:357px;
	float:left;
	background:url(images/leftfolder.gif) 0 0 no-repeat;
}





/*----Header Middle Panel----*/
#headerrightPan{
	width:46px;
	height:357px;
	float:left;
	background:url(images/rightfolder.gif) 0 0 no-repeat;
}
#contleftPan {
	width:46px;
	height:35px;
	float:left;
}
#contrightPan {
	width:46px;
	height:35px;
	float:left;
}



/*----Header Middle Panel----*/
#headermiddlePan{width:686px; height:228px; float:left;}



/*----Menu Panel----*/
#menuPan{
	width:686px;
	height:33px;
	position:relative;
	margin:0 auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}

#menuPan ul{
	width:685px;
	height:28px;
	position:absolute;
	top:2px;
}

#menuPan ul li{
	width:85px;
	height:28px;
	float:left;
}

#menuPan ul li a{
	width:85px;
	height:28px;
	display:block;
	background:#fff;
	color:#2F2A28;
	font:bold 12px/28px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}

#menuPan ul li a:hover{
	width:85px;
	height:28px;
	background:#2F2A28;
	color:#fff;
	border:none;
	text-decoration:none;
}

#menuPan ul li.home{
	width:85px;
	height:28px;
	background:#2F2A28;
	color:#fff;
	font:bold 12px/28px Arial, Helvetica, sans-serif;
	text-align:center;
	border:none;
	text-decoration:none;
}



/*----Flash Panel----*/
#headerbodyPan{
	width:686px;
	height:313px;
	position:absolute;
	top:42px;
	left:46px;
	background:#fff;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

/*---- Flash----*/
#flash
{
	width:625px;
	height:275px;
	color:#fff;
	margin-top: 30px;
}

/*----Header MORE Photos----*/
#headermorePan{
	width:47px;
	height:124px;
	position:absolute;
	top:32px;
	right:0px;
	font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#headermorePan a{
	width:39px;
	height:38px;
	display:block;
	background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1;
	color:#fff;
	text-decoration:none;
	padding:85px 0 0 8px;
}

#headermorePan a:hover{
	background:url(images/headermore-hover.gif) 0 0 no-repeat;
	text-decoration:none;
}




/*----BODY PANEL----*/
#bodyPan{
	width:686px;
	margin:0 auto;
	padding-bottom: 50px;
	height: 100%;
	display: block;
}
#bodyPan img {
	float: left;
	margin-right: 10px;
	margin-bottom: 300px;
}
#assoc {
	float: right;
	width: 335px;
}
#menuPan .active a {
	background-color: #2F2A28;
	color: #fff;
}

.grey {
	color: #333333;
}
#bodyPan h1 {
	color:#D80000;
	font:normal 26px Tahoma, "Tahoma Bold";
	margin-top: 15px;
}

#bodyPan h2{
	color:#D80000;
	font:normal 16px Tahoma, "Tahoma Bold";
}
#bodyPan h3 {
	font-family: Tahoma, "Tahoma Bold";
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

#bodyPan p{
	padding:10px 0 0;
	font-family: Tahoma, "Tahoma Bold";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

#bodyPan a {
	color: #DC0000;
	text-align: left;
	text-decoration: none;
}





/*----FOOTER PANEL----*/
#bodyPan a:hover {
	color: #DC0000;
	text-align: left;
	text-decoration: underline;
}
#bodyPan p.border{
	background:url(images/dot-line.gif) 0 0 repeat-x;
	height:1px;
	padding:0 0 14px 0;
}




/*----Body Bottom Panel----*/
#bodybottomPan{
	width:778px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 8px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	padding-bottom: 0px;
	height: 325px;
}





/*----Bottom Left Panel----*/
#bottomleftPan{
	width:375px;
	float:left;
	background:#fff url(images/bodybottombg.gif) no-repeat 0px 0px;
	color:#D80000;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0px;
}

#bottomleftPan h2{
	font:normal 26px Tahoma, "Tahoma Bold";
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#bottomleftPan img {
	border: 1px solid #666666;
	margin-top: 15px;
	margin-left: 30px;
}

#bottomleftPan p {
	font-family: Tahoma, "Tahoma Bold";
	font-size: 12px;
	color: #333333;
	margin-left: 48px;
	margin-bottom: 5px;
}
 
#bottomleftPan p.more{
	width:270px;
	height:21px;
	padding:0px;
	margin:20px 0 20px 50px;
}
 
#bottomleftPan p.more a{
	width:270px;
	height:21px;
	display:block;
	background:#fff url(images/bottom-more-bg.gif) no-repeat 0 0;
	color:#fff;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
 
#bottomleftPan p.more a:hover{
	background:#fff url(images/bottom-more-bg.gif) no-repeat 0 0;
	color:#ccc;
	text-decoration:none;
}
 


/*----Bottom Right Panel----*/
#bottomrightPan{
	width:375px;
	float:left;
	background:#fff url(images/bodybottombg.gif) no-repeat 0 0;
	color:#D80000;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0 0 0 8px;
}

#bottomrightPan h2 {
	font:normal 26px Tahoma, "Tahoma Bold";
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 10px;
}

#bottomrightPan img {
	border: 1px solid #666666;
	margin-top: 15px;
	margin-left: 30px;
}

#bottomrightPan p {
	font-family: Tahoma, "Tahoma Bold";
	font-size: 12px;
	color: #333333;
	margin-left: 48px;
	margin-bottom: 5px;
}
 
#bottomrightPan p.more{
	width:270px;
	height:21px;
	padding:0px;
	margin:20px 0 20px 50px;
}
 
#bottomrightPan p.more a{
	width:270px;
	height:21px;
	display:block;
	background:#fff url(images/bottom-more-bg.gif) no-repeat 0 0;
	color:#fff;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
 
#bottomrightPan p.more a:hover{
	background:#fff url(images/bottom-more-bg.gif) no-repeat 0 0;
	color:#ccc;
	text-decoration:none;
} 




/*----FOOTER PANEL----*/
#footermainPan{
	height:150px;
	background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B;
	color:#fff;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	padding:40px 0 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 20px;
}

#footerPan{
	width:700px;
	position:relative;
	margin:0 auto;
}

#footerPan ul{
	width:530px;
	height:20px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 50px;
}

#footerPan li{
	float:left;
}

#footerPan ul li a{
	padding:0 10px 0;
	color:#fff;
	background:#3B3B3B;
	text-decoration:none;
	font-size:12px;
	font-family: Tahoma, "Tahoma Bold";
}

#footerPan ul li a:hover{
	text-decoration:underline;
	font-family: Tahoma, "Tahoma Bold";
}

#footerPan p.copyright{
	width:550px;
	color:#fff;
	font-size:11px;
	background-color: #3B3B3B;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}

#footerPanhtml{
	width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:45px;
	left:265px;
}

#footerPancss a:hover{
	background:url(images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B;
	color:#fff; text-decoration:none;
}
#contentPan {
	width:778px;
	height:45px;
	position:relative;
	margin:0 auto;
}
#contmiddlePan {
	width:686px;
	height:45px;
	float:left;
}
