/* 

	Title:     LCV MASTER style sheet
	Type:	   screen media
	Author:    wim@itprosolutions.be
	Updated:   oktober 2007

*/

* { margin:0; padding:0; }
	
body {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	color:#333;
	background:#FFF url(../img/bg_body.gif) repeat-x 0 0;
	}

/* page structure
---------------------------------------------------------- */

#wrap {
	margin:0 auto;
	padding:6em 4em 2em 4em;
	width:56em;
	line-height:1.6em;
	text-align:left;
	background: url(../img/bg_wrap.gif) no-repeat top center;
	}
#content {
	float:left;
	padding-right:1.6em;
	width:38em;
	border-right:1px solid #FC0;
	}
#sidebar {
	float:right;
	margin-left:2em;
	width:14em;
	}
#siteinfo {
	position:fixed;
	bottom:0;
	left:0;
	height:40px;
	width:100%;
	text-align:center;
	line-height:58px;
	font-size:70%;
	color:#FFF;
	background: url(../img/bg_siteinfo.gif) repeat-x bottom left;
	z-index:10;
	}
#credits {
	clear:both;
	visibility:hidden;
	}

/* navigation
---------------------------------------------------------- */

#nav {
	list-style:none;
	}
#nav li a {
	display:block;
	margin-bottom:0.6em;
	padding:0 2em;
	font-size:85%;
	text-decoration:none;
	color:#9C8C79;
	}
#nav li a:hover {
	text-decoration:underline;
	}

/* active state */
#home #t-home a,
#how #t-how a,
#actua #t-actua a,
#projects #t-projects a,
#pubs #t-pub a,
#login #t-login a,
#contact #t-cont a	
	{ color:#3B2D28; border:1px solid #9C8C79; background:url(../img/bg_nav.gif) no-repeat 4% 50%; }

/* content
---------------------------------------------------------- */

/* basic phrase element styles */

em { font-style:italic; }
strong { font-weight:bold; }

/* title box */

h1 {
	height:100px;
	text-indent:-9999px;
	background:url(../img/logo_header.gif) no-repeat 0 0;
	}
h2 {
	padding-bottom:1em;
	font-family:Georgia, serif;
	font-size:140%; 
	font-weight:normal;
	color:#063;
	}
h3 {
	clear:both;
	padding-bottom:0.6em;
	font-size:110%; 
	font-weight:normal;
	color:#9C6;
	}
h4 {
	padding-bottom:0.6em;
	font-size:100%; 
	font-weight:bold;
	color:#333;
	}

/* content styles */

#content p, #content dl, #content ul, #content ol { margin-bottom:1.2em; }

table {
	margin-bottom:1.2em;
	padding:0.6em;
	width:100%;
	font-size:85%;
	border:1px solid #AAA;
	}
th {
	padding:0 4px;
	font-weight:bold;
	color:#FFF;
	background:#063;
	}
td {
	padding:0 4px;
	vertical-align:top;
	}
dl, dt, dd {
	float:left;
	width:494px;
	}
.proj_co {
	padding-bottom:1em;
	font-size:85%;
	color:#999;
	border-bottom:1px dotted #FC0;
	}
	
/* ACTUA */
#actua td {
	padding:0;
	}
#actua .agenda_obj {
	padding:0;
	padding-bottom:1.5em;
	font-size:100%;
	color:#333;
	border:0;
	border-bottom:1px dotted #FC0;
	}
#actua .agenda_obj_title {
	padding-bottom:0.75em;
	font-weight:bold;
	}
#actua .agenda_obj_label {
	width:80px;
	color:#666;
	}

/* PUB */
form {
	float:left;
	margin-bottom:1.2em;
	padding:2em 1em 0.6em 1em;
	font-size:85%;
	border:1px solid #AAA;
	}
label {
	display:block;
	float:left;
	width:70px;
	padding-right:0.6em;
	font-weight:bold;
	color:#000;
	}

#pubs #action_butts { float:left; margin-top:2em; width:100%; }
#submit { 
	float:left; 
	width:8em;
	}
#submit:hover {color:#FFF; background:#063; cursor:pointer; }
#cancel {
	float:left;
	display:block;
	margin-left:0.6em;
	height:17px;
	line-height:17px;
	width:70px; 
	text-decoration:none;
	text-align:center;
	background:#EEE;
	border:1px solid #AAA;
	}
#cancel:hover {color:#FFF; background:#A00; }

input { padding:1px; width:38em; font-size:9px; border:1px solid #AAA; }
.checkbox, .radiobutton { border:0; }
#sector { width:228px; }
#invite,
#option
	{ width:20px; }
	
#publications, #brochures { list-style:none; }
#publications li, #brochures li { padding:0.2em 0.6em; font-size:0.85em; line-height:2em; }
#publications .odd, #brochures .odd { background:#EEE; }
#publications img, #brochures img { vertical-align:middle; padding-right:6px; }

.footnote{ font-size:85%; }
.footnote span{ float:left; width:2em; height:4em; }

#orderForm {width:42.7em;}
#orderForm #amount {width:2em;}
#orderForm #submit {margin-bottom:1.6em;}

/* Contact */
#contact ul {
	margin-bottom:1.2em;
	list-style:none;
	}
	
/* Login */
#login .proj_co span { color:#000; }

#admin {
	padding:0;
	width:20em;
	border:0;
	}
#login #admin label {
	color:#666;
	font-size:9px;
	font-weight:lighter;
	}
#login #admin input {
	padding:0.5em;
	width:19em;
	border:1px solid #CCC;
	}
#login #admin select {
	padding:0.2em;
	width:20em;
	font-size:9px;
	}
#login #admin #submit {
	margin-top:1.6em;
	padding:0.3em;
	width:6em;
	font-size:9px;
	font-weight:lighter;
	color:#FFF;
	background:#063;
	border:0;
	}
#login #admin #submit:hover {
	cursor:pointer;
	color:#FFF;
	background:#000;
	}

/* links */
a:link, a:visited { color:#000; }
a:hover { color:#063; text-decoration:none; }

/* Messages */
.errMsg {padding:0.6em 2em; color:#A00; background:#f59c50 url(/lcvvzw/img/icons/error.png) no-repeat 1% 50%; border:1px solid #A00;}
.sysMsg {padding:0.6em 2em; color:#063; background:#CF9 url(/lcvvzw/img/icons/accept.png) no-repeat 1% 50%; border:1px solid #9C6;}
.infoMsg{padding:0.6em 2em; color:#03C; background:#8BB7E4 url(/lcvvzw/img/icons/information.png) no-repeat 1% 50%; border:1px solid #06C;}

/* sidebar
---------------------------------------------------------- */

/* contact
---------------------------------------------------------- */

/* footer
---------------------------------------------------------- */
#banner {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url(../img/banner.jpg) no-repeat 50% 0;
	cursor:pointer;
	z-index:9999;
	}
#home #banner { display:block; }

/* misc.
---------------------------------------------------------- */

hr, .hide { display:none; }
hr.dottedLine {margin-bottom:1em; display:block; border:0; border-bottom:1px dotted #FC0; }
a img { border:none; }