/* Hospersa Main layout */
body {margin:0;
	padding:0;
	text-align:center;
	background-color:#c8c8c8;
	font-size:0.85em;
	font-family:Verdana, Tahoma, "Trebuchet MS", Arial, sans-serif;
	}
	
#all {text-align:left;
	width:768px;
	margin:0 auto;
	margin-top:10px;
	}

a img {border:0;
}

#header {background:url(/images/head-clear.jpg) top left no-repeat;
	height:48px;
	width:768px;
	display:block;
	}

h1 {color:#fff;
	font-size:1em;
	margin:0;
	padding:0;
	margin-left:20px;
	padding-top:17px;
	}

h1 span {font-size:70%;
	}
	
#banner {height:172px;
	background-color:#000;
	border-left:2px solid #fff;
	border-right:2px solid #B5AFB3;
}

#banner img {border:0;
	margin:0;
	padding:0;
	}

#banner #banner_img {margin-left:175px;
}

#banner #logo {margin-left:-5px;
}

/* Navigation */
#nav {height:42px;
	background:#fff url(/images/login-bar.jpg) top left no-repeat;
	color:#fff;
	border-left:2px solid #fff;
	border-right:2px solid #B5AFB3;
}

/* All IE except 7 */ 
* html #nav {margin-top:-3px;
}


#nav p {font-size:0.9em;
	margin:0 0 0 10px;
	padding:12px 0 0 0;
}

#nav ul {list-style:none;
	padding:0;
	margin:-14px 0px 0 200px;
	}
	
#nav li {display:block;
   float:left;
   text-transform:uppercase;
   font-size:0.8em;
#   margin-right:50px;
   margin-right:35px;
   }

#nav li.active a {
   font-weight: bold;
}

#nav li a.standout {
   font-weight: bold;
}


#nav li a {display:block;
   color:#fff;
   text-decoration:none;
}

#nav li a:hover {text-decoration:underline;
}

/* News */
#news {width:182px;
    border:1px solid #9F9813;
    position:absolute;
    top:400px;
    margin-left:575px;
}

#news h2 {background:url(/images/news.jpg) top left no-repeat;
    color:#fff;
    font-size:0.8em;
    height:32px;
    margin:0;
    font-weight:normal;
    padding:8px 0 0 15px;
}

#news ul {list-style:none;
    padding:0 0.5em 0.5em 0.5em;
    margin:0;
}

#news li {font-size:0.8em;
    margin:0 0 0.25em 0;
}

#news a {color:#3B6B07;
}

#news a:hover {text-decoration:none;
}


/* Login */	
#login {height:25px;
	background:#fff url(/images/register-bar.jpg) top left no-repeat;
	border-left:2px solid #fff;
	border-right:2px solid #B5AFB3;
	font-size:80%;
	padding:0;
	margin:0;
	color:#fff;
}

#login div {padding:4px 0 0 18px;
	width:175px;
	background:url(/images/login-bullet.jpg) top left no-repeat;
}

#login a {color:#fff;
	text-decoration:none;
}

#login a:hover {text-decoration:underline;
}

/* Content */
#content {margin:0;
  padding:0px 40px 60px 200px;
  background-color:#fff;
  border-right:2px solid #B5AFB3;
  background: #c8c8c8 url(/images/body.gif) repeat-y;
  min-height:750px;
  height:auto !important;
  height:750px;
}

body.home #content {
  padding:0px 205px 60px 200px;
}

* html body.home #content {
	padding:0px 200px 60px 200px;
}

#content h2, #content h3 {color:#3B6B07;
}

#content h2 {text-transform:uppercase;
	margin:0;
	font-size:1.3em;
	padding-top:20px;
}

#content h3 {font-size:1.1em;
	margin:0.5em 0;
}

#content p, #content ol{color:#3d3d3d;
	font-size:80%;
	line-height: 18px;
}

#content ul {list-style-image:url(/images/bullet.gif);
	margin:0;
        color:#3d3d3d;
	font-size:80%;
	line-height: 18px;
}

body.home #content li {margin-bottom:0.25em;
}

#content li a {color:#3B6B07;
	font-size:80%;
	text-decoration:none;
}

