@charset "utf-8";
*{margin: 0px;
padding: 0px;
}
**{margin: 0px;
padding: 0px;
}
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/hader_bg.jpg) repeat-x #f6f6ee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#header {
	padding: 0 px;
	width: 980px;
	margin: 0 auto;
	height: 167px;
	text-align: left;
	border: 0px solid #000;
	
} 
#header .logo{
	background: url(images/logo.gif) no-repeat left top;
	width: 335px;
	height: 89px;
	float: left;

}
#header .toplink{
	float: right;
	text-align: right;
	position: relative;
	font-size: 12px;
	color: #999999;
	padding: 15px 30px 0 0;
	width: 485px;
}
#header .toplink a{
	color: #91806d;
	text-decoration: none;
	padding: 0 2px;
}
#header .toplink a:hover{
	color: #5f330c;
}


/* menu */
	
#tabs {
	float:left;
	width:100%;

	font-size:93%;
	line-height:normal;
	margin: 0 0 5px 0;
	}

#tabs ul {
	margin:0;
	padding:0px 10px 0px 0px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin: 0 0 0 0px;
	padding:0 0 0 12px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:8px 12px 7px 0px;
	color:#FFF;
	font-size: 14px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	} 
/* End menu */
#header h2 {
	margin: 0;
	padding: 30px 30px 0 0;
	float: right;
	text-align: right;
	color: #91806d;
	font-size: 18px;
}

/************ Photo Slideshow **************/
#photos_n_comments{
	
	width: 980px;
	margin: 10px auto;
	height: 224px;

}
#sliding_image{
float:left; width:614px; height:194px; border:3px solid #e4e4e4;
}
/************ Users Comments **************/
#comments{
position:relative;
float:right;
width:340px; 
height:194px;
overflow: hidden;
border:3px solid #ffbc08; 
background-image:url(images/comments-bg.gif);
}
#comments p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold; color:#3b1e06; text-align:right; margin:5px;
	display:block;
}
#comments img{
margin-left:20px; float:left;
}
.headline {
	position:absolute;
	top:194px;
	width:340px; 
	height:190px;
 }

/************ Image Slideshow **************/
ul.slideshow {
     list-style:none;
     width:614px;
     height:194px;
     overflow:hidden;
     position:relative;
     margin:0;
     padding:0;
 }
 ul.slideshow li {
     position:absolute;  
     left:0;  
     right:0;  
 }
   
 ul img {
	border:none;
 }
 #slideshow-caption {
     width:614px;
     height:50px;
     position:absolute;
     bottom:0;
     left:0;
     color:#fff;
     background:#000;
     z-index:500;
 }
   
#slideshow-caption .slideshow-caption-container {  
     padding:5px 10px;         
 }  
   
#slideshow-caption h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;  
	padding:0;    
	font-size:12px;  
 }  
   
#slideshow-caption p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    margin:5px 0 0 0;  
    padding:0;  
 }

#container {
	width: 980px;
	margin: 2px auto;
	border: 0px solid #000000;
	text-align: left;
	background: #f6f6ee url(images/content_bg.jpg) repeat-y top left;
} 
#sidebar1 {
	float: left;
	width: 230px;
	padding: 0px 10px 15px 0px;
	margin: 0px;
	
}
#sidebar2 {
	float: right;
	width: 282px;
	margin: 0px;
}
#sidebar2 h1{
	background: url(images/h3_bg.jpg) no-repeat top left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 10px 17px 25px;
}
#sidebar2 .training{
	background: url(images/training_bg.jpg) repeat-y top left;
	margin: 0px;
	padding: 15px;
	text-align: justify;
}
#mainContent {
	margin: 0 282px 0 240px;
	padding: 0 10px;
} 
#footer { 
	padding: 0 10px 0 20px;
	background:#f6f6ee;
	border: 1px solid #cccccc;
	
}
#footer p {
	color: #CCCCCC;
	padding: 10px 10px;
	text-align: center;
} 
#footer a {
	color: #006699;
	text-decoration: none;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}