@charset "utf-8";
/* main styles */

body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; /* centers the container in IE 5* browsers, the text is then set to the left aligned default in the #container selector */
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	line-height: 150%;
}

body.screenshot {
}

a:hover {
/*	color: #9DD700; - CV's main color*/
	color: #97C219;
}

a {
	color: #749500;
	/*	color: #70A100;*/
	border: none;
}

img {
	border: none;
}

p {
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 165%;
}

h1 {
	font-size: 175%;
	font-weight: normal;
	color:#C30;
	/*	color: #76AE00;*/
	text-decoration: none;
	text-align: left;
	margin-top: 42px;
	margin-bottom: 20px;
	line-height: 135%;
}

h2 {
	font-size: 125%;
	font-weight: bold;
	color: #53535D;
	text-decoration: none;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 6px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #aaa;
	line-height: 135%;
}

h3 {
	font-size: 175%;
	font-weight: normal;
	color: #787882;
	text-decoration: none;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 13px;
	line-height: 135%;
}

.mainContent h4 {
	font-size: 125%;
	font-weight: bold;
	color: #787882;
	text-decoration: none;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 6px;
	line-height: 135%;
}

ul {
	line-height: 165%;
}

li {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-image: url(pics/bullet_gray.png);
	list-style-type: square;
}

li.red {
	list-style-image: url(pics/bullet_red.png);
}


li.green {
	list-style-image: url(pics/bullet_green.png);
}

li.alarma {
	list-style-image: url(pics/bullet_alarma.png);
	background-color: #C30;
	color: #FFF;
	margin-left: -6px;
	padding-left: 6px;
}

li.highlight {
	list-style-image: url(pics/bullet_highlight.png);
	background-color: #EEEEEE;
	margin-left: -6px;
	padding-left: 6px;
}

/* layout */

.layout #header_top { 
	background:#C30;
	margin-top: 0px;
	margin-bottom: 2px;
	height: 2px;
	width: 100%;
} 

.layout #container { 
	width: 85%;  
	min-width: 950px;
	max-width: 1212px;
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.layout #header { 
	background: #EEEEEE; 
	height: 160px;
	padding: 0 10px;  
	background-image: url(pics/header_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: -30px;
} 
.layout #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.layout #sidebar1 {
	float: left;
	margin: 0px;
	padding: 0px;
}

.layout #sidebar1 h3, .layout #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/*.layout #sidebar2 {
	float: right; 
	width: 120px; 
	padding: 15px 0; 
}*/

.layout .mainContent {
	max-width: 640px;
	min-width: 360px;
	text-align: left;
	padding-left: 40px;
	margin-top: 0;
	margin-right: 342px; /* space for floaters, fixed width (impossible to make it liquid within one column) */
	margin-bottom: 0;
	margin-left: 240px;
} 

.layout #footer {
	padding: 0 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 60px;
	background-image: url(pics/footer_left_3.png);
	background-color: #E7E7E7;
	background-repeat: no-repeat;
	background-position: left top;
} 

.layout #footer_top { 
	background: #EEE;
	margin-top: 40px;
	height: 2px;
} 

.layout #footer_bottom { 
	background:#C30;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 4px;
} 

.layout #footerContent {
	max-width: 640px;
	min-width: 360px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 342px;
	margin-left: 240px;
	padding-left: 40px;
} 

.layout #footer_left {
	float: left; 
	padding: 0px; 
	padding-top: 20px;
	margin: 0px;
}

/* elements' styles */

/* footer */

.layout #footer p {
	font-size: 80%;
	margin: 0px; 
	padding-top: 12px;
	padding-bottom: 10px;
	color: #9999A8;
}

.layout #footer a {
	color: #666672;	
}

.layout #footer a:hover {
	color: #C30;	
}

.footer_feed {
	margin-left: 30px;
	background: url("pics/feed-icon-16x16.png") no-repeat 0px 21px;
	padding-bottom: 12px;
	padding-top: 18px;
	padding-right: 20px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 00px;
}

.pdf {
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url("pics/pdf_icon_16x16.png") no-repeat -1px 3px;
	display: inline;
}

.ppt {
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url("pics/ppt_icon_16x16.png") no-repeat 1px 3px;
	display: inline;
}

.flash {
	padding-left: 19px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url("pics/flash_icon_16x16.png") no-repeat 0px 3px;
	display: inline;
}

/* floaters */

em {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.layout .floatright { /* main content's floater */
	float: right;
	text-align: left;
/*	width: 272px; */ 
/* width limitations left for picholders only in order to mantain 1024*768 
And for happy IE owners though */
/*	min-width: 120px;  Worst case scenario */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: -342px;
	margin-left: 12px;
/*	margin-top: 0px;
	margin-bottom: 20px; */
	padding-right: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	position: relative;
	display: block;
	width: 272px;
}

.layout #floatright_sm { /* footer's floater */
	float: right;
	text-align: right;
	margin-left: 12px;
	margin-right: -352px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 52px;
	padding-top: 0px;
	position: relative;
	overflow: hidden;
}

.shot_float { /* applied to the image itself within a standard floater */
	background-image: url(pics/pic_expand.gif);
	background-repeat: no-repeat;
	background-position: 10px -3px;
	padding-top: 40px;
	padding-bottom: 20px;
 	top: -40px;
	margin-top: -33px;
	margin-bottom: 0px;
	overflow: visible;
}

.layout .floatright p {
	margin: 0px;
	font-size: 90%;
	color:#999;
	max-width: 262px;
	line-height: 155%;
	padding-left: 10px;
	padding-top: 2px;
}

.clearfloat { /* should be placed on a div or break element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* menu styles */

div.sdmenu {
	margin: 0px;
	width: 220px;
	padding-bottom: 10px;
	padding-top: 2px;
	overflow: visible;
}

div.sdmenu div {
	overflow: hidden;
}

/*div.sdmenu div:first-child {
}*/

div.sdmenu div.collapsed {
	height: 25px;
}

div.sdmenu div.menu_toplvl {
	float: left;
	display: block;
	cursor: default;
	background-image: url(pics/expanded.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
	clip: rect(auto,-6px,auto,auto);
	overflow: visible;
}

div.sdmenu div.collapsed div.menu_toplvl {
	background-image: url(pics/collapsed.gif);
}

div.sdmenu div a {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
/*	color: #666672;	*/
}

div.sdmenu div h4 {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: normal;
	font-size: 100%;
	color: #787882;
}


div.sdmenu div.menu_secondlvl {
	padding-left: 20px;
}

div.sdmenu div a.menu_lvl {
	font-weight: bold;
}

.current_page {
	color: #C30;
	text-decoration: none;
}

div.sdmenu div a.current {
}