/*
/*
	Style Sheet for Oregon Home Design web pages
	Author:		William E. Barlow, M.S., P.E.
	Location:	Philomath, Oreogn, USA
	Date:		May 30, 2011
*/

/* html tags */

body 			{background-color: #FFD900;}

h2			{text-align:center;
			color: green;
			font-family: Arial;}

h4			{text-align:center;
			color: green;
			font-family: Arial;}

a			{font-size: 15px;
			 color: black;
			 text-decoration: none;}

/* Classes */

.navmain li		{display: inline-block;
			padding: 5px 22px;}

.navmain li:first-child	{padding-left: 40px;}

.servicestext:link 	{color: green !important;}
.servicestext:visited 	{color: green !important;}
.servicestext:hover 	{color: #FFD900 !important;
			background-color: green;}
.servicestext:active 	{color: white;}
			
.servicestext		{font-family: Arial; 
			font-size: 12pt !important;}

/* Id's */

#body 			{width: 750px;
  			margin-left: auto;
 			margin-right: auto;
			background-color: #ffffff;}
			font-family: Arial; 
			font-size: 10pt;

#header 		{}

#banner 		{background-image:url('LogoBkg.png');
			height:120px;
			margin: 0px;}

#banner#ctlogo		{}

/*	Navigation Bar */

#nav 			{height:35px;
			margin:0px;
			background-image:url('NavBarBkg.png');
			background-repeat:repeat-x;}

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

a#linktextred:active 	{color: green;}
a.hlink			{font-family: Arial; 
			font-size: 10pt;}
a.hlink:link		{color: white;}
a.hlink:visited 	{color: white;}
a.hlink:hover 		{color :#FFD900; 
			background-color: green;}
a.hlink:active 		{color: red;}

a#hlinkred		{font-family: Arial; 
			font-size: 10pt;}
a#hlinkred:link		{color: red;}
a#hlinkred:visited 	{color: red;}
a#hlinkred:hover 	{color: #FFD900; 
			background-color: green;}
a#hlinkred:active 	{color: green;}

#nav .menu li		{background: green;
			padding: 2px 0px !important;}

#nav .navhead		{background: none;
			width: 200px;}
				
#nav .navmain		{font-family: Arial; 
			font-size: 11pt !important;}
				
#nav .menu		{background: green;
			font-size: 8px;
			position: absolute;
			display: none;
			width: 150px;
			padding: 5px 5px 5px 15px !important;
			margin: 0px !important;}

/*	Left Side Bar */

a.linktext		{font-family: Arial; 
			font-size: 10pt;}
a.linktext:link		{color: green;}
a.linktext:visited 	{color: green;}
a.linktext:hover 	{color:#FFD900; 
			background-color: green;}
a.linktext:active 	{color:red;}

a#linktextred		{font-family: Arial; 
			font-size: 10pt;}
a#linktextred:link	{color: red;}
a#linktextred:visited 	{color: red;}
a#linktextred:hover 	{color: #FFD900; 
			background-color: green;}
a#linktextred:active 	{color: green;}

#left-sidebar 		{float:left;
			 width:180px;}

#left-sidebar h3	{font-family: Arial; 
			color: green;
			font-size: 15px;			
			padding: 20px 0px 0px 0px !important;
			margin: 0px 15px 0px 15px !important;
			border-bottom: 2px solid green;}

#left-sidebar .left 	{width: 160px;
			padding: 5px 0px 0px 20px !important;
			margin: 0px !important;
			display: block;}


#left-sidebar .left li	{list-style-type: none;
			list-style-position:outside;}

#main 			{float:left;
			width:370px;
			padding-right: 20px;}

#right-sidebar 		{float:left;
			width:170px;
			padding: 5px;
			padding-top: 18px;}

#footer 		{padding: 5px;}

#footer p		{padding: 5px 0px 0px 0px;}



/* need to organize to above */

a.imglink:link 		{color: green;}
a.imglink:visited 	{color: DarkOrchid;}
a.imglink:hover 	{color: #FFD900;}
a.imglink:active 	{color: white;}

p.main			{font-family: Arial; 
			font-size: 15pt; 
			font-weight: bold;}
				  
p.submain		{font-family: Arial; 
			font-size: 11pt;}
				
/*	Middle Content */


#mainbody		{float: left;
			width: 800;}

