@CHARSET "UTF-8";

/* 
 * cacaovm.org CSS
 */

/* DEFAULTS */

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

html {
	height:100%;
	margin-bottom: 1px;
	background-color: #777777;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #777777;
	background-image: url(/resources/images/background.gif); 
	background-position: top center;
	background-repeat: repeat-x;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* HEADER LINKS */

div.header_links {
	width: 740px;
	margin: 0 auto;
	text-align: right;
	font-size: 11px;
	line-height: 11px;
	padding: 13px 95px 8px 0px;
}

div.header_links a {
	font-weight: bold;
	margin-left: 12px;
}
div.header_links a:link,
div.header_links a:active,
div.header_links a:visited {
	color: #CCCCCC;  
}

/* HEADER */

div.header {
	width: 740px;
	margin: 0 auto;
}

div.header img.center {
	background-color: #FFFFFF;	
}

/* TEASER */
	
div.teaser {
	width: 740px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

div.teaser div.border {
	clear: both;
	margin: 0 12px;
}

div.teaser img.center {
	background-color: #E0E0E0;	
}

div.teaser div.inner {
	width: 716px;
	margin: 0 12px;
	background-color: #E0E0E0;
	/* border: 1px solid #FF0000; */
}

div.teaser div.content {
	float: left;
	display: inline;
	width: 495px;
	margin: 0 13px;
	background-color: #E0E0E0;
}
	
div.teaser img.logo {
	margin: 2px 15px 2px 0px;
}
	
div.teaser div.content div.image {
	float: left;
	margin: 25px 0px 22px 24px;
	
}

div.teaser div.content div.text {
	color: #6D6D6D;
	font-size: 16px;
	line-height: 16px;
	float: left;
	margin: 21px 0px 0px 24px;
}

div.teaser div.content div.text a:link,
div.teaser div.content div.text a:active,
div.teaser div.content div.text a:visited {
	color: #6D6D6D;  
}

div.teaser div.content div.text div.title {
	font-size: 17px;
	font-weight: bold;
}

div.teaser div.content div.text span.version {
	color: #990000;
	font-size: 15px;
}

div.teaser div.content div.text div.download {
	padding-top: 6px;
	font-weight: bold;
}

div.teaser div.content div.text div.more_download {
	font-size: 12px;
	line-height: 12px;
	padding-top: 1px;
}

/* MAIN */

div.main {
	width: 716px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 12px;
}

/* MENU */

div.menu {
	float: left;
	width: 150px;
}

div.menu div.title {
	color: #990000;
	font-weight: bold;
	margin-left: 1px;
}

div.menu ul {
	margin: 3px 0px 5px 8px;
}

div.menu ul.last {
	margin-bottom: 0px;
}

div.menu a {
	text-decoration: none;
}
div.menu a:link,
div.menu a:active,
div.menu a:visited {
	color: #777777;  
}
div.menu a:hover {
	text-decoration: underline;
}

/* BORDER */

div.border {
	background-image: url(/resources/images/menu_vert.gif); 
	background-position: top left;
	background-repeat: repeat-y;
	margin-bottom: 15px;
}

div.border div.top {
	background-image: url(/resources/images/menu_horiz.gif); 
	background-position: top center;
	background-repeat: repeat-x;
}

div.border div.bottom {
	background-image: url(/resources/images/menu_horiz.gif); 
	background-position: bottom center;
	background-repeat: repeat-x;
	clear: left;
}

div.border div.content {
	padding: 0px 10px;
	background-image: url(/resources/images/menu_vert.gif); 
	background-position: top right;
	background-repeat: repeat-y;
}

/* CONTENT */

div.main_content {
	width: 554px;
	float: left;
	margin-left: 12px;
}

div.page {
	width: 554px;
	padding: 8px 5px 0px 4px;
}

div.page_with_header {
	padding: 0px 5px 0px 10px; 
}

div.page h1 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #990000;
}

div.page h1.gap {
	margin-bottom: 11px;
}

div.page div.date {
	color: #777777;
	font-weight: bold;
	float: left;
	margin: 3px 3px 10px 0px;
}

div.page div.author {
	color: #777777;
	font-weight: bold;
	margin: 3px 0px 10px 0px;
}

/* PAGE TEXT */

div.page p {
	line-height: 16px;
	margin-bottom: 10px;
}

div.page a {
	text-decoration: none;
}
div.page a:link,
div.page a:active,
div.page a:visited {
	color: #990000;  
}
div.page a:hover {
	/*color: #777777;*/
	text-decoration: underline;
}

div.page h2 {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 8px;
}

div.page h3 {
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 8px;
}

div.page h4 {
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	margin-bottom: 3px;
}

div.table {

}

div.table div.tr {
	clear: left;
}

div.table div.th {
	padding: 2px;
	margin: 1px;
	background-color: #E0E0E0;
	font-weight: bold;
	color: #6D6D6D;
	float: left;
}

div.table div.td {
	padding: 2px;
	margin: 1px;
	float: left;
}

div.table div.w_key { width: 140px; }
div.table div.w_value { width: 386px; }
div.table div.w_half { width: 263px; }
div.table div.col0 { }
div.table div.col1 { background-color: #F0F0F0; }

div.page span.date {
	font-weight: bold;
}

/* LATEST NEWS */

div.border div.first {
	float: left;
	width: 267px;
}

div.border div.rest {
	float: left;
	width: 262px;
	margin-left: 5px;
}

div.border div.first div.title {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

div.border div.first div.date {
	color: #777777;
	font-weight: bold;
}


div.border div.rest div.head {
	font-size: 13px;
	margin: 1px 0px;
	font-weight: bold;
	color: #990000;
}

div.border div.rest div.date {
	color: #777777;
	font-weight: bold;
}

div.border div.rest div.title {
	padding-left: 10px;
}

div.border div.rest div.foot {
/*	float: right;*/
}

div.latest_news a {
	text-decoration: none;
}
div.latest_news a:link,
div.latest_news  a:active,
div.latest_news a:visited {
	color: #990000;  
}
div.latest_news a:hover {
	/*color: #777777;*/
	text-decoration: underline;
}

/* FOOTER */

div.footer {
	width: 740px;
	margin: 0 auto;
	margin-bottom: 10px;
}

div.footer img.center {
	background-color: #FFFFFF;
}

div.copyright {
	width: 740px;
	margin: 0 auto;
	margin-bottom: 12px;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
}

/* MISC */

span.cacaovm {
	color: #777777;
	font-weight: bold;
}

span.red {
	color: #990000;
}