/* 

	project:  xylemonline
	   
*/


*{ margin: 0; padding: 0; }* 
body { 
	font: .70em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #eee; 
	color: #444; 
	margin: 10px 0;
}

a {	color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
img { border: 0; }

h2 { border-bottom: 1px solid #eee; font: 1.9em Georgia, "Times New Roman", Arial, Sans-Serif; margin: 0 0 15px; }

#content { width: 787px; margin: 0 auto; }

#boxtop { background: #fff url(images/boxtop.gif) no-repeat; padding: 2px 0 1px; }
#boxmiddle { background: #fff url(images/boxmiddle.gif) repeat-y; padding: 4px 7px; }
#boxbottom { background: #fff url(images/boxbottom.gif) no-repeat bottom left; padding: 3px 0 1px; }

#topmenu { font-size: .9em; padding: 5px 16px; background: #683300; color: #fff; text-align: right; }
#topmenu a { color: #F8D2A5; margin: 0 0 0 10px; }
#topmenu a:hover { text-decoration: underline; color: #fff; }

#header { padding: 10px 5px; background: url(images/header.jpg) repeat-x; height: 140px; }
#search { margin: 20px 8px 0 0; float: right; text-align: right; }
#search p { margin: 0; }

input.searchfield { background: url(images/input.gif) no-repeat; width: 128px; padding: 14px 10px 14px 12px; border: 0; font-size: .9em; color: #fff; }
input.searchbutton { border: 0; background: transparent; color: #fff; font-size: .9em; font-weight: bold; }

#menu { clear: both; margin: 28px 0 0; float: right; }
#menu li { list-style: none; float: left;  }
#menu li a { float: left; padding: 9px 0 5px; width: 116px; text-align: center; background: url(images/menuitem.gif) no-repeat; color: #EBD7C2; font-size: .9em; }
#menu li a:hover { background: url(images/menuitemhover.gif) no-repeat; color: #fff; text-decoration: underline; }


#left { float: left; width: 530px; margin: 0 0 0 0; }
#left #body { margin: 0 10px 15px; }

#left #body img { padding: 1px; border: 5px solid #eee; margin: 0 5px 5px 0; }

#lcol { float: left; width: 240px; background: #482600; color: #DFD1C1; padding: 8px 12px 6px; height: 155px; }
#rcol { float: right; width: 240px; background: #6B4A26; color: #DFD1C1; padding: 8px 12px 0; height: 161px; }
#rcol img { padding: 1px; border: 3px solid #B89E83; margin: 0 6px 6px 0; }


#right { float: right; width: 240px; }
#question { padding: 6px 12px; margin: 0 0 5px; background: #f4f4f4 url(images/questionmark.gif) no-repeat bottom right; border-bottom: 4px solid #fff; }
#contact { padding: 6px 12px; background: #eee; }

#footer { padding: 7px 10px; font-size: .9em; color: #808080; }



/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }