/*
  ____________  _______ 
 / ___/  _/ _ )/ __/ _ \
/ /___/ // _  / _// , _/
\___/___/____/___/_/|_| 

copyright 2008 - CIBER Nederland B.V.

CSS level 2.1 compliant

*/

body {
	margin: 0;
	padding: 0;
	font: normal 12px 'Lucida Grande', trebuchet ms, Arial,Helvetica,sans-serif;
	line-height: 1.2em;
}

a {
	text-decoration: none;
	color: #0983d1;
	outline: none;
}

a img {
	border: 0px;
	text-decoration: none;
}

/* Layout elements */

#navbar {
	height: 38px;
	background: #ccc url(/themes/site_themes/default/images/nav_bg.jpg) repeat-x;
}

#home {
	float: left;
	height: 38px;
}

#formbttn {
	float: right;
	height: 38px;
}

#highlight {
	float: left;
	width: 100%;
}

.width {
	width: 830px;
	margin: 0px auto;
}

.wrapper {
	width: 100%;
	float: left;
}

#container {
	width: 830px;
	margin: 20px auto;
}

#footer {
	width: 830px;
	margin: 50px auto 20px auto;
	text-align: center;
	color: #ccc;
	font-size: 0.8em;
}

#navbar ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navbar li {
	float: left;
	line-height: 35px;
	margin-right: 10px;
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
}

#navbar li a {
	color: #444;
}

#navbar .current {margin: 9px 0px 0px 5px;}
#navbar .current,
#navbar .current span {
  background: transparent url("/themes/site_themes/default/images/mnuitem_bg.gif") no-repeat 0 -18px;
  color: #fff;
  clear: both;
  float: left;
  display: inline;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}

#navbar .current span {
  background-position: 100% -18px;
  position: relative;
  right: -15px;
  padding-right: 15px;
}

#navbar .item {margin: 9px 0px 0px 5px;}
#navbar .item,
#navbar .item span {
  clear: both;
  float: left;
  display: inline;
  height: 18px;
  line-height: 18px;
}

#navbar .item span {
  position: relative;
  right: -15px;
  padding-right: 15px;
}

#navbar .item:hover {
  background: transparent url("/themes/site_themes/default/images/mnuitem_bg.gif") no-repeat 0 0;
  text-decoration: none;
  cursor: pointer;
}

#navbar .item:hover span {
  background: transparent url("/themes/site_themes/default/images/mnuitem_bg.gif") no-repeat 100% 0;
  cursor: pointer;
}

h4 {line-height:1.8em;}
p {line-height:1.8em; color: #4F4F4F;}


/* HEADER
--------------------------------------------------------- */
div#header_wrap {
	padding: 0px 25px;
}
div#header {
	height: 385px;
	background: #0c110d;
	border-bottom: 5px solid #c1c1c1;
}

/* ---- header content --- */
div#header_content_wrap {}
div#header_content {
	height: 305px;
}

/* ---- scrolling header --- */
#demo-bar {
	margin: 0px auto;
	padding: 0;
	width: 830px;
	text-align: center;
} 
#demo-wrapper {
	position: relative;
	overflow: hidden; 
	width: 830px;
	margin: 0px auto;
	height: 350px;
} 
#demo-inner {
	width: 4600px;
	height: 350px;
	position: relative;
} 
.scrolling-content {
	width: 139px;
	height: 73px;
	text-align: left;
	position: absolute;
} 
.scrolling-content h1 { 
	color: #000;
	padding: 0;
	margin: 10px 0;
	font-size: 2em;
	line-height: 30px;
}

.scrolling-content h3 { 
	color: #6F6F6F;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 2em;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase;
}

.scrolling-content h2 { 
	color: #003b72;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 2em;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: -1;
}

.scrolling-content p { 
	margin: 0 0 10px 0;
	line-height: 1.4em;
	color: #6F6F6F;
}

div#user0 {
	font: normal 12px 'Lucida Grande', trebuchet ms, Arial,Helvetica,sans-serif;
	color: #9a9a9a;
	width: 550px;
	padding: 20px 0;
	line-height: 1.4em;
}

div#user1, div#user2, div#user3, div#user4, div#user5, div#user6, div#user7, div#user8, div#user9, div#user10 {
	font: normal 12px 'Lucida Grande', trebuchet ms, Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #9a9a9a;
	width: 400px;
	line-height: 1.4em;
}

div#user2, div#user4 {
	font-size: 12px;
}

#banner {
	position: absolute;
	background: url(/themes/site_themes/default/images/banner.gif) no-repeat;
	width: 553px;
	height: 108px;
	left: 50px;
	top: 90px;
}

#content0 {
	left: 0px; 
	top: 0px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_00.jpg) bottom right no-repeat;
}

