/*

Author URI: Johan Wilckens
License:  All Rights Reserved
*/
	
@import url("style_modules.css");
body {
	font: 11px Trebuchet MS, Arial, sans;
	color:#000;
	line-height:2em;
	background: #fff;
}
.container-inner {
	width:800px;
	margin:0 auto;
	padding:0
}
.container {
	margin:20px auto;
}

/* inside wrap */

#inside-wrap {
	margin:0 auto;
	padding:0;
	position: relative;
}
#corner {
	position: absolute;
	left: 0px;
	width: 50px;
	height: 50px;
	top: 0px;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	z-index: 100;
}

/* Masthead */

#masthead {
	border-top:5px solid #000;
	float:none
}
#masthead h4, #masthead span {
	margin: 0;
	padding:0;
	line-height:2em
}
#masthead h4 {
	font-weight: bold;
	text-transform: uppercase;
	float: left
}
#masthead h4 a {
	color: #000;
	text-decoration: none;
}
#masthead span.description {
	font-weight: normal;
	color: #000;
	text-transform: lowercase;
	font-size: 11px;
	padding: .35em 3em;
}
.contact {
	border-left:5px solid #000
}
.phone {
	text-align:right;
	font-size:11px
}
.email {
	text-align:right;
	font-size:11px
}
.email a:hover {
	color:#107394;
}
.nav a {
	background:#000;
	color:#444;
	font:bold 12px/1 helvetica, arial, sans-serif;
	padding:6px 10px 3px;
}
.nav a:hover {
	background:#222;
	color:#fff
}
.prev a, .next a {
	color:#eee;
	text-decoration:none;
	padding:4px 10px 6px 10px;
	font-size:14px;
	display:block;
}
.byline {
	font-size:11px;
	margin:0;
	color:#444
}
.byline a {
	color:#444
}
.byline a:hover {
	color:#fff;
	text-decoration:underline;
}
hr {
	background:#444
}
div.colborder {
	border-right:1px solid #000;
}

/* NAVIGATION - Basic code - don't modify */ 

#nav-drop {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:100
}
#nav-drop .wrapper {
	position: relative;
	margin: 0 auto;
	width: 800px;
}
#nav-drop li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav-drop a {
	display: block;
}
#nav-drop li:hover ul {
	display:block;
}
#nav-drop li ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #nav-drop ul {
	line-height: 0;
} /* IE6 "fix" */
#nav-drop ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav-drop ul li {
	float: none;
}
#nav-drop ul ul {
	top: 0;
}
/* NAVIGATION _ Essentials - configure this */
#nav-drop ul {
	width: 170px;
}
#nav-drop ul ul {
	left: 170px;
}
/* NAVIGATION - Everything else is theming */
#nav-drop {
	background-color: #000;
	width:100%;
	height:25px;
	margin-bottom:20px
}
#nav-drop *:hover {
	background-color: none;
}
#nav-drop a {
	color: white;
	font-size: 11px;
	padding: 8px 40px 6px 8px;
	line-height: 1;
	border-right:1px solid #eee;
}
#nav-drop li.hover a, #nav-drop li:hover a {
	background-color: #464646;
}
#nav-drop ul {
	top: 25px;
}
#nav-drop ul li a {
	background-color: #222;
}
#nav-drop ul a.hover, #nav-drop ul a:hover {
	background-color: #107394;
}
#nav-drop ul a {
	border-top: 1px solid #333;
	border-right: none;
}
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav-drop ul li a.children {
	background-image: url(images/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}
/* NAVIGATION - Search for something */
#nav-drop #search {
	position: absolute;
	top: 2px;
	right: 10px;
	height:21px;
	width:150px;
	background: #222 url(images/search.jpg) no-repeat left top
}
#nav-drop div#search .button, #nav-drop div#search a {
	display:none;
}
#nav-drop #search:hover {
	background: #fff url(images/search-hover.jpg) no-repeat left top
}
#nav-drop #search #form {
	background: transparent;
	float: left;
	display: block;
	margin:0;
	padding-left: 20px;
	width: 130px;
	border: none;
	font-size: 11px;
	color: #ccc;
	vertical-align: bottom;
}
#search #s:hover {
	color: #000;
	background: transparent
}
#nav-drop #search #s:hover {
	color: #000;
	background: transparent;
}


/* Grid */

#main_bg {
	background-color:#000;
	width:800px;
	position:relative;
}
#content {
	margin:20px 30px 0px 30px;
	padding-top:20px;
	color:#fff;
}
div#content div.collumn, div#content div.news-list-item {
	margin-bottom:25px;
	clear:both;
}
div#content #right_side div.collumn {
	margin-bottom:10px;
	clear:both;
}
#main_content_0 {
	width:740px;
	padding:0px;
	background: transparent;
	float:left;
}
#main_content_0 #main_body_0 {
	background: transparent;
	text-align:justify;
}
#main_content_0 #main_body_r {
	float:left;
	background: transparent;
	width:430px;
}
#main_content_0 #right_side {
	width:280px;
	float: right;
	background: transparent;
	text-align:left;
}
#main_content_0 #main_both {
	clear:right;
	width:740px;
	background: transparent;
}
#left_side {
	float:left;
	width: 160px;
	background: transparent;
	padding:0px;
}
#main_content_l {
	float:right;
	width:550px;
	padding:0px;
	background: transparent;
}
#main_content_l #main_body_0 {
	background: transparent;
	text-align:justify;
}
#main_content_l #main_body_r {
	float:left;
	background: transparent;
	width:330px;
}
#main_content_l #right_side {
	width:190px;
	float: right;
	background: transparent;
	text-align:left;
}
#main_content_l #main_both {
	clear:right;
	width:550px;
	background: transparent;
}

#footer-wrap {
	background:#000;
	position:relative;
	margin-bottom:20px;
	margin-top:10px;
	height:4px;
}
#footer a:hover {
	color:#fff;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #444
}
#footer ul li a {
	color:#eee;
	height:1%;
	background:url(images/li.png) no-repeat 0;
	line-height:1.2em;
	border-bottom:1px solid #444;
	display:block;
	padding:6px 0 6px 8px;
}
#footer ul li a:hover {
	color:#fff;
	background-position:1px 0.8em;
	background: #111 url(images/li-white.png) no-repeat 3px 10px;
}
#footer ul li a span {
	color:#696455;
}
#footer ul li.active a {
	cursor:default;
	color:white;
}