/**
 * Stylesheet for ETDF
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */
/**
 * = Globalreset by Mr. Eric Meyer
 * ----------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/**
 * = General
 * ----------------------------------------------------------
 */
body {
	font: 300 12px Verdana, Arial, sans-serif;
	color: #1A1A1A;
	background: white url(../images/bodybg.png) repeat-x;
}
#container-wrap {
	background: transparent url(../images/bg2.png) no-repeat scroll center top;
} /* Wrap for larger background */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/**
 * = Headings and typography
 * ----------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6, span.day {
	font-weight: 700;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: 700;
}
p {
	font-size: 11px;
	line-height: 1.6;
	padding: 0 0 15px 0;
}
/* H1 */
#content h1 {
	font-size: 24px;
	color: #000;
}
/* H2 */
#content h2, span.day {
	font-size: 16px;
	color: #000;
	padding: 0 0 10px 0;
	line-height: 1.25;
}
#news-and-calendar h2 {
	color: #003f5d;
	font-size: 14px;
	border-bottom: 1px dotted #ccd9df;
	margin-bottom: 16px;
	padding-bottom: 2px;
}
/* H3 */
#content h3 {
	font-size: 13px;
	color: #666;
	padding: 0 0 6px 0;
}
#content #featuredproject h2 {
	line-height: 1.1;
}
#content #featuredproject h3 {
	padding: 0;
	line-height: 1;
}
#featuredproject h3 a:link,
#featuredproject h3 a:visited {
	font-size: 14px;
	color: #A40233;
	text-decoration: none;
	display: block;
}
#news h3, #events h3 {
	line-height: 1.1;
}
#news h3 a:link, 
#news h3 a:visited,
#events h3 a:link, 
#events h3 a:visited,
#projects h3 a:link,
#projects h3 a:visited {
	text-decoration: none;
	color: #0073ab;
}
#news h3 a:hover, #events h3 a:hover,
#news h4 a:hover, #events h4 a:hover {
	color: #00a0e9;
}
#news h3 a:active, #events h3 a:active,
#news h4 a:active, #events h4 a:active {
	color: #222;
}
#content .newsarticle h3,
#content .event h3 {
	color: #0c6089;
	font-size: 12px;
	padding: 0;
}
/* H4 */
#content h4 {
	font-size: 12px;
	color: #000;
	padding: 0 0 4px 0;
}
/* H5 H6 */
#content h5 {
	font-size: 11px;
	color: #000;
	padding: 0 0 2px 0;
}
#content h6 {
	font-size: 10px;
	color: #000;
	padding: 0 0 2px 0;
}
/* p, ul, bquote */
#content {
	line-height: 1.6;
	font-size: 12px;
}
#content p {
	font: 500 12px/1.4 Verdana, Arial, sans-serif;
}
#content ul {
	padding: 0 0 15px 30px;
}
#content ul li {
	list-style: square;
	line-height: 1.6;
}
blockquote {
	font-style: italic;
	padding: 0 0 0 30px;
}
/**
 * = Tables
 * ----------------------------------------------------------
 */

table {
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	clear: both;
	margin: 0 0 20px 0;
}

td {
	padding: 2px 4px;
	vertical-align: top;
}

td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

