body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #b2ada4;
}

a:link, a:visited { color:#666666; text-decoration: none;} 
a:active, a:hover { color:#00CCFF; text-decoration: underline}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color:#003399;
}

h3 {
	margin: 0 0 5px 0;
	padding: 2px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fe551e;
}

h4 {
	margin: 0 0 5px 0;
	padding: 2px 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

p {
	text-align: justify;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
}

.cleaner {
	font-size: 1px;
	height: 1px;
}

/* ----- Form ----- */

form{
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
}

frameset {
	margin-bottom: 25px;
}

.form_row{
	margin-bottom: 10px;
}


label {
	margin-right: 10px;
}

input{
	width: 150px;
	height: 18px;
}

.button{
	width: 60px;
	height: 25px;
}

select {
	height: 25px;
	width: 150px;
}

/* ----- End of Form ----- */

#container {
	margin: auto;
	width: 910px;
	padding: 0 25px;
	background: #ffffff;
}


#header_panel {
	width: 910px;
	height: 108px;
	background: url(../images/header_background.gif) no-repeat bottom;
}

#title_section {
	float: left;
	width: 900px;
	padding: 30px 0 5px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

#top_right_section {
	float: right;
	text-align: right;
	width: 500px;
}

#top_right_section ul{
	margin: 0px;
	padding: 5px 0 0 0;
}

#top_right_section ul li{
	display: inline;
	margin-left: 16px;
	font-weight: bold;
}

/* menu and banner panel */
#login_banner_panel {
	display: block;
	width: 910px;
	height: 240px;
	padding: 10px 0px;
}

#login_panel {
	float: left;
	height: 234px;	
	width: 238px;
	background: #e1e1e1;
	border: 1px solid #d2d2d2;
	padding: 5px 20px 0 20px;
}

#login_panel b {
	margin: 0 0 5px 0;
	padding: 2px 0;
	font-size: 16px;
	font-weight: bold;
	color: #fe551e;
}


* html #login_panel {
	margin-right: -2px;
}

#login_panel form{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
}


#banner_panel {
	float: left;
	width: 600px;
	height: 240px;
	margin-right: 30px;	
	background: #e1e1e1;
	border-top: 1px solid #d2d2d2;	
	border-bottom: 1px solid #d2d2d2;		
}

/*------------- Menu ------------------*/
#menu {
	display: block;
	width: 910px;
	height: 60px;
	margin-bottom: 25px;
	background: #4c4032 url(../images/menu_background.gif) no-repeat;
}

#menu ul {
	padding: 15px 0 0 0;
	margin: 0 0 0 50px;
	list-style: none;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	padding: 0 20px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}

#menu li a:hover, #menu li .current{
	color:#000000;
}

/* end of menu */


/* content */
#content {
	float: left;
	width: 910px;
	margin: 0;
	padding: 0 0 60px 0;
	background: #FFFFFF url(../images/footer_background.gif) bottom center no-repeat;
}
.bgcolor {
	width:500px;
	background-color:#E1E1E1;
	}

#leftcolumn {
	float: left;
	width: 620px;
	margin: 0 8px 0 0;
	padding: 0;
}

#rightcolumn {
	float: right;
	width: 250px;
	padding: 0px;
	padding-right:10px;
	margin: 0px;
}

/* left side two column */
.leftcolumn_twocolumn{
	float: left;
	width: 253px;
	margin: 0 15px 35px 0;
	padding: 15px;
	background: #e4e4e4;
	border: 1px solid #dbdbdb;	
}

* html .leftcolumn_twocolumn{
	margin: 0 10px 35px 0;
}

