body {background-color:#CCCCCC;}
.skille {background-color:#EEEEEE; width: 740px; height:3px; border-bottom: 1px solid #CCCCCC;}
h1, h2, h3, h4, h5, h6, h7 {margin:0px; padding:0px; font-size:11px; font-weight:bold}
body, td, input, textarea, select {font: 11px verdana, arial, helvetica, sans-serif; color:#333}
p { margin:0px 0px 20px 0px}
td {vertical-align:top; padding: 5px 10px;}
img {border:none}

.clearBoth { clear:both;}

#pageContent {
	position:relative;
	width:740px; 
	margin:0px; 
	text-align:left; 
	z-index:1;
	border:1px solid #ADABAC;
	margin:auto auto;
	background:#516D20;
	
}

.clear {clear: both; height: 1px; overflow: hidden;}

#header {width: 740px; background-color:#FFFFFF; background-image:url(images/top/logo_continue.gif);}
	#header .logo  {position:relative; background-image:url(images/top/logo.gif); background-repeat:no-repeat; height: 102px;}

#Menu {position:relative; width:740px; height:20px; overflow:hidden; background-color: #7CB2FF; /* background-image:url(images/menu/left.gif) */;}
#MenuContent {position:relative; width:740px; top:-1px}
	#MenuContent div {float:right; margin-top:4px; padding:0px 11px 0px 10px; border-right:1px solid #999; font: bold 11px verdana; z-index:5;}
	#MenuContent div.selected {position:relative; left:-1px; background-color:#eeeeee; margin:0px; padding:4px 10px 0px 10px; height:20px; border-left:1px solid #999}
			
	#MenuContent div a {color:#FFFFFF;}
	#MenuContent div.selected a {color:#000000; text-decoration:none}
	
#Body {position:relative; width: 740px;}
#BodyContent {
	position:relative;
	text-align:left;
	width: 740px;
}

/* misc hacks and fixes */
	.whitespaceFix {margin-top:-1px; font-size:1px; clip:rect(0,1,1,0)}


/* LEFT MENU */

#leftMenu .selected a {color:#000000}
#leftMenu a {color:#516D20}

#leftMenu {position:relative; padding:0px 10px}
#leftMenu .sectionHeader {position:relative; font-size:11px; font-weight:bold; padding-bottom:5px}
#leftMenu .sectionHeader a, #leftMenu .sectionHeader a:visited {color:#000000}

#leftMenu .item {position:relative; margin-top:7px; font-size:10px}
#leftMenu .header, #leftMenu .mainHeader {padding-left:13px}
#leftMenu .mainHeader {font-weight:bold}
#leftMenu .subItems {padding-left:13px; display:none;}

#leftMenu .arrow {position:absolute; float:left; top:2px; width:10px; height:10px; background:url(images/arrow.gif) no-repeat; overflow:hidden}

/* LEFT MENU CUSTOMIZE */
	.content-01 #leftMenu {padding:0px 0px 10px 0px}
	.content-01 #leftMenu .item {position:relative; margin-left:10px; margin-right:10px}
	.content-01 #leftMenu .subItems .item {margin-left:0px; margin-right:0px}
	.content-01 .sectionHeader {
		position:relative;
		height:20px;
		padding-top:10px;
		padding-left:10px;
		background:#fff;
		color:#000;
		text-decoration:underline;
		border-top:4px solid #516D20;
	}
	.content-01 .sectionHeader img {
		position:absolute;
		left:-12px;
		top:6px;
		clip:rect(auto 41px auto auto);
	}

.col-left {
	float:left;
	width:166px;
}
.col-left div.content-01 { /* == empty */
	background-color:#D3DAC7;
	height:122px;
	border-bottom:1px solid #fff;
	float:left;
	width:166px;
	margin-top:-1px;
}
.col-left>div.content-01 {
	height:auto;
	min-height:124px;
}


/* Right position */
.col-right, .col-wide {
	width:574px;
	float:right;
	background-color:#FFFFFF
}

.col-right .img01, .col-wide .img01 {
	float:left;
	border-right:1px solid #fff;
}
.col-right .img02, .col-wide .img02 {
	float:right;
}
.col-right .content {
	overflow:hidden;
	width:347px;
	padding:27px;
	float:left;
}
.col-right .content h2, .col-wide .content h2 {
	margin-bottom:18px;
	font-size:14px;
}
.col-right div.emulator {
	border-top:1px solid #fff;
	border-left:1px solid #DAD9DD;
	float:right;
	margin-bottom:115px;
}
.col-right div.emulator iframe {
	width:172px;
	height:164px;
	overflow:hidden;
}

.tableNormal {
	margin: 1px; background-color: #F3F3F3; }

.tableMarked {
	margin: 1px; background-color:#EEEEEE; font-weight: bold; }