th {
	font-weight: 700;
	color: #333;
	padding: 2px 4px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

table.noborder {
	border: none;
}

table.noborder td {
	border: none;
	padding: 0;
}

/**
 * = Calendar on homepage
 * ----------------------------------------------------------
 */
.calendar-sheet {
	width: 35px;
	height: 42px;
	background: url(../images/datesheet.gif) no-repeat 0 0;
	margin: 0 0 0 9px;
}
.calendar-sheet span.day {
	text-align: center;
	width: 35px;
	display: block;
	line-height: 16px;
	padding: 4px 0;
}
#home #calendar table {
	width: 243px;
	margin: 0 0 10px 0;
}
td.trevenbottom {
	height: 7px;
	width: 243px;
	background: transparent url(../images/trevenbottom.gif) no-repeat 0 0;
}
td.treventop {
	height: 7px;
	width: 243px;
	line-height: 1px;
	background: transparent url(../images/treven.gif) no-repeat 0 0;;
}
#calendar td {
	vertical-align: top;
}
#calendar tr.even {
	background: #bfdae2;
}
#calendar tr.even .calendar-sheet {
	background: url(../images/datesheet-alt.gif) no-repeat 0 0;	
}
.calendar-text {
	padding: 0 0 0 18px;
}
#content .calendar-text h4 {
	padding: 0 9px 3px 0;
	font-size: 11px;
}
#content .calendar-text p {
	padding: 0 9px 6px 0;
	font-size: 11px;
}
tr.odd .calendar-text p {
	padding: 0 9px 20px 0;
}
.calendar-sheet span.month {
	text-align: center;
	width: 35px;
	display: block;
	font-size: 10px;
	line-height: 10px;
	padding: 2px 0;
	color: white;
}
/**
 * = News on homepage
 * ----------------------------------------------------------
 */
.newsarticle, .project, .event {
	padding: 15px 0 15px 0;
	clear: both;
	border-bottom: 1px solid #EEE;
}
#home #content .newsarticle {
	padding: 0;
	border: none;
}
#home #content .newsarticle p {
	font-size: 11px;
}
#newsdetail .newsarticle,
#projectdetail .project,
#eventdetail .event {
	padding-top: 0;
	margin-bottom: 15px;
}

#content div.project img.projectimage {
	float: right;
	padding: 0 0 10px 10px;
}
span.date {
	color: #5e5e5e;
	display: block;
	padding: 0 0 8px 0;
	font-size: 10px;
}
/**
 * = News on detail page
 * ----------------------------------------------------------
 */
#content div.newsarticle h2,
#content div#eventdetail h2 {
	padding: 0;
}
span.meta {
	display: block;
}
/**
 * = Featuredproject
 * ----------------------------------------------------------
 */
#featuredproject {
	position: relative;
}
#featuredproject img {
	position: absolute;
	right: 30px;
	top: 17px;
}
#featuredprojectheader {
	background: #FBC34E;
	position: relative;
	width: 608px;
}
#featuredprojectheader h2 {
	padding: 12px 0 2px 30px;
}
#featuredprojectheader h3 a {
	padding: 0 0 4px 30px;
}
#featuredproject p {
	width: 317px;
	padding: 16px 30px 24px 30px;
	font-size: 11px;
	line-height: 1.6;
}
#moreprojects {
	background: #BFDAE2;
	position: relative;
	width: 608px;
}
#moreprojects p {
	width: 548px;
	padding: 5px 30px;
}
/**
 * = Rounded corners
 * ----------------------------------------------------------
 */
span.c {
	width: 5px;
	height: 5px;
	line-height: 1px;
	display: block;
	position: absolute;
	font-size: 1px;
}
span.ctl { background: url(../images/cornerswhite.png) no-repeat top left; left: 0; top:0 ;}
span.ctr { background: url(../images/cornerswhite.png) no-repeat top right; right: 0; top: 0; }
span.cbl { background: url(../images/cornerswhite.png) no-repeat bottom left; bottom: 0; left: 0;}
span.cbr { background: url(../images/cornerswhite.png) no-repeat bottom right; right: 0; bottom: 0;}

/**
 * = Linkbutton
 * ----------------------------------------------------------
 */
div.linkbutton {
	float: right;
	font-size: 10px;
	overflow: hidden;
	line-height: 1;
}
div.linkbutton a:link,
div.linkbutton a:visited {
	display: block;
	position: relative;
	background: #FBC34E;
	padding: 4px 10px;
	text-decoration: none;
	line-height: 1;
	font-weight: 700;
	text-align: center;
}
div.linkbutton a:hover,
div.linkbutton a:active {
	background: #fbac07;
	color: black;
}
/**
 * = News and calendar general layout
 * ----------------------------------------------------------
 */
