body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #fff;
color : #393939;
}
img {
border : 0;
}
.content {
margin : 0 auto;
width : 95%;
}
#topbar {
height : 35px;
background : #212121;
width : 100%;
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
color : #4ba4c2;
}
.url a {
color : #4ba4c2;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
height : 85px;
margin-bottom : 25px;
border-bottom: 2px solid #4ba4c2;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 10px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
color : #d0eb55;
text-decoration : none;
}
#top a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #4ba4c2;
background : rgb(192,248,202) url(images/tabl.png) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(images/tabr.png) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#ajaxcontentarea {
	float: left;
	width: 480px;
	padding: 30px 20px 40px 20px;
}

#right {
	float: right;
	width: 210px;
	padding: 30px 20px 10px 20px;
}
#smallr {
    clear:both;
	padding: 0px 0px 0px 0px;
	width:770px;
	margin-top:20px;
}
#column dl {
	margin-bottom: 30px;
	margin-left:30px;
	width: 200px;
	background: #222;
	float: left;
	}
	#column dt {
	padding: 10px;
	font-size: 1.3em;
	background: #333;
	color: #4ba4c2;
	border-bottom:3px solid #7b7b7b;
	}
	#column dd {
	padding: 10px;
	color: #CCC;
	font-size: 1.2em;
	border-bottom: 1px solid #333;
	}
	#column dd a {
		color: #999;
		padding:0 2px;
		}
		#column dd a:hover {
			color: #666;
			background:#4ba4c2;
			}
	#column dd cite {
	margin: 3px 0 0;
	font-size: .9em;
	
	color: #666;
	}


/* left side */

.left {
	float: left;
	width: 435px;
	margin: 0 0 10px 0;
}
	.left_articles {
		margin: 0px 0 10px 0;
	}

	.left_links {
		border: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_links:hover {
		border: 1px solid #ccc;
	}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px 10px 10px 75px;	
		margin: 0 0 10px 0;
		background: #fff no-repeat center left;
		color: #454545; 
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
	
		.left_side {
			float: left;
			width: 180px;
		}
		
		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}
#main, #smallr{
	width: 770px;
	font : normal 12px "Trebuchet MS", sans-serif;
	color: #7b7b7b;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#main{
	margin-top:-30px;
}

#main h2, #main h3, #main h4, #main h5, #main h6 {
	font-weight: normal;
}

#main p, #main ul, #main ol {
	line-height: 150%;
}
#main a, #main a:hover, #main a:active, #main a:visited {
	text-decoration: none;
	color: #185DA0;}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", sans-serif;
	color: #4ba4c2;}
#container {float:right;}