@charset "utf-8";
/* Global */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	background: #fff url(../pictures/header_bg.gif) repeat-x;
}

h1 {
	height: 20px;
	background: url(../pictures/arrow.gif) no-repeat;
	font-size: 140%;
	color: #cf0100;
	text-align: left;
	padding-left: 24px;
	line-height: 19px;
}

h1:first-letter {
	font-family:"Times New Roman", Times, serif;
	font-size: 130%;
}

h2 {
	width: 599px;
	height: 14px;
	line-height: 14px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	padding-left: 24px;
	background: url(../pictures/date_bg.gif) no-repeat;
}
a {
	color: #cf0100;
	border-bottom: 1px dotted #cf0100;
	text-decoration: none;
}

img {
	border: none;	
}
/* Layout */
.wrapper {
	width: 946px;
	margin: 0 auto;
}
.navigation {
	margin: 0 auto;
	height: 64px;
	width: 946px;
	background: url(../pictures/navi_bar.gif) no-repeat;
	padding-left: 160px;
}

.button {
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-right: 15px;
	color: #fff;
	text-align: center;
	width: 81px;
	height: 27px;
	line-height: 26px;
	background: url(../pictures/button.gif) no-repeat;
	margin-top: 18px;
	display: block;
}

.button:hover {
	background: url(../pictures/button_hover.gif) no-repeat;	
}

.button a {
	display: block;
	border-bottom: none;
	color: #fff;
}

.header {
	margin: 0 auto;
	height: 179px;
	width: 946px;
	background: url(../pictures/header.jpg) no-repeat;
}

.content {
	margin: 0 auto;
	min-height: 581px;
	width: 946px;
	background: url(../pictures/content_bg.gif) no-repeat;
}

.content_wrapper {
	margin: 0 auto;
	width: 882px;
	padding-top: 5px;
}

#sidebar {
	float: left;
	width: 200px;
	border-right: 1px solid #cf0100;
	padding-right: 4px;
}

.profile {
	width: 200px;
	height: 72px;
}

.photo {
	float: left; 
	width: 72px; 
	height: 72px; 
	background: url(../pictures/foto.gif);
}

.text {
	float: right; 
	width: 123px;	
}

#actual_content {
	float: right;
	width: 	663px;
	padding-left: 5px;
	padding-right: 5px;
}

#footer {
	margin: 0 auto;
	width: 	946px;
	height: 40px;
	background: url(../pictures/footer_bg.gif) no-repeat;
	margin-top: 65px;
	padding-left: 27px;
	color: #fff;
	line-height: 18px;
}

#footer a {
	color: #fff;
	border-bottom: none;
	border-bottom: 1px dotted #fff;
}

.footer_text1 {
	float: left;
}

.footer_text2 {
	float: left;
	margin-top: 3px;
}

.footer_text3 {
	float: right;	
	margin-right: 66px;
	margin-top: 3px;
}

/* Hacks */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->