#news-and-calendar {
	padding-top: 35px;
}
#home #news {
	width: 317px;
	float: left;
	padding: 0 30px 0 0;
	font-size: 11px;
}
 #home #calendar {
	width: 243px;
	float: left;
}
/**
 * = Navigation
 * ----------------------------------------------------------
 */
#navigation ul {
	padding: 20px 0;
}
#navigation li {
	font-size: 12px;
	line-height: 21px;
}
#navigation li a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0 0 0 20px;
}
#navigation li.selected a.secured,
#navigation li.selected a.secured:hover {
	background: black url(../images/homeliselectedsecured.gif) no-repeat 4px 4px;
}
#home #navigation li.selected a {
	background: black url(../images/homeliselected.gif) no-repeat 4px 3px;
}
#navigation li.selected a,
#navigation li.selected a:hover {
	font-weight: 700;
	background: black;
	color: white;
}
#navigation li a:hover {
	background: #fbc34e;
}
#navigation li a:active {
	background: #fbac07;
}
#navigation ul {
	width: 196px;
}
#navigation ul li.selected ul {
	padding: 5px 0;
}
#navigation ul li.selected ul li {
	font-size: 11px;
	line-height: 19px;
}
#navigation ul li.selected ul li a:link,
#navigation ul li.selected ul li a:visited {
	padding: 0 0 0 40px;
	background: transparent url(../images/bullet.gif) no-repeat 28px 8px;
	color: #555;
	font-weight: 300;
}
#navigation ul li.selected ul li a:hover,
#navigation ul li.selected ul li a:active,
#navigation ul li.selected ul li a.secured:hover,
#navigation ul li.selected ul li a.secured:active {
	color: #000;
	background: transparent url(../images/bullet.gif) no-repeat 28px 8px;
}
#navigation ul li.selected ul li.selected a:link,
#navigation ul li.selected ul li.selected a:visited,
#navigation ul li.selected ul li.selected a:hover,
#navigation ul li.selected ul li.selected a:active {
	font-weight: 700;
	color: #000;
}
#navigation ul li.selected ul li.selected ul li a:link,
#navigation ul li.selected ul li.selected ul li a:visited {
	padding: 0 0 0 60px;
	background: none;
	color: #555;
	font-weight: 300;
}
#navigation ul li.selected ul li.selected ul li a:hover,
#navigation ul li.selected ul li.selected ul li a:active {
	color: #000;
}
#navigation ul li.selected ul li.selected ul li.selected a:link,
#navigation ul li.selected ul li.selected ul li.selected a:visited,
#navigation ul li.selected ul li.selected ul li.selected a:hover,
#navigation ul li.selected ul li.selected ul li.selected a:active {
	font-weight: 700;
}
/**
 * = Pagination
 * ----------------------------------------------------------
 */
#content .pagination ul {
	padding: 18px 0;
}
#content .pagination li {
	float: left;
	list-style: none;
	background: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	border: 1px solid #DDD;
}
#content .pagination li span {
	float: left;
	display: block;
	padding: 0 5px;
}
#content  .pagination li span a {
	float: left;
	display: block;
}
/**
 * = Links
 * ----------------------------------------------------------
 */
a:link {
	color: #006a8c;
}
a:visited {
	color: #024a6d;
}
a:hover {
	color: #008ac9;
}
a:active {
	color: #222;
}
/**
 * = Header
 * ----------------------------------------------------------
 */
