div,p,td,li,h1,h2,h3,h4,h5,h6{ font-family: Arial, Helvetica, sans-serif; color: rgb(50,50,50); }

h1, h2, h3, h4 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
h1 {font-size: 34px; }
h2 {font-size: 28px; }
h3,h4 {font-size: 18px; }
div, p, td, li {font-size: 14px; font-weight: normal;}
sup,sub {font-size:11px;}

img {border:0; margin:0;}
form { margin:0;}

div.tutorial  {margin-left: 20px;}
div.tutorial h3 {margin-left: -10px; border-bottom: 2px solid rgb(9,97,18); margin-top: 30px;}
div.tutorial pre { border: 1px dashed rgb(9,97,18); padding: 10px; color: rgb(9,97,18); font-weight:bold; }
div.tutorial pre.unset { border: 0; padding: 0; margin:0; color: black; font-weight: normal; color: rgb(89,9,98);  }
div.tutorial div.result { border: 1px dashed rgb(98,9,89); padding: 10px; color: rgb(98,9,89); font-weight:normal; }
div.tutorial .emphasis { font-weight: bold; font-style: italic; color: red; }
div.tutorial div.narrow { width: 60px; border: 1px solid black;}

.note { font-style: italic; }

ul.bold li {font-weight:bold;}

#headbar { 	background: white; color: gray; } 
#headbar h1 { margin:10px 0 0 10px; } 
#headbar #leaf-extra { position: absolute; left: 663px; top:148px; z-index:10; }
	
#cont p,#cont li {text-align: justify; }
#cont ul {margin:10px 0 30px 30px ; padding:0; }
#cont ul li {margin: 0 0 20px 0;  list-style-type: disc; padding:0; }
#cont li ul  {margin: 5px 0 5px 20px; }
#cont li ul li  {margin: 0 0 4px 0; list-style-type: circle; }
#cont img.decor { float: left; margin: 0 30px 10px 0; }
#cont img.decor-r { float: right; margin: 10px; }


@media screen{

	body{
	  margin:0;
	  padding: 148px 113px 0 180px;
	  background: white url(images/bglogo.gif) no-repeat 45% 70%;  
	  color: gray;
		background-attachment: fixed; 
	}
	div#headbar {
	  position:absolute;
		top:0;
		left: 0;
		height: 148px;
		width: 150%; 
		background-image:url(images/design2/top-back2.jpg); 
		background-repeat: repeat-x; 
	}
	div#rightcol{
	  position:absolute;
	  top:0;
	  right:0;
	  width: 113px;
	  height:100%;
	  background: white url(images/design2/right-back.gif) repeat-y;
	  z-index: 100;
	}
	div#leftcol { 
	 	position: absolute;  
	 	left:0; 
	 	width: 180px; 
	 	padding: 8px 0; 
	 	margin: 0 20px 10px 0; 
	 	height: 100%;
	 	background: url(images/design2/left-back.jpg) repeat-y; 
	}
	body>div#headbar { /* ie can't see this */
		position:fixed;
		width: 100%; 
	}
	body>div#rightcol {
		position:fixed;
	}
	body>div#footer {
		position:fixed;
	}
	body>div#leftcol {
		position:fixed;
	}
	* html body {
		overflow:hidden;
	}
	div#mainFrame {  
		height:100%;
		overflow:auto;
		background: none;
	}
	
	#leftcol p {margin: 5px;}
	.menu a { display: block; font-weight: normal; color: rgb(98,9,89); width: 160px; border: 1px solid white; padding:2px; margin: 2px 5px; text-decoration:none; }
	.menu a:hover { background-color: rgb(98,9,89); color: white; }
	.menu a.sel { background-color: rgb(98,9,89); color: white; }
	.menu div.head {font-weight:bold; margin: 20px 5px 5px 5px; color:rgb(9,97,18);}
	
	#cont {padding: 0 20px 150px 10px; font-size:14px;}
	#cont a {text-decoration: underline; }
	#cont a:hover {text-decoration: none; color: white; background: rgb(131,71,137); }
	
	
	#cont ul.tight { margin: 10px 0 10px 20px; padding:0; }
	#cont ul.tight li { margin: 5px;  padding:0; }
	
	div.testimonial {}
	div.testimonial h2 {margin: 20px 0 0 0;}
	div.testimonial p {margin: 10px 0 0 0;}
	div.testimonial .sig { color: rgb(9,97,18); margin: 10px 0 0 0; text-align: right; font-style: italic;}
	
	div.portfolio { margin: 20px 10px 35px 0; background: none;  padding: 0 10px 10px 10px; }
	div.portfolio img { float:right; margin: 0 10px 10px 10px; clear:both; }
	div.portfolio ul { margin: 10px 0 10px 20px !important; padding:0;  width:90%; }
	div.portfolio li {  margin: 5px 15px !important;  padding:0; }
	
	div.clear { clear:right; }
	
	div.ouroffer { color: rgb(9,97,18); margin: 20px 10px 20px 270px; background: none; padding: 0 10px 10px 10px; }
	
	img.right { float:right; margin: 0 10px 10px 10px; border: 3px outset silver; }
}


@media print {
	div,p,td,li { font-size: 14pt; }
	h1 {font-size: 34pt; }
	h2 {font-size: 28pt; }
	h3, h4 {font-size: 18pt; }

	* html body {
		margin: 0;
		padding: 10px;
		overflow: auto;
	}

	body div#rightcol { display:none; width:0; }
  body div#footer { display:none;width:0; height:0; }
  body div#leftcol { display:none; width:0; }

	#cont { padding: 0; }
}