@charset "utf-8";

/* djv-herfst */

body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0px 0px 0px 0px;

	text-align: center; /* this centers the container in IE 5* browsers. */

	color: #000000;

}

#container {

	width: 95%; /* change to % for liquid main column */



	padding: 10px 10px 10px 10px;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */

}



/* **************  COLOURS **********************/

body {background: #feb470;}

#container {background: #feb470;}

#header {background: #feb470;}

.leftcontent {background: #fed2ab;}

.rightcontent {background: #fed2ab;}

.maincontent {background: #FFF;}

#footer {background: #feb470;}



#header {

	padding: 220px 10px 10px 10px;

	margin: 0px 0px 0px 0px;

	text-align: center;

	background-image: url(img/djv-site-header.png);

	background-repeat: no-repeat;

	background-position: center center;

}



#leftbox {

	float: left;

	width: 220px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	overflow:hidden;

}



.leftcontent {

	padding: 1px 10px 1px 10px;

	margin: 0px 0px 0px 0px;

}



#rightbox {

	float: right;

	width: 200px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	overflow:hidden;

}



.rightcontent {

	padding: 1px 10px 1px 10px;

	margin: 0px 0px 0px 0px;

	color:#000;

}



#mainbox {

	padding: 0px 0px 0px 0px;

	margin: 0px 210px 0px 230px;

}



.maincontent {

	padding: 1px 10px 1px 10px;

	margin: 0px 0px 0px 0px;

    border-radius: 10px;

	-moz-border-radius: 10px;

    -webkit-border-radius: 10px;

border: 1px solid #000;



}



#footer {

	padding: 1px 10px 1px 10px;

	margin: 0px 0px 0px 0px;

	text-align: center;

	color:#000

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

	height:0;

	font-size: 1px;

}

.spacer{margin:10px 0px;;}



.menu a 

{

    display: block;

    padding: .2em 0;

    color:#000;

}

.menu a:hover 

{

	color: #FFFFFF;

	text-decoration: none;

	background:#555555;

}

.menu ul

{

list-style-type: none;

padding: 0;

margin: 0;

}

.menu li

{

font-size: 12pt;

}

.menu li li

{

font-size: 10pt;

font-weight: normal;

background-image: url(img/bg_bullet_arrow.gif);

background-repeat: no-repeat;

background-position: 0.5em .5em;

padding-left: 1.1em;

}

.menu li.menu-current 

{

	font-weight: bold;

}