.leftcolumn_twocolumn img{
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.leftcolumn_twocolumn ul{
	clear: both;
	margin: 20px 0 10px 0;
	padding: 0 0 0 20px;
}

.leftcolumn_twocolumn li{
	font-size: 12px;
	padding-bottom: 10px;
}

.leftcolumn_twocolumn li a{
	font-weight: normal;
}

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

.service_box {
	margin-bottom: 25px;
}

.service_box img{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.service_box p{
	text-align:justify;
}

/* end of left side two column */

/* left side full row */

.leftcolumn_fullrow {
	clear: both;
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
}

.leftcolumn_fullrow p{
	clear: both;
	margin-bottom: 15px;
}

.thumb_gallery {
	clear: both;
	float: left;
	position: relative;
	width: 600px;
}

.thumb_box{
	float: left;
	position: relative;
	width: 135px;
	height: 135px;
	margin: 0 10px 0 0;
}

.thumb_box span{
	width: 135px;
	height: 135px;
	display: block;
	position: absolute;
	top: 1px;
	left: 3px;
	background: url(../images/thumb_cover.png) no-repeat;
}

.thumb_box img{
	width: 108px;
	height: 108px;
	display: block;
	position: absolute;
	top: 16px;
	left: 17px;
	border: none;
}


/* end of left side full row */

/* search box */

#search_panel{
	width: 260px;
	margin: 0 0 15px 0;
	padding: 15px;
	background: #e4e4e4;
	border: 1px solid #dbdbdb;
}


#search_panel .search_panel_box {
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 15px;
}
/* end of search box */

/* blog panel */
#blog_section {
	width: 248px;
	margin-bottom: 15px;
	padding: 5px;
	background: #e4e4e4;
	border: 1px solid #dbdbdb;	
}

#blog_section .blog_box {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
#blog_section .blog_box img {
	border-color:#e4e4e4;
	
}

#blog_section .datetime{
	font-weight: bold;
}
/* end of blog panel */

/* ----- Footer ----- */

#footer {
	clear: both;
	width: 960px;
	padding: 25px 0;
	margin-left: -25px;
	margin-right: -25px;
	text-align: center;
}

#footer a{
	font-weight: normal;
}

/* ----- End of Footer ----- */


#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 6px solid white;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 600px; /*width of featured content slider*/
	height: 215px;
	background: #333333;
}

.contentdiv{
	visibility: hidden;
	position: absolute; 
	left: 0;
	top: 0;
	background: #333333;
	width: 600px;
	height: 100%;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.contentdiv img{
	margin: 0px;
	padding: 0px;
}

.pagination{
	width: 590px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 20px;
	text-align: right;
	background:#e1e1e1;
	padding-top: 5px;
	padding-right: 10px;
}

.pagination a{
	float: right;
	display: block;
	height: 10px;
	width: 10px;
	padding: 0px;
	margin-left: 5px;
	text-decoration: none; 
}

.pagination a img{
	border: none;
}

.pagination a:hover, .pagination a.selected{

}

.style2 {font-size: 14px}
.style7 {color: #FF0000}
.style8 {
	font-size: 16px;
	font-weight: bold;
}
.style11 {font-size: 14px; font-family: Tahoma; color: #333333;}


/* CSS Document */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:inherit;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid gray;
border-bottom-width: 0;
font: normal 11px ;
font:Tahoma;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background:white;
width: 110px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background-color:#B2B2B2;
color:#000000;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

#maincontent {padding:0px; margin:0px; float:left; text-align:left; background-color:#FFF; }
#mainimg {padding:0px; margin-right:10%; margin-top:15px; float:right; text-align:left; background-color:#00CCFF; width:25.5%;}
#mainimg img {padding:10px 20px; float:left; text-align:center;}

#contentbox {padding:0px; margin-bottom:15px;  float:left; width:100%; }
#content1 {padding:0px; margin:0px;  float:left; width:98%;}
#content2 {padding:0px; margin-left:17px; float:left; width:18%; border-left:1px solid #333333; text-align:left;}

#content1 h2{padding:7px 0px 7px 10px; font-size:15px; margin:0px; color:#FFFFFF; float:left; width:100%; background-color:#333333;}
#content1 p{padding:0px; margin:0px; color:#000; width:100%; text-align:justify;}
#content2 h2{padding:7px 0px 7px 10px; font-size:15px; margin:0px; color:#FFFFFF; float:left; width:100%; background-color:#333333;}
#content2 p{padding:7px 0px 7px 5px; margin:0px; color:#000; float:left; width:98%;}

#content1 h3{padding:7px 0px 7px 10px; font-size:15px; margin:0px; color:#FFFFFF; float:left; width:100%; background-color:#333333;}
#content1 p{padding:7px 0px 7px 5px; margin:0px; color:#000; float:left; width:98%;}
#content2 h3{padding:7px 0px 7px 10px; font-size:15px; margin:0px; color:#FFFFFF; float:left; width:100%; background-color:#333333;}
#content2 p{padding:7px 0px 7px 5px; margin:0px; color:#000; float:left; width:98%;}