#content li a:hover {text-decoration:underline;
}

#content p.signature, #content p.heading {margin:0;
}

#content p.signature {margin-bottom:1em;
}

#content p.heading a, #content div.resultspager a {color:#3B6B07;
}


#content ul.errorlist {list-style:none;
    padding:0;
    padding-top: 20px;
    margin:0;
    font-size:0.8em;
    color:#F02;
}

#all #content .exception p {
color:#F02;
}

/* Content, Iwan added for static pages and articles iframe */
#content dt {
 font-weight: bold;
}

#content dl {
 font-size: 80%;
 color:#3d3d3d;
 line-height: 18px;
}

#content table {
 width: 100%;
 font-size: 80%;
    border-collapse:collapse;
}

#content th {background-color:#3B6B07;
    color:#fff;
    padding:3px;
    font-size:0.85em;
}

#content table td {border-bottom:1px solid #3B6B07;
    font-size:0.85em;
}


#content iframe {
 width: 100%;
 min-height: 600px; 
}



/* Left menu */
#menu {position:absolute;
	top:271px;
	border-left:2px solid #fff;
	border-right:1px solid #416908;
	width:174px;
}
/* All IE except 7 */ 
* html #menu {
        position:absolute;
	top:288px;
}

#menu h2 {margin-bottom:-4px;
}

#menu ul {background-color:#62bd19;
	margin:0;
	margin-bottom:-16px;
	list-style:none;
	padding:0;
}

#menu ul.last {
	margin: 0px;
	padding-bottom: 1px;
}

#menu li {padding:2px 0 2px 4px;
	border-bottom:1px solid #4fa30b;
}

#menu a {text-decoration:none;
	color:#fff;
	font-size:80%;
}

#menu a:hover {border-bottom:1px solid #fff;
}

#menu h2 a:hover {border: none;
}

#menu #umcebo:hover {border:none;
}

/* Footer */
#footer {height:39px;
	background:url(/images/footer-clear.jpg) top left no-repeat;
	margin:0 0 10px 0;
	padding:12px 0 0 10px;
	font-size:70%;
	color:#fff;
	position:relative;
	top:-20px;
}

#footer a {float:right;
	margin:-12px 20px 0 0;
	color:#fff;
	text-decoration:none;
}

#footer a:hover {text-decoration:underline;
}

/* Forms */
fieldset p {margin:0;}

fieldset {border: 1px solid #529211;
	margin-top:1em;
	padding:1em;
}

label {
	margin: 0;
	display: block;
	width: 12em;
	text-align: right;
	float: left;
	margin-right:0.25em;
}

.btn {margin-left:12em;
}

/* Iwan, added for Images on static pages */
img.centered {display: block; margin: 18px auto;}
img.adjacent {display: inline; margin: 2em}
img.floated {display: inline; float: right; margin: 2em;}

/* Iwan, added for gallery */
#content h3 a, #content h2 a {color: #3B6B07; text-decoration:none;}
#content h3 a:hover, #content h2 a:hover {text-decoration: underline;}
#content p.description {
   font-size: 100%;
}

/* Iwan, added for banners */

#topbanners div {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  left: -22px;
}

#topbanners {
  margin: 0;
  padding: 0;
}

#topbanners table td {
  border: none;
}

.clear {
  clear: both;
}

#all {
position: relative;
}


/* Iwan, added for competition */
.questionnaire ul {list-style:none;
}

.questionnaire p, .questionnaire li {clear:both;
}

.questionnaire p label, .questionnaire li label
{display:block;
    width:100%; 
    margin-bottom:1em;
    text-align: left;
}

/* Iwan, added for POB photos */
/* Source: http://www.alistapart.com/articles/practicalcss/ */
div.captionedimg {
  float: left;
  margin: 1em .5em 1em .5em;
  border: solid #3B6B07 1px;
  padding: .5em .5em 0 .5em;
}

div.captionedimg div img {
  height: 100px;
  display: block;
  margin: auto;
}

div.captionedimg p {
   text-align: center;
   margin: 0;
   padding: 0;
}

div.spacer {
 clear: both;
}