/**********************************************************
 * block positions
 **********************************************************/

#wrapper {
}

#header {
    color: #000000;
    position:absolute;
    top:0px;
    left:10px;
    margin: 0;
    padding: 0;
    background: transparent;
}

#decal {
    color: #000000;
    position:absolute;
    top:5px;
    left:640px;
    margin: 0;
    padding: 0;
    background: transparent;
}

#sidebar {
    position:absolute;
    top:200px;
    left:30px;
    margin: 0;
    padding: 0;
    background: transparent;
    width: 130px;
    text-align: left;
}

#menu {
    padding-bottom: 30px;
    width: 100px;
}

#progress {
    width: 100%;
    padding-bottom: 30px;
}

#buttons {
}

#content {
    position:absolute;
    top:185px;
    left:230px;
    width: 550px;
    margin: 0;
    padding: 0;
    background: transparent;
    min-height: 100%;
}

#validate {
    position: absolute !important;
    position/**/: relative;
    right: 5px;
    top: 5px;
}


/**********************************************************
 * generics
 **********************************************************/

* {
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    border: none;
    line-height: 100%;
}

BODY {
    background-color: #fed1f0;
    margin: 0;
    padding: 0;
}

H1,H2,H3,H4,H5,H6 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0 0 0;
    white-space: nowrap;
    clear: right;
}


H1 { font-size: 2em; border-bottom: 1px solid green; width: 15%;}
H2 { font-size: 1.2em; /*border-bottom: 1px solid green; width: 25%;*/ }
H3,H4 { font-size: 1em; padding: 5px 0 0 20px; margin: 0;/*border-bottom: 1px solid green; width: 50%;*/ }
H4,H5,H6 { font-size: 1em; font-style: italic; }


#content A, #content A:visited, #content A:link, #content A:active, #contet A:hover, #content A:focus
, .mailinglist A, .mailinglist A:visited, .mailinglist A:link, .mailinglist A:active, .contet A:hover, .mailinglist A:focus  {
    text-decoration: none;
    color: red;
    font-size: 1.1em;
}

div.ind {
    padding-left: 1em;
}

IMG {
    border: 0;
}


.fright {
    float: right;
}

.boxed {
    border: 1px solid green;
    padding: 2px;
    margin: 5px;
    background: #ffe7f1;
}

.clear {
    clear: left;
}

.print_only {
    display: none;
}


#sidebar HR {
    border-bottom: 1px solid green;
    width: 60px;
    margin-left: 0px;
}

/***********************************************************
 * content
 ***********************************************************/

#content * {
    line-height: 130%;
}
#content img.image {
	border: 1px solid black;
	margin: 3px;
}

#content pre {
	font-size: 12px;
	border: 1px dashed gray;
	background: #e0e0e0;
	padding: 1em;
}

#content li {
	margin-bottom: 1em;
}

#content ul.dense li {
    margin-bottom: 0em;
}

#content p {
    margin: 5px 0 10px 20px;
}

#content ul, #content li {
    margin-bottom: 0.25em;
}

#content .news_item .news_header {
    font-weight: bold;
}

#content .news_item .news_whenwho {
    font-style: italic;
    font-size: 0.9em;
}


#progress .progress_item {
    font-size: 0.8em;
}

#progress .progress_bar {
    background: black;
    margin: 0 0 5px 0;
    height: 5px;
}

#progess .progress_bar_total {
    background: black;
    margin: 0 0 5px 0;
    height: 10px;
}


#testimonial {
    width: 100%;
}

#testimonial p.testimonial {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.mailinglist {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 40px;
}

#testimonial p.testimonial em {
    font-size: 0.8em;
}

.mailinglist form {
    white-space: nowrap; 
}
.mailinglist form input {
    border: 1px solid green;
    background: #ffe7f1;
}

.mailinglist .ml_mail {
    padding: 1px 3px 1px 3px;
}
.mailinglist .ml_submit {
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}
#sidebar .mailinglist .ml_mail {
    width: 60%;
}
#content .mailinglist .ml_mail {
    width: 150px;
}

form {
    padding: 0;
    margin: 0;
}

#content .mailinglist {
    padding-left: 20px;
}


/********************************************
 * menu
 ********************************************/

#menu .button {
	font-weight:bold;
	width: 100%;
	/*border-left: 1px solid #000000;*/
	
	padding: 0 0 0 0;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #000;
	}

#menu .button .button {
	font-weight:bold;
	width: 100%;
	/*border-left: 1px solid #000000;*/
	
	padding: 0 0 0 0;
	margin-left: 1em;
	margin-top: 0em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #000;
	}

#menu .button ul {
	font-weight:normal;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
#menu .button li {
	font-weight:normal;
	/*border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #87C9FF;*/
	margin: 0 0 0 0;
	}
	
#menu .button li a {
	font-weight:normal;
	display: block;
	padding: 1px 1px 1px 7px;
	border-left: 5px solid #005000;
	background-color: transparent;
	/*opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);*/
	color: #000;
	text-decoration: none;
	width: 100%;
	}

#menu .button li a.selected {
	font-weight:normal;
	display: block;
	padding: 1px 1px 1px 7px;
	border-left: 5px solid #ff0000;
	background-color: #f0fff0;
	/*opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);*/
	color: #000;
	text-decoration: none;
	width: 100%;
	}

html>body #menu .button li a {
	width: auto;
	}

html>body #menu .button li a.selected {
	width: auto;
	}
#menu li.menu_head {
	margin-top: 0px;
}
#menu li.menu_spacer {
	height: 5px;
	font-weight:normal;
	display: block;
	padding: 1px 1px 1px 7px;
	border-left: 5px solid #005000;
	background-color: transparent;
	/*opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);*/
	color: #000;
	text-decoration: none;
	width: 100%;
}
#menu .button li.menu_hl a {
	font-style: italic;
	border-left: 5px solid #00f000;
}

#menu .button li a:hover {
	font-weight:normal;
	border-left: 5px solid #ff0000;
	/*border-right: 1px solid #555;*/
	/*background-color: #fec1e0;*/
	/*opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);*/
	color: #000;

	}

#menu .button li a.selected:hover {
	font-weight:normal;
	border-left: 5px solid #ff0000;
	/*border-right: 1px solid #555;*/
	/*background-color: #fec1e0;*/
	/*opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);*/
	color: #000;

	}


#menu ul {
	margin-top: 0em;
}