#content1 {
	left: 0px; 
	top: 350px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_01.jpg) bottom right no-repeat;
}

#content2 {
	left: 0px; 
	top: 700px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_02.jpg) bottom right no-repeat;
} 
#content3 {
	left: 0px; 
	top: 1050px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_03.jpg) bottom right no-repeat;
} 
#content4 {
	left: 0px; 
	top: 1400px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_04.jpg) bottom right no-repeat;
}
#content5 {
	left: 0px; 
	top: 1750px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_05.jpg) bottom right no-repeat;
}

#content6 {
	left: 0px; 
	top: 2100px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_06.jpg) bottom right no-repeat;
}

#content7 {
	left: 0px;
	top: 2450px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_08.jpg) bottom right no-repeat;
}


#content8 {
	left: 0px;
	top: 2800px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_12.jpg) bottom right no-repeat;
}


#content9 {
	left: 0px;
	top: 3150px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_09.jpg) bottom right no-repeat;
}


#content10 {
	left: 0px;
	top: 3500px;
	width: 830px;
	height: 350px;
	background: url(/themes/site_themes/default/images/highlight_bg_07.jpg) bottom right no-repeat;
}

#content11 {
display: none;
	top: 3850px;
	width: 830px;
	height: 350px;
	/*background: url(/themes/site_themes/default/images/highlight_bg_11.jpg) bottom right no-repeat;*/
}

/* ---- header buttons --- */
div#header_buttons_wrap {float: left; width: 100%; background: url(/themes/site_themes/default/images/navbar_bg.jpg) repeat-x;}
div#header_buttons {
	margin: 0 auto;
	height: 108px;
}

a.link11 img {
	margin-top: 20px;
}

ul#buttons {
	width: 830px;
	padding: 0;
	margin: 0;
}
ul#buttons li {
	list-style: none;
}
ul#buttons li a:link, ul#buttons li a:visited {
	width: 100%;
	height: 53px;
	display: block;
}

li#but_01 {
	width: 186px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_01.jpg) 0% 0% no-repeat;
}
li#but_01 a.active {
	width: 186px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_01.jpg) 0% 100% no-repeat;
}
li#but_02 {
	width: 230px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_02.jpg) 0% 0% no-repeat;
}

li#but_02 a.active {
	width: 230px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_02.jpg) 0% 100% no-repeat;
}
li#but_03 {
	width: 260px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_03.jpg) 0% 0% no-repeat;
}

li#but_03 a.active {
	width: 260px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_03.jpg) 0% 100% no-repeat;
}
li#but_04 {
	width: 154px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_04.jpg) 0% 0% no-repeat;
}

li#but_04 a.active {
	width: 154px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_04.jpg) 0% 100% no-repeat;
}
li#but_05 {
	width: 351px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_05.jpg) 0% 0% no-repeat;
}

li#but_05 a.active {
	width: 351px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_05.jpg) 0% 100% no-repeat;
}
li#but_06 {
	width: 479px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_06.jpg) 0% 0% no-repeat;
}

li#but_06 a.active {
	width: 479px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_06.jpg) 0% 100% no-repeat;
}

li#but_07 {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_07.jpg) 0% 0% no-repeat;
}

li#but_07 a.active {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_07.jpg) 0% 100% no-repeat;
}
li#but_08 {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_08.jpg) 0% 0% no-repeat;
}

li#but_08 a.active {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_08.jpg) 0% 100% no-repeat;
}
li#but_09 {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_09.jpg) 0% 0% no-repeat;
}

li#but_09 a.active {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_09.jpg) 0% 100% no-repeat;
}
li#but_10 {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_10.jpg) 0% 0% no-repeat;
}

li#but_10 a.active {
	width: 166px;
	height: 54px;
	float: left;
	background: url(/themes/site_themes/default/images/bttn_10.jpg) 0% 100% no-repeat;
}

label.col1 {float: left; width: 75px; }

div.item, div.itemlast {float: left; width: 100%; }
div.item label {margin-left: 5px; float: left; line-height: 22px; width: 90%;}
div.item input, div.itemlast input {float: left; line-height: 18px;}

div.item2 {float: left; width: 100%; height: 60px;}
div.item2 label {margin-left: 5px; float: left; width: 185px;}
div.item2 input {float: left;}
div.item2 span {color: #666666; display: block;}

div.itemlast label {margin-left: 5px; float: left; line-height: 22px; width: 30%;}

tr p, td, label {font-size: .9em;}
.bttn {margin-top: 25px;}
.txt {border: 1px solid #ccc; background: #eee; margin: 2px 0; line-height: 22px;}
.txtcol2 {border: 1px solid #ccc; background: #eee; margin: 2px 0; line-height: 22px; float: left; width: 140px;}

label.error {color: darkred; margin-left: 75px; display: block;}
.nobr { white-space: nowrap; }