@CHARSET "UTF-8";

* { padding: 0; margin: 0; }

#clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline; }

body {
	background: #faf0da url("images/bg_thin.png") repeat-x;
}
body.index {
	background: #faf0da url("images/bg.png") repeat-x;
}
#container {
	margin: 0 auto;
	width: 840px
}
#top {
	color: #333;
	width: 840px;
	float: left;
	padding: 0px;
	height: 304px;
	margin: 0px 0px 0px 0px
}
#top.index {
	height: 424px;
}

/* - - - - - - - - - Menu and styles - - - - - - - - - - */

#menu {
	background-image: url("images/menu_bg.jpg");
	background-repeat: no-repeat;
	width: 260px;
	height: 264px;
	padding: 0px
}
#menu ul {
	padding : 0px 0px 0px 32px;
	vertical-align : top;
	list-style: none
}
#menu a, #menu p {
	color : #FFFFFF;
	font-family : sans-serif;
	font-size : 18px;
	font-weight : bold;
	font-style : normal;
	line-height : 34px;
	text-align : left;
	text-decoration: none
}
#menu p {
	display:inline;
}
#menu a:hover {
	color: #f4be00
}

/* - - - - - - - - - end menu - - - - - - - - - - */

#logo {
	width: 580px;
	height: 204px
}
#title {
	background-image: url("images/title.jpg");
	background-repeat: no-repeat;
	width: 580px;
	height: 60px;
	text-indent: 40px;
	vertical-align: middle;
	color: #75bdff;
	font-family: sans-serif;
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
}

/* - - - - - - - - - Side and styles - - - - - - - - - - */

#side {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	min-height: 450px;
	width: 260px;
	float: left;
	background-image: url("images/side_bg.jpg");
	background-repeat: no-repeat
}
#side p{
	padding : 0px 0px 0px 32px;
	vertical-align : top;
	color : #281e14;
	font-family : sans-serif;
	font-size : 12px;
	line-height : 18px;
	text-align : left
}
#side h1, #side h2 {
	padding : 24px 0px 0px 32px;
	color : #0871d2;
	font-family : sans-serif;
	font-size : 14px;
	font-weight : bold;
	font-style : normal;
	line-height : 24px;
	text-align : left;
}
#side h2 {padding: 0px 0px 0px 32px;}
#side ul {
	padding : 24px 0px 0px 32px;
	vertical-align : top;
	list-style: none;
	color : #781345;
	font-family : sans-serif;
	font-size : 14px;
	font-weight : bold;
	font-style : normal;
	line-height : 24px;
}
#side ul.level_2 {
	padding : 0px 0px 0px 20px;
}
#side a, #side div.mod_navigationSub p {
	color : #0871d2;
	font-family : sans-serif;
	font-size : 14px;
	font-weight : bold;
	font-style : normal;
	line-height : 24px;
	text-align : left;
	text-decoration: none;
	padding : 0;
}
#side div.mod_navigationSub p {
	display:inline;
}
#side a:hover {
	color: #281e14;
}
#side p a {
	color : #781345;
	font-size : 12px;
	line-height : 18px;
}
#side p a:hover {
	color : #3d001e;
	text-decoration : underline;
}
#side .info {
	color : #781345;
	font-size : 9px;
	line-height : 14px;
	font-weight : bold;
}

div.layout_latest { margin: 0px 0px 12px 0px;}

/* - - - - - - - - - Content and styles - - - - - - - - - - */
 
#content {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	min-height: 450px;
	width: 580px;
	display: inline;
	position: relative;
	background-image: url("images/edge.jpg");
	background-repeat: no-repeat
}
#content div.block p, #content div.block ul, #content div.block ol, #content div.block h1, #content div.block h2, #content div.block h3, #content a, #content div.block blockquote, #content div.block table {
	margin : 8px 20px 0px 40px;
	vertical-align : top;
	color : #281e14;
	font-family : sans-serif;
	font-size : 14px;
	line-height : 24px;
	text-align : left
}
#content div.block ul {
	margin : 8px 20px 0px 80px;
	list-style: disc inside;
}
 #content div.block ol {
	margin : 8px 20px 0px 80px;
	list-style : decimal inside;
}
#content div.block h1 {
	font-size : 18px;
	color : #781345;
	font-weight : bold;
}
#content div.block h2 {
	color : #0871d2;
	font-weight : bold;
}
#content div.block h3 {
	margin: 8px 20px 0px 40px;
	display : block;
	height : 40px;
	width : 520px;
	background : url(images/button.png) 0 0 no-repeat;
}
#content div.block h3 a {
	color : #ffffff;
	font-size : 18px;
	font-weight : bold;
	text-decoration : none;
	padding : 7px 10px 9px 10px;
	margin : 0px;
	display : block;
	height : 24px;
	width : 500px;
}
#content div.block h3 a:hover {
	color : #f4be00;
	text-decoration : none;
}
#content a {
	color : #781345;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
}
#content a:hover {
	color : #3d001e;
	text-decoration : underline;
}
#content div.block blockquote {
	margin : 8px 20px 0px 80px;
	color : #0062bd;
}

