/* Web site elements */ 
html, body {
	background:				#020202;
	font:					normal 12px Tahoma, Verdana;
	margin:					0;
	padding:				0;
	text-align:				center;
}

#pagewidth {
	background-color:		#000000;
	border:					1px solid #4D4D4D;
	margin:					20px auto 20px auto;
	text-align:				left;
	width:					900px;
}

#pagewidth p {
	line-height:			1.4;
	margin:					0;
	padding:				5px 0;
}
 
#pagewidth li {
	line-height:			1.4
}

#header {
	background:				#000000 url(../images/header.jpg) no-repeat;
	border:					0;
	border-bottom:			1px solid #4D4D4D;
	position:				relative;
	height:					325px;
	margin:					0;
	padding:				0;
}

#header img.logo {
	border:					none;
	margin:					20px 0 0 40px;
}

#header a {
	border:					none;
}

#leftcol {
	background-color:		#000000;
	float:					left;
	position:				relative;
	text-align:				center;
	width:					180px;
}

#leftcol .leftcol {
	background-color: 		#000000;
	float:					left;
	margin:					5px 0 20px 0;
	width:					auto;
}


#leftcol p {
	color:					#A4B5C6;
	font:					normal 11px Tahoma, Verdana;
	margin:					0 auto;
	padding:				4px 4px 0 14px;
	text-align:				justify;
}

#leftcol img {
	border:					1px solid #4D4D4D;
	margin:					5px 0 10px 0;
	padding:				0;
}

#maincol {
	background-color:		#000000;
	display:				inline;
	float:					right;
	margin:					10px 0 0 0;
	position:				relative;
	text-align:				left;
	width:					718px;
}

#maincol .maincol {
	float:					left;
	margin:					0;
	padding:				0 15px;
	width:					auto;
}

#maincol p {
	color:					#CDCDCD;
	font:					normal 12px Tahoma, Verdana;
	margin:					5px 0 10px 0;
	padding:				0;
}

#maincol img {
	background:				#FFFFFF;
	border:					1px solid #4D4D4D;
	margin:					5px 20px 10px 0;
	padding:				0;
}

#maincol .underline {
	text-decoration:		underline;
}

#blogs {
	background:				#000000;
	border-top:				1px solid #4D4D4D;
	clear:					both;
	height:					27px;
	margin:					0;
	padding:				0;
	text-align:				center;
}

#blogs .blogs {
	margin:					0;
	padding:				5px;
}

#blogs a {
	color:					#8D8D8D;
}

#blogs p {
	color:					#F3F3F3;
	margin:					0;
	padding:				0;
}

#footer {
	background:				#121212;
	border-top:				1px solid #4D4D4D;
	clear:					both;
	height:					45px;
	margin:					0;
	padding:				0;
	text-align:				center;
}

#footer .footer {
	margin:					0;
	padding:				5px;
}

#footer a {
	color:					#8D8D8D;
}

#footer p {
	color:					#F3F3F3;
	margin:					0;
	padding:				0;
}

/* Headings */
h1, h1 a {
	border:					none;
	color:					#8D8D8D;
	font:					bold 14px Verdana, Georgia, Arial, sans-serif;
	font-variant:			small-caps;
	margin:					0;
	text-align:				center;
}
	
#header h1 {
	margin:					0 auto;
}

h2, h2 a {
	color:					#8D8D8D;
	font:					bold 15px Georgia, "Times New Roman", Tahoma, Verdana;
	font-variant:			small-caps;
	margin:					5px 0 0 0;
}
	
h2.ttl {
	background:				url(../images/pero.jpg) 0% 0%  no-repeat;
	height:					100%;
	min-height:				28px;
	padding:				0 0 0 40px;
}
	
	
h3, h3 a {
	color:					#8D8D8D;
	font:					bold italic 13px Tahoma, Verdana, Arial, sans-serif;
	font-variant:			small-caps;
	margin:					0;
	padding:				0 0 0 20px;
}
	
h4, h4 a {
	color:					#8D8D8D;
	font:					bold 15px Georgia, "Times New Roman", Tahoma, Verdana;
	font-variant:			small-caps;
	margin:					0;
}

h5, h5 a {
	color:					#8D8D8D;
	font:					bold 15px Georgia, "Times New Roman", Tahoma, Verdana;
	font-variant:			small-caps;
	margin:					0;
}

/* Links */
a, a:link, a:visited {
	border-bottom:			1px dotted #8D8D8D;
	color:					#8D8D8D;
	text-decoration:		none;
}

a:hover, a:active {
	border-bottom:			1px dotted #8D8D8D;
	color:					#8D8D8D;
	text-decoration:		none;
}
	
a:active, a:focus {
	outline:				none;
	text-decoration:		none;	
}

a:link img, a:hover img, a:active img, a:focus img {
	border:					none;
	outline:				none;
	text-decoration:		none;
}

/* Listing */
ul {
	display:				block;
	list-style:				none outside;
	margin:					0 0 10px 30px;
	padding:				0;
}
	
ul li {
/*	background:				url(../images/bullet02.gif) 0% 50%  no-repeat; */
	color:					#8D8D8D;
	line-height:			1.6;
	padding-left:			20px;
}

ol {
	display:				block;
	list-style:				none outside;
	margin:					0 0 10px 45px;
	padding:				0;
}
	
ol li {
	line-height:			1.6;
	list-style:				decimal;
	padding-left:			5px;
}

/* *** Float containers fix:  http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}

.clearfix {
	display:				inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:					1%;
}
.clearfix {
	display:				block;
}
/* End hide from IE-mac */  


 
/*printer styles*/ 
 @media print { 
/*hide the left column when printing*/ 
	#leftcol {
		display:				none;
	}
	#twocols, #maincol {
		width:					100%;
		float:					none;
	}
}