body{
margin:0px;
padding:0px;
background:#464646 url(pattern2.jpg) repeat;
font:12px Arial, Helvetica, sans-serif;
}

.left{float:left}
.right{float:right}
.clear{clear:both}
a:visited, a:link{text-decoration:none}
a img{border:none}
a{
	color : #292929;
}
a:hover{
	color : #3C6600;
}
#container{
width:620px;
margin:30px auto 0 auto;
}

#header{
background:url(header.png) no-repeat top;
height:57px;
padding : 30px 50px;
padding-top : 60px;
padding-left : 220px;
}

#header h1{
	color : white;
	margin : 0;
	padding : 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 2px 2px 2px #CECECE;
	font-size: 26px;
}
#jobtitle{
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	padding-left : 2px;
	margin-top : 3px;
	color : #4B6328;
}
#vcard {
	position: relative;
	float : right;
	top: -30px;
	right: -20px;
	width: 40px;
	height: 40px;
	text-align: center;
}


#vcard a {
background:url("vcard_download.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:9px;
font-weight:bold;
height:41px;
line-height:42px;
text-decoration:none;
text-shadow:0 1px 0 #003366;
text-transform:uppercase;
width:40px;
}
#vcard a:active {
	margin-top: 1px;
}

#vcard a span {
background:url("vcard-label.png") no-repeat scroll 50% 50% transparent;
display:none;
left:-49px;
opacity:0;
padding-bottom:12px;
position:absolute;
top:-45px;
width:138px;
}

#content-wrapper{
	height:442px;
	width:620px;
	background:url(content.png) no-repeat bottom left;
	margin: 0 auto;
	padding: 1em;
	padding-top : 0;
}
#nav-panel{
width:170px;
height:400px;
float:left;
padding-left : 21px;
}
#nav-panel ul{margin:20px 0 0 0;padding:0 0 20px 0;}
#nav-panel ul li{
	list-style:none;
	color:#646464;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
	padding: 8px 5px;
	line-height: 20px;
	margin : 5px 0;
	height: 20px;
	text-shadow: 2px 2px 1px #CECECE;
	border-left : solid 5px #7FA944;
	border-top : 1px solid hidden;
	border-bottom : 1px solid transparent;
}
#nav-panel ul li.active{
	border-right : solid 5px #7FA944;
	border-left : none;
	padding-left : 10px;
	border-bottom : 1px solid #C8C8C8;
	border-top : 1px solid #C8C8C8;
	background-color: white;
	color:#646A6B;
	border-top-right-radius : 10px;
	border-bottom-right-radius : 10px;
	-moz-border-radius-topright : 10px;
	-moz-border-radius-bottomright :10px;
	-webkit-border-top-right-radius : 10px;
	-webkit-border-bottom-right-radius : 10px;
}
#nav-panel ul li.active.over{
	padding-left : 10px;
}
#nav-panel ul li.over{
	border-left-width : 7px;
	padding-left : 3px;
	color:#000000;
}
#nav-panel ul li.down{
	color:#646464;
	text-shadow: none;
	
}

#content{
width:363px;
padding : 0 20px;
padding-left : 10px;
padding-right : 50px;
float:left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.5em;
font-size: 15px;
overflow: hidden;
/*margin-left : 175px;*/
}


#content h2{
	font-size : 1.1em;
	color: white;
	text-shadow: 1px 1px 1px gray;
	
}

/**
* Module
*/

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

ul.module li {
overflow:hidden;
padding:10px 0;
border-bottom:1px solid #bbb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.module li:hover {
background-color:#EDEDED;
border-color:#aaa;
}

ul.module li:hover > a {
color:#333;
}

ul.module li:last-child {
border:none;
}

ul.module li a {
display:block;
color:#999;
font-size:80%;
font-weight:400;
}
ul.module li a .comment{
	
}
ul.module li p {
padding:0 10px 10px;
}

ul.module li p:last-child {
padding-bottom:0;
}

ul.module li.description,ul.module li.description:hover {
background-color:#ddd;
border-color:#ccc;
}

ul.module li a img {
float:left;
margin:0 10px;
}

ul.module li a strong {
font-size:110%;
display:block;
color:#333;
}

ul.module li.fullname {
display:none;
}

#footer{
padding : 0 50px;
clear : both;
color : #606060;
text-align: center;
font-size : 0.9em;
}