#content div.formbody, #content div.box {
	background-color : #936f4b;
	width : 520px;
	margin: 8px 20px 0px 40px;
	color : #ffffff;
	font-family : sans-serif;
	font-size : 14px;
	line-height : 24px;
}
#content div.formbody label {
	display:block;
	float:left;
	line-height:24px;
	margin:1px 10px 8px 10px;
	position:relative;
	text-align:right;
	width:120px;
}
#content div.formbody label.mandatory {
	font-weight : bold;
}
#content div.formbody input, #content div.formbody textarea, #content div.formbody select {
	border-bottom : #faf0da solid 1px;
	border-left : none;
	border-right : none;
	border-top : none;
	background-color : #a78767;
	line-height:16px;
	margin:0px 10px 8px 0px;
	padding:4px;
}
#content div.formbody input.short {
	width : 212px;
	height:16px;
}
#content div.formbody input.full {
	width : 362px;
	height:16px;
}
#content div.formbody textarea {
	width : 362px;
	height: 160px;
}
#content div.formbody select {
	width : 212px;
}
#content div.formbody input:hover, #content div.formbody textarea:hover, #content div.formbody select:hover {
	background-color : #bca384;
}
#content div.submit_container, #content div.radio_container, #content div.checkbox_container {
	width: 370px;
	margin : 1px 10px 8px 0px;
	float: left;
	display : block;
}
#content div.submit_container {
	margin : 1px 10px 8px 140px;
}
#content div.radio_container span, #content div.checkbox_container span {
	display : block;
	width : 212px;
	padding : 0px 0px 0px 10px;
	border-left : #faf0da solid 1px;
}
#content input.submit {
	border : #faf0da solid 1px;
	background-color : #57422c;
	margin:0px 10px 8px 0px;
	padding:4px;
	color: #fff;
	line-height:16px;
	font-weight : bold;
}
#content input.submit:hover {
	background-color : #281e14;
}
#content div.error {
	font-style:italic;
	line-height:24px;
	margin:1px 10px 0px 0px;
	text-align:left;
	width: 370px;
	height : 24px;
	color : #f4be00;
	float:left;
}
#content div.formbody div.headline, #content div.formbody p,  #content div.box h1,  #content div.box p {
	margin : 0px 10px 8px 10px;
}
#content div.formbody div.headline,  #content div.box h1 {
	font-size : 18px;
	font-weight : bold;
}
#content td {
	vertical-align: top;
	width: 50%;
}
#content td.col_first {
	padding: 0px 8px 12px 0px;
	border-right: #281e14 solid 1px;
}
#content td.col_last {
	padding: 0px 0px 12px 8px;
}
#content div.btnplayer {
	margin: 8px 20px 20px 40px;
	padding: 0px 0px 0px 20px;
	display : block;
	height : 40px;
	width : 520px;
	background : url(images/btnplayerbg.png) 0 0 no-repeat;
	color : #ffffff;
	font-size : 14px;
	font-weight : bold;
	font-family : sans-serif;
	line-height : 36px;
	text-align : left;
}

#content div.btnplayer object {
	vertical-align: middle;
}
/* - - - - - - - - - Footer and styles - - - - - - - - - - */

#base {
	width: 100%;
	padding: 0px;
	height: 410px;
	margin: 0px;
	float: left;
	clear: both;
	background-color: #281e14;
	border-width: 4px 0px 0px 0px;
	border-color: #936f4b;
	border-style: solid
}
#toc {
	margin: 0 auto;
	width: 840px;
}
#toc ul {
	padding: 0;
	margin: 20px 0px 0px 34px;
	list-style: none;
}
#toc li {
	float:left;
	position: relative;
	width: 114px;
}
#toc li ul {
	display: block;
	position: absolute; 
	top: 1em;
	left: 0;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	list-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #faf0da;
}
#toc li ul li {
	width: 124px;	
}
#toc ul.level_1 a {
	text-decoration:none;
	display:block;
	padding: 0;
	color : #75bdff;
	font-family : sans-serif;
	font-size : 11px;
	font-weight : bold;
	font-style : normal;
	line-height : 20px;
	text-align : left;
}
#toc ul.level_1 a:hover {
	color : #ffffff;
}
#toc ul.level_2 a {
	text-decoration:none;
	color: #faf0da;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	text-align: left;
}
#toc ul.level_2 a:hover {
	color : #75bdff;
}