/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html {}
body { font: 62.5% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;}
ul { list-style: none inside; }
p, li{ font: 1.3em/1.3em; margin-bottom: 0.8em; }
a { color:#1ea4d7; outline: none; text-decoration:none;}
a:hover {color:#008ac4;}

#languages a, #news a, .subsubmenu a, .submenu a, a.arrows{background: url(images/arrows.gif) no-repeat top left; padding:0 0 0 12px; }
#maintext a.arrows {background: url(images/arrowswider.gif) no-repeat top left; padding:0 0 0 18px; }
a.pdf { color:#1ea4d7; outline: none; text-decoration:none; background: url(images/pdf.gif) no-repeat top left; padding:0 0 0 18px; }
a img { border: none; }
ul a {text-decoration : none;}
/* END RESET */

.back {padding-top:18px;}
.back a {font-weight:bold; background: url(images/arrowsback.gif) no-repeat top left; padding:0 0 0 18px;}

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.clear { clear: both; height:30px;}
.bold { font-weight: bold; }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
div#mainfirst, div#mainsub {
	border-top: 2px solid #8dc444;
}
div#wrap {
	width: 970px;
	margin: 0 auto;
	padding-left:15px;}

div#logo {float:left; width:200px; margin:20px 0 0 0;}
div#logo img{margin:0 0 20px 20px;}
div#logo a{background:none; padding:0;}
div#menus {float:left; width:770px; padding:20px 0 0 0;}


ul#languages {float:left; width:750px; padding:7px 0 10px 0; background: url(images/languages_bg.png) repeat-x; text-align:right;}
ul#languages li {display:inline; font-size:1.0em; padding:0 26px 0 0;}
ul#languages li a {text-transform:uppercase;}
ul#languages li.active{display:none;}

ul#mainmenu {float:left; width:729px; background: url(images/mainmenu_bg.png) no-repeat #7cad3a; text-align:center; padding-right:20px;}
ul#mainmenu li {display:inline; font-size:1.1em; font-weight:bold; background: url(images/mainmenu_div.gif) no-repeat top right; padding:3px 0 3px 0;}
ul#mainmenu li  a {color:#000000; line-height:1.8em; background:none; padding:3px 9px;}
ul#mainmenu li.start  a {background: url(images/mainmenu_div.gif) no-repeat top left; padding-left:24px;}
ul#mainmenu li.active, ul#mainmenu li.inactive:hover { background: url(images/mainmenu_selected.gif) no-repeat top right; padding-bottom:3px;}
ul#mainmenu li.active a, ul#mainmenu li.inactive a:hover{color:#ffffff;}

div#content {width:950px; border-top:1px solid #ececec; font-size:1.2em; clear:both; padding:30px 0 0 0;}
div#footer {width:950px; border-top:1px solid #a8a8a8; clear:both; margin:0 0 60px 0;}

div#mainfirst div#mainimage {margin-bottom:20px;}
div#mainfirst div#maintext {width:900px; float:left; padding:0 0 0 20px; margin:0 40px 0 0;}
div#mainfirst div#resource {}
div#mainfirst div#resource div#box {}
div#mainfirst div#news {width:300px; float:left; padding:0; font-size:0.9em;}
div#mainfirst div#news p, div#mainfirst div#news h2 {padding:0 0 0 12px;}
div#mainfirst div#news h2 {font-size:1.4em; margin-bottom:0.5em;}
div#mainfirst div#news .date{font-weight:normal; color:#a8a8a8;}
div#mainfirst div.newsitem {padding:0 0 10px 0; margin:0 0 12px 0; background: url(images/newsbox.png) no-repeat bottom right;}
div#mainfirst div.newsitem h3{font-size:1.0em; margin-bottom:0.3em; background: url(images/newsbox_top.png) no-repeat top right; padding:10px 6px 0 12px;}
div#mainfirst div.newsitem p {margin-bottom:0.3em; padding-right:6px;}

div#mainsub div#submenuarea {float:left; width:180px; margin:0 20px 0 0;}
div#mainsub ul.submenu{margin:0; padding:0 10px 0 20px;list-style: none outside;}
div#mainsub ul.submenu li {margin:0 0 2px 0; padding:2px 0 2px 4px; line-height:1.6em; background: url(images/puffbg_grey.png) no-repeat bottom right;}
div#mainsub ul.submenu li.active, div#mainsub ul.subsubmenu li.active {font-weight:bold;}
div#mainsub ul.submenu li.sub, div#mainsub ul.submenu li.empty {background:none;}
div#mainsub ul.subsubmenu{margin:0; padding:4px 10px 10px 30px;list-style: none outside;}
div#mainsub ul.subsubmenu li {margin:0 0 2px 0; padding:2px 0 2px 4px; line-height:1.6em; background:none;}
div#mainsub div#maintext {float:left; width:490px; margin:0 40px 0 0;}
div#mainsub div#maintext div.box {margin-top:30px; padding:10px; border:1px solid #c5df9e;}
div#mainsub ul#breadcrumbs {font-size:0.9em; margin:0;}
div#mainsub ul#breadcrumbs li {display:inline; color:#a8a8a8;}
div#mainsub ul#breadcrumbs a {padding:0; background:none;}
div#mainsub div#resource {float:left; width:185px; margin:5px 0 0 10px;}

div#mainsub div#resource div.box {margin-top:10px; padding:10px; background: url(images/puffbg_white.png) no-repeat bottom right;}
div#mainsub div#resource div.box.image {margin:0; padding:0; border:none;}
div#mainsub div#resource div.box.grey { background: url(images/puffbg_grey.png) no-repeat bottom right;}
div#mainsub div#resource div.box.green { background: url(images/puffbg_green.png) no-repeat bottom right;}
div#mainsub div#resource div.box.blue { background: url(images/puffbg_blue.png) no-repeat bottom right;}
div#mainsub div#resource div.box.apricot { background: url(images/puffbg_apricot.png) no-repeat bottom right;}
div#mainsub div#resource div.box.border { border:1px solid #c5df9e;}


div#mainsub div.box h3 {font-size:0.9em; line-height:1.4em; text-transform:uppercase; margin:0 0 0.3em 0;}
div#mainsub div.box p {font-size:0.9em; line-height:1.4em; margin:0.3em 0 0.3em 0;}

div#maintext {background:none; padding:0; line-height:1.5em;}
div#maintext h1 {font-size:1.8em; margin:0.5em 0 0.8em 0;}
div#maintext h2 {font-size:1.2em; margin:2.5em 0 0.5em 0;}
div#maintext h3 {font-size:1.1em; margin:1.3em 0 0.3em 0;}

div#maintext ul {list-style:disc outside; padding-bottom:10px; margin-left:16px;}
div#maintext li {margin:5px 0 3px 0; padding:0;}

div#maintext .imgarea {font-size:0.9em; line-height:1.4em;}
div#maintext .imgarea img {margin-bottom:10px;}
div#maintext .imgarea.right{float:right; margin:2px 0 10px 20px;}
div#maintext .imgarea.left {float:left; margin:2px 20px 10px 0;}
div#maintext img.right {float:right; margin:2px 0 10px 20px;}
div#maintext img.left {float:left; margin:2px 20px 10px 0;}

div#maintext fieldset {border:none; border-bottom:1px solid #a8a8a8; padding:15px 0 5px 0;}
div#maintext fieldset.end {border-bottom:none; padding:15px 0 5px 0;}
div#maintext fieldset.end input{font: 1.0em Arial, Helvetica, sans-serif; padding:2px;}
div#maintext input {margin-bottom:1px;}
div#maintext input.text, div#maintext select, div#maintext textarea{width:300px;font: 1.0em Arial, Helvetica, sans-serif;}
div#maintext p.radio input {margin:3px 0 0 0;}
div#maintext p.radio-nolabel input {margin:0 0 0 120px; padding:0;}
div#maintext label {width:120px; float:left; height:100%;}
div#maintext p.check {margin-left:120px;}
div#maintext p.check label {float:none; margin-right:10px;}

div#maintext .date{font-weight:normal; color:#a8a8a8; font-size:0.9em; margin-bottom: 0.4em;}

div.resource {width:185px; margin:5px 0 0 10px;}
.newsitem p.text {width:280px;}
p.empty{ display:none; }
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	padding-left:5px;
}
.fieldbutton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-right: 30px;
}
/* END STRUCTURE */
.borderleft {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}