p.maintext		{left: 0px;
			top: 20px;
			font-family: Arial; 
			font-size: 15pt;}	
				
p.submaintext		{left: 20px;
			top: 140px;
			text-align: center;
			font-family: Arial; 
			font-size: 10pt;}

.headnot		{left: 190px;
			top: 175px;
			width: 340px;
			font-family: Arial; 
			font-size: 15pt;
			text-align: left;
			background: none;
			color: green;
			list-style-type: none;}				
	
.maintextnot		{left: 190px;
			top: 228px;
			width: 340px;
			font-family: Arial; 
			font-size: 10pt;
			text-align: left;
			font-weight: bold;
			color: green;
			list-style-type: none;}	

.textblacknot		{left: 190px;
			top: 260px;
			width: 340px;
			text-align: left;
			font-family: Arial;
			font-size: 10pt;
			color: black;
			list-style-type: none;}
				
pre#textblackresnot	{left: 190px;
			top: 260px;
			width: 340px;
			text-align: left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}
				
.ulistnot		{left: 175px;
			top: 425px;
			width: 340px;
			text-align:left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}
				
			
				
p#textblack		{left: 20px;
			top: 65px;
			text-align:left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}
				
p#textblack1		{left: 20px;
			top: 165px;
			text-align:left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}
				
pre#textblack		{left: 20px;
			top: 85px;
			text-align:left;
			font-family: Arial;
			font-size: 8pt;
			color: black;}

pre#textblack1		{left: 190px;
			top: 260px;
			text-align:left;
			font-family: Arial;
			font-size: 8pt;
			color: black;}
				
pre#textblackres	{left: 20px;
			top: 60px;
			text-align:left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}				
				
.ulist			{left: 0px;
			top: 250px;
			text-align:left;
			font-family: Arial;
			font-size: 10pt;
			color: black;}
				
a#scalc			{font-family: Arial;
			font-size: 8pt;
			color: green;}

a#scalc:hover 		{color:#FFD900; 
			background-color: green;}
				
/*	Images */

div.imgright		{left: 530px;
			top: 175px;
			float: right;
			padding: 15px;
			z-index:-1;}
				
div.imgrightr		{left: 530px;
			top: 165px;
			float: right;
			padding: 15px;
			z-index:-1;}

div.imgcenter		{padding-top: 20px;
					width: 450px;
			margin: 2px auto;}

div.imgcenter img	{padding: 5px;}

a#imgrt1		{left: 530px;
			top: 289px;
			float: right;
			padding: 15px;
			z-index:-1;}
	
#image1			{left: 530px;
			top: 165px;
			float: right;
			padding: 15px;
			z-index:-1;}
				
#image2			{left: 530px;
			top: 289px;
			float: right;
			padding: 15px;
			z-index:-1;}				
				
#image3			{left: 530px;
			top: 413px;
			float: right;
			padding: 15px;
			z-index:-1;}

#image4			{left: 693px;
			top: 165px;
			float: right;
			padding: 15px;
			z-index:-1;}					

/*	Architectural Engineering Disclaimer */

p#disclaimer		{left: 70px;
			top: 560px;
			clear: left;
			border-top: 1px solid green;  
			text-align: center;
			font-family: sans-serif; 
			font-size: 8pt; 
			font-style: normal; 
			margin-top: 5px;}

p#disclaimer b 		{color: green; 
			margin-left: 15px;
			margin-right:DarkOrchid 5px;}

/*	Address & Webmaster */	
						
p#address 		{left: 100px;
			top: 590px;
			clear: left;
			border-top: 1px solid green;  
			text-align: center;
			font-family: sans-serif; 
			font-size: 8pt; 
			font-style: normal; 
			margin-top: 5px;}
		 
p#address b 		{color: green; 
			margin-left: 15px;
			margin-right: 5px;}
				 
.linktextb:hover	{color: green !important;
				text-decoration: underline !important;}