﻿body
{
	
	text-align: center;
	color:#74653D;
    font:normal normal normal 11px/normal verdana, arial, sans-serif;
	padding-bottom: 10px;
	padding-top: 31px;	
	background:#E0D5B7 url(img/page_bg.jpg) repeat-x;	
}
#centeral
{
	background: #f0f0f0 url("img/body_bg.jpg") repeat-y;
	margin: auto;
	text-align: left;
	width: 778px;
	position: relative;
	
}
#topimage
{	
    width:770;
    height:300;
}
#left 
{
  width: 220px;
  float:left;
}
#logo {
  width: 221px;
  height: 152px; 
  text-align: center;
  color: #595959;
}
#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif,bold;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 0px;
  letter-spacing: 0.2em;
  font-size:10px;
  font-weight: bold;
}
#logo a
{
	font-size:10px;
  font-weight: bold;
  font-style:normal;
 }
#csrclogo
{
	width: auto;
	height: 65px;
	margin-left: 10px;
	
}
/*** Sidebar menu ***/
#dropmenudiv{
/*border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;*/
border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0y; border-bottom:0px solid #b0b0b0; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid black;*/
border-top: 1px solid #b0b0b0;
border-bottom: 1px solid #b0b0b0;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
.nav {
	background:#e8e9ea;
	border:1px solid #b0b0b0;
	color:#606060;
	display:block;
	margin-top:2px;/*space between boxes in left menu*/
	padding:3px 4px 4px 10px;
	position:relative;
	text-transform:uppercase;
	width:140px;
}

:hover.nav, .active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*Example CSS for the two demo scrollers*/


#pscroller1{
width: 200px;
height: 85px;
border:1px solid #b0b0b0;
color:#606060;
/*padding: 5px;*/
background-color: #e8e9ea;
/*background-image:url("img/div.gif");*/
}
#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

/*.someclass{ //class to apply to your scroller(s) if desired*/
.someclass{ /*class to apply to your scroller(s) if desired*/
}
#content_gal, #content_galalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
/*padding:15px 20px 5px;*/
padding:15px 20px 25px;

}

#content_gal {
	margin-top: 0;
	/*margin-right: 5px;*/
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 220px;
	width:500;
	height:700;
}
#content_galalt {margin:0 200px 0 20px;}

#content_gal h1, #content_gal h2, #content_galalt h1, #content_galalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
/*margin:0 0 15px;*/
margin:0 0 25px;
padding:0;
width:480px;
}

#content_gal h2, #content_galalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content_gal img, #content_galalt img {
border:1px solid #b0b0b0;
float:left;
/*margin:5px 15px 6px;*/
margin:5px 0px 25px 15px;
padding:5px;
width:480px;
    /*width: 399px;*/
}
#footer {
  background: url(img/footer_bg.gif) repeat-y;
  margin: auto;
	width: 778px;
	position: relative;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}
#footerline{
	background: url(img/footerline.gif) no-repeat;
	height:10px;
	margin-top:0px;
	display:block;
	font-size:1px;
}