#header {
	height: 204px;
}
#logo {
	text-indent: -9000px;
	width: 484px;
	height: 133px;
	float: left;
}
#logo h1 {
	background: url(../images/etdlogo.png) no-repeat 0 0;
	width: 484px;
	height: 133px;
	float: left;
}
#logo h1 a {
	width: 484px;
	height: 133px;
	display: block;
	overflow: hidden;
	float: left;
}
#language {
	color: white;
	padding: 44px 0 0 0;
	width: 183px;
	float: left;
}
#language a {
	color: white;
	display: block;
	line-height: 22px;
	text-decoration: none;
}
#language p {
	font-weight: 700;
	float: left;
	padding: 0 9px 0 0;
	line-height: 22px;
}
#language ul li {
	width: 31px;
	text-align: center;
	float: left;
	font-size: 11px;
	margin: 0 10px 0 0;
	background: url(../images/langdefault.png) no-repeat 0 0;
}
#language ul li.selected {
	float: left;
	background: url(../images/langselected.png) no-repeat 0 0;
}
#search {
	padding: 44px 0 0 0;
	float: left;
}
#searchresults dl dd {
	padding: 0 0 8px 0;
}
input {
	font-size: 11px;
}
label {
	font-size: 11px;
	color: #666;
}
span.form-error {
	color: red;
	display: block;
	padding: 0 0 10px 0;
}
#search input.input-text {
	width: 149px;
	height: 18px;
	background: url(../images/searchinput.png) no-repeat 0 0;
	border: 0;
	padding: 4px 0 2px 24px;
	color: #ABABAB;
}
#search form {
	width: 100%;
}
#search input.input-text:focus {
	color: black;
}
#search input.input-button {
	width: 62px;
	height: 22px;
	background: url(../images/inputbutton.png) no-repeat 0 0;
	border: 0;
	padding: 1px 1px 2px 1px;
	color: #808080;
	color: #FFF;
	font-weight: 700;
}


#name, #email, #message {
	width: 300px;
	font: 11px/12px Verdana,Arial,sans-serif;
	border: 1px solid #ABABAB;
	padding: 2px 1px;
}

#message {
	height: 120px;
}

/**
 * = Login
 * ----------------------------------------------------------
 */
#login dd {
	padding: 0 0 5px 0;
}
#login {
} 
/**
 * = Main
 * ----------------------------------------------------------
 */
#main {
	clear: both;
}
#main #navigation {
	float: left;
	width: 196px;
	padding: 0 20px 0 0;
}
#main #contentwrap {
	float: left;
	width: 698px;
	position: relative;
	top: -58px;
}
/**
 * = Content layout
 * ----------------------------------------------------------
 */
#content {
	padding: 35px 45px 25px 45px;
	width: 608px;
	background: transparent url(../images/contentmiddle.png) repeat-y;
	float: left;
	min-height: 520px;
	height: auto !important;
	height: 520px;
}
#contenttop {
	background: transparent url(../images/contenttop.png) no-repeat;
	height: 10px;
	width: 698px;
	float: left;
	line-height: 2px;
	font-size: 2px;
}
#contentbottom {
	background: transparent url(../images/contentbottom.png) no-repeat;
	height: 22px;
	width: 698px;
	float: left;
	line-height: 2px;
	font-size: 2px;
}
/**
 * = Footer
 * ----------------------------------------------------------
 */
#footer {
	clear: both;
	position: relative;
	top: -58px;
	padding: 10px 0;
	font-size: 11px;
}
#footer p {
	float: left;
	padding: 0 0 0 247px;
	line-height: 21px;
	color: #b8b8b8;
}
#footer p img {
	float: left;
	padding-right: 5px;
}
#footer ul {
	float: right;
	padding: 0 67px 0 20px;
}
#footer ul li {
	display: inline;
	padding: 0 10px;
	line-height: 21px;
	color: #656565;
}
#footer ul li {
	display: inline;
	padding: 0 5px;
	line-height: 21px;
	background: url(../images/borderright.png) no-repeat top right; 
}
#footer ul li.last {
	padding: 0 0 0 5px;
	background: none;
}
/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}