* {
	margin:0;
	padding:0;
}
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	background: #3e4247;
}
a {
	font-size:12px;
	color:#2e5d99;
	text-decoration:underline;
}
a:hover {
	font-size:12px;
	color:#2e5d99;
	text-decoration:none;
}
#container { 
	width: 800px; 
	background: #FFFFFF;
	margin: 0 auto;
} 
#header {
	background:#3e4247; 
}
.logo {
	float:left;
	font-size:48px;
	font-style:italic;
	color:#FFFFFF;
	padding:10px 0;
}
.logo span {
	color:#a9b1ba;
} 
.author {
	font-size:12px;
	color:#a0a0a0;
}
.author a {
	color:#9399a0;
}
.search {
	float:right;
	padding:20px 0 0 0;
}
.searcharea {
	background:url(images/searchBackground.png) no-repeat left top;
	width:288px;
	height:40px;
	border:0;
	color:#ffffff;
}
.buttonSearch {
	background:url(images/buttonSearch.png) no-repeat left top;
	width:31px;
	height:30px;
	border:0;
	position:absolute;
	margin:6px 0 0 250px;
	cursor:pointer;
}
#sidebar1 {
	float: left; 
	width: 250px; 
	padding:5px 0px 20px 20px;
}
#sidebar1 ul {
	margin:0;
	padding:0;
}
#sidebar1 li {
	padding:0px 20px 10px 0;
	list-style:none;
	float:left;
}
#sidebar1 .seemore {
	float:right;
}
#sidebar1 img {
	border:0;
}
#sidebar1 .picPreview {
	float:left;
	padding:0 10px 10px 0;
}
#mainContent { 
	margin: 0 0 0 270px;
	background:#f6f7f7;
	padding:5px 20px 20px 20px;
}
.buttonMoreDetails {
	background:url(images/buttonBackground.png) no-repeat left top;
	width:94px;
	height:30px;
	border:0;
	color:#ffffff;
	cursor:pointer;
	float:right;
	margin:20px;
} 
.horSeparator {
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
}
.picContent {
	float:left;
	padding:0 15px 10px 0;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#535353;
	padding:10px 0 10px 0;
}
#footer {
	background:url(images/footerBackground.png) repeat-x left top;
	height:82px;	
} 
.footerHeader {
	background:#FFFFFF;
	height:20px;
	width:800px;
	margin:0 auto;
}
.footerBody {
	width:800px;
	margin:0 auto;
}
.copyright {
	float:left;
	color:#535353;
	font-size:11px;
	padding:15px 0 0 0; 
}
.copyright a {
	font-size:11px;
	color:#666b71;
	text-decoration:underline;
}
.copyright a:hover {
	font-size:11px;
	color:#666b71;
	text-decoration:none;
}
.footerIcons {
	float:right;
	padding:14px 0 0 0;
}
.footerIcons img {
	border:0;
}
.footerIcons ul {
	margin:0;
	padding:0;
}
.footerIcons li {
	display:inline;
	list-style:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*begin main menu*/
#navcontainer {
	padding-top:10px;
}
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: url(images/menuBackground.jpg) repeat-x left top;
	color: White;
	float: left;
	width: 100%;
	border-bottom:2px solid #FFFFFF;
}
#navcontainer ul li { 
	display: inline; 
}
#navcontainer ul li a {
	padding:29px 15px;
	background: url(images/menuBackground.jpg) repeat-x left top;
	color: #9198a1;
	font-size:18px;
	text-decoration: none;
	float: left;
	border-right: 1px solid #dfe0e2;
}
#navcontainer ul li a:hover {
	background: url(images/menuActive.jpg) repeat-x left top;
	color: #fff;
}
#navcontainer  #active a {
	background: url(images/menuActive.jpg) repeat-x left top;
	color: #fff;
}
/*end main menu*/