/*mainstyles*/
body {color: #333; 
	background-color: #DDD27E; 
	background: url(../images/bg-main.gif) top left repeat; 
	margin: 0em 2em 1em 2em;
	padding: 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	min-width: 650px;}

/*header*/
table {margin: 0; padding: 0; border: solid 0px #ccc; width: 100%;}
td {border: solid 0px #ccc;}
td.header {background: url(../images/header-bg.gif) top left repeat-x;}
td.headertitle {background: url(../images/header-bg.gif) top left repeat-x; text-align: right}

/*menu*/
td.menubar {font-size: 14px; border-style: solid; border-width: 1px 1px 0px 1px; 
		border-color: #336 #336 #f00 #999; margin: 0; padding: 0; 
		background-color: #B4B185; color: #ff9;}

#navcontainer {background: #B4B185; margin: 0 auto; padding: 0;}

/* to stretch the container div to contain floated list */
#navcontainer:after{content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; }

ul#navlist {list-style: none; padding: 0; margin: 0;}
ul#navlist li {display: block; float: left; width: 85px; margin: 0; padding: 0; text-align: center;}

ul#navlist li a {display: block; padding: 5px; border-width: 1px; 
		border-right: dotted 1px #ff9; color: #ff9; 
		text-decoration: none; background: #58576f;}

#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#on a  {background: #336; color: #ff9; font-weight: bold; }
ul#navlist li a:hover, ul#navlist li#on a:hover  {color: #ff9;  background: #336;  }


/*leftmenu*/
div.leftmenu {padding-top: 1em; font-size: .95em; color: #333; background: url(../images/bg-leftmenu.gif) top left repeat; 
border-left: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #999;
}
div.leftmenu p {padding: 0 .5em 0 .5em;}
div.leftmenu ul {margin: 0; padding-left: 20px; list-style-image: url(../images/arrow.gif);}
div.leftmenu li {margin: 0; padding: 0; padding-bottom: 1em;}
div.leftmenu h3 {margin: 0 .5em 0 .5em; }

/*maintext*/
td.maintext {border-right: solid 1px #336; border-bottom: solid 1px #999; border-left: solid 1px #999; color: #333; background: #ffc;}
div#textarea {border-top: solid 1px #BFAE75; color: #333; background: #ffc; padding: 1em 3em 1em 3em; }

/*currentprojects*/
div.currentprojects {width: 122px; 
	font-size: .95em; 
	border-top: solid 1px #336; 
	border-right: solid 1px #99c; 
	border-bottom: solid 1px #99c; 
	color: #333; 
	background: url(../images/bg-rightmenu.gif) top left repeat; }

div.currentprojects p {padding: 0 .5em 0 .5em; margin: 1em 0 1em 0;}
div.currentprojects ul {padding: 0 .5em 0 .5em; margin: 1em 0 1em 0; list-style: none;}
div.currentprojects li {padding: 0.5em;}

/*misc text*/
cite.articletitle {font-weight: normal; text-decoration: none; font-style: normal;}
	
/*general lists*/
dt {font-weight: bold; margin-top: 1em;}


.currentprojects a:link {color: #000; text-decoration: underline; }
.currentprojects a:visited {color: #000; text-decoration: underline; }
.currentprojects a:hover {color: #000; text-decoration: none; }
.currentprojects a:active {color: #000; text-decoration: none; }

/*links*/
a:link {color: #600; text-decoration: underline; }
a:visited {color: #963; text-decoration: underline; }
a:hover {color: #930; text-decoration: none; }
a:active {color: #900; text-decoration: underline; }

.leftmenu a:link {color: #336; text-decoration: underline; }
.leftmenu a:visited {color: #336; text-decoration: underline; }
.leftmenu a:hover {color: #336; text-decoration: none; }
.leftmenu a:active {color: #336; text-decoration: none; }

/*headlines*/	
h1 {font-size: 1.3em; font-weight: bold; background-color: transparent; color: #960;}
h1.pagehead {text-align: right; width: 100%; background: url(../images/bg-maintitle.gif) top left repeat;}
h2 {font-size: 1.1em; font-weight: bold; color: #336; background-color: transparent;}
.leftmenu h2{text-align: right; width: 100%; background: url(../images/bg-lefttitle.gif) top left repeat-x;}
.currentprojects h2 {padding: 0; margin: 0; border-top: solid 1px #58576F;}
.leftmenu h3 {font-size: 1em; font-weight: bold; color: #336;}
h3 {font-size: 1.1em; font-weight: normal; color: #336; background-color: transparent; border-top: solid 1px #999;}
h4 {font-size: .9em; font-weight: bold; color: #336; background-color: transparent;}
h5 {font-size: .9em; font-weight: bold; color: #336; background-color: transparent;}
h6 {font-size: .9em; font-weight: bold; color: #336; background-color: transparent;}


/*datatables*/

.datatable {border: solid 1px #999; border-collapse: collapse; margin: .5em; padding: 0;
	font-size: .8em;}
.datatable td {border: solid 1px #999; border-collapse: collapse; margin: 0em; padding: 0.5em;}
.datatable th {border: solid 1px #999; background-color: #DAD29D; 
		text-align: left; font-weight: normal; color: #000;
		 margin: 0em; padding: 0.25em;}
.caption { margin: .5em; padding: 0;
	font-size: .8em; color: #666;}
	
/*images*/

img.photoillustration {margin: 5px; padding: 5px; border: solid 1px #999; float: right;}