body          { background-color: #fff;
                font-family: Arial,Helvetica,sans-serif; 
                color: #000;
                margin: 0;
                padding: 0; 
                scrollbar-base-color: #cc3; }

h1            { background: url(images/title.jpg) no-repeat; 
                height: 0;
	        overflow: hidden;
	        padding-top: 143px;
	        width: 735px; }
		
h2            { color: #690;
                font-size: 140%; }

h3            { color: #f90;
                font-size: 110%; 
	        clear: both; }

h4            { color: #690; }		


p             { text-align: justify; }

a img         { border: 0; }

img.thumb     { float:left; margin-right:10px; }

img.borderon  { border: 2px solid black; }

li            { margin-bottom: 10px; }
 
table#servinfo tr th, table#servinfo tr td   { vertical-align: top; }
table#servinfo tr th { text-align: left; white-space: nowrap; }

@media screen {
#header       { background: url(images/headerbg.gif); margin-left: 185px; }

#menu         { position: absolute; top: 0px; left: 0px; width: 185px; }

#menu ul      { list-style: none; margin: 0; padding: 0; }

#menu ul li   { background: #690; 
	        font: bold 12px Arial,sans-serif;
	        margin:0; 
	        border-top: 1px solid #cf3; }

#menu ul li a, #menu ul li a:active,
#menu ul li a:visited
              { color: #fff; text-decoration: none; padding: 10px 0px 10px 10%;
	        display: block; width: 90%; }

#menu ul li a:hover { background: #696; }

li.heading    { background: #fc3 !important; color: #360; padding: 10px 2px; }

li.current    { background: #360 !important; border-top: #f90 !important;
	        border-bottom: #f90 !important; }

#content      { margin-left: 200px; margin-right: 20px; }
}

@media print {
#header, #menu { display: none; } 
}



#content p,ol,ul,blockquote, td, th 
              { font-size: 0.9em; } 
	      
#content li ul li  
              { font-size: 1.1em; }