/*
      index.html page

*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background-color: #333;

 /* background-image: url(images/halftoneDots999trans.gif);
background-repeat: repeat-x
*/
}
#wrapper { 
 margin: 0 auto;
 width: 920px;
 overflow: auto; 
  border: 1px solid #000;

}
#header {
 color: #333;
 width: 918px;
 float: left;
 padding: 0px;
 border: 1px solid #000;
 height: 280px;
 margin: 0px 0px 0px 0px;
 overflow: auto; 
 
  background-image: url(images/oregon-personal-injury-lawyer.jpg);
}
#navigation {
float: left;
 width: 898px;
 color: #ECF5D9;
 padding: 10px;
 border: 1px solid #000;
 margin: 0px 0px 0px 0px;
 background: #000000;
   font-family: Arial, Helvetica, sans-serif;
  font-weight:bolder;
 font-size: 19px;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #79865B;
  background: #79865B;
 
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1925px;
 width: 250px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #79865B;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1925px;
 width: 400px;
 display: inline;
}
#rightcolumn { 
 color: #7B1418;
 border: 1px solid #79865B;
   background: #79865B;
font: normal 18px arial, helvetica, verdana, sans-serif;
	
 font-variant: small-caps; 
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1925px;
 width: 202px;
 float: left;
}
.style3 {color: #79865B}
.style4 {
	color: #7B1418;
	font: normal bold 18px arial, helvetica, verdana, sans-serif;
	font-weight: bold;}
.style5 {
	color: #022A03;
	font: normal bold 16px arial, helvetica, verdana, sans-serif;
 font-variant: small-caps; 
 
}

#footer { 
 width: 898px;
 clear: both;
 color: #333;
 border: 1px solid #BD9C8C;
 background: #Fff;
 font:  normal normal 11px arial, Helvetica, verdana, sans-serif;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

h1    { 
	font: normal bold 25px arial, helvetica, verdana, sans-serif;  font-variant: small-caps; font-weight:bolder;
	color: #000000; padding-bottom: 0px; padding-left: 20px; padding-top: 8px;}
	h2    { color: #333; font:  normal normal 16px arial, Helvetica, verdana, sans-serif;  font-variant: small-caps; font-weight: bold;  padding-left: 6px;}
h3    { font: normal  23pt arial, helvetica, verdana, sans-serif;  font-variant: small-caps; font-weight:bolder;
	color: #000000; padding-bottom: 2px; padding-left: 6px; padding-top: 0px; }
	
h4   { 
	font: normal bold 21pt arial, helvetica, verdana, sans-serif;  font-variant: small-caps; font-weight:bolder;
	color: #000000; padding-bottom: 0px; padding-left: 6px; padding-top: 7px;}


a:link  { color: #ECF5D9;  text-decoration: none; font-weight: bolder;}  
a:active { color: #ECF5D9;  text-decoration: none; font-weight: bolder;}
a:visited { color: #7A8965;  text-decoration: none; font-weight: bolder;}
a:hover { color: #ECF5D9; text-decoration: underline; font-weight: bolder;}


#leftcolumn a:link    { font:  normal normal 12px arial, verdana, sans-serif; color: #000099; text-decoration: none;   font-weight: normal;}
#leftcolumn a:active  { font:  normal normal 12px  arial, verdana, sans-serif; color: #000099; text-decoration: none;    font-weight: normal;}
#leftcolumn a:visited { font:  normal normal 12px  arial, verdana, sans-serif; color: #000099; text-decoration: none;   font-weight: normal; }
#leftcolumn a:hover   { font:  normal normal 12px  arial, verdana, sans-serif; color: #000099; text-decoration: underline;   font-weight: normal; }



.textbox      { background: #ffffff; color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 6px 6px 6px 6px; 
	text-align: left;
	border: 1px solid #000000; 
	}
.textboxheader { background: #dedede; color: #000000; height: 12px; text-align: center;
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding: 20px 20px 20px 20px;  
	border: 1px solid #000000;
	
	}



#content a:link    { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal;}
#content a:active  { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: none;    font-weight: normal; }
#content a:visited { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal; }
#content a:hover   { font:  normal normal 13px arial, verdana, sans-serif; color: #333333; text-decoration: underline;   font-weight: normal; }


#footer a:link    { font:  normal normal 11px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal; }
#footer a:active  { font:  normal normal 11px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal; }
#footer a:visited { font:  normal normal 11px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal; }
#footer a:hover   { font:  normal normal 11px arial, verdana, sans-serif; color: #000000; text-decoration: none;   font-weight: normal; }

#rightcolumn a:link    { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: underline;   font-weight: normal;  }
#rightcolumn a:active  { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: underline;    font-weight: normal; }
#rightcolumn a:visited { font:  normal normal 13px arial, verdana, sans-serif; color: #000000; text-decoration: underline;   font-weight: normal; }
#rightcolumn a:hover   { font:  normal normal 13px arial, verdana, sans-serif; color: #000099; text-decoration: underline;   font-weight: normal; }


#submenu { 
	display: block;
	text-align: left;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #000; 
	width: 240px; 
	height: 320px;
	padding: 0px;
	}
	
	
/* Define main menu mouseover states */
#mainmenu a { text-align: left; color: #dbe7a9; text-decoration: none; }
#mainmenu a:hover {color: #dbe7a9; text-decoration: underline;  }
.spacer {display: none; }

.leftside { background: transparent; color: #000; width: 160px; padding: 10px; height: 100%; text-align: left; }
.splashleft { background: transparent; color: #000; width: 300px; padding: 10px; height: 100%; text-align: left; }

#submenu { 
	display: block;
	text-align: left;
	font: normal normal 11px/20px Verdana, Arial, sans-serif; 
	color: #000; 
	width: 200px; 
	height: 200px;
	padding: 0px;
	}

/* Define main menu mouseover states */
#submenu a { text-align: left; color: #000; text-decoration: none; height: 22pt;
	background: #DCE3C1 url(images/lawyers-button-over.gif) left no-repeat;
	padding-left: 39px; display: block; width: 205px; 
	padding-top: 13px;
	border-top: 2px solid #C5CCA0;
	border-left: 2px solid #C5CCA0;
	border-right: 2px solid #C5CCA0;
	border-bottom: 2px solid #C5CCA0;
	}
#submenu a:hover {text-align: left; color: #000000; text-decoration: none; height: 22pt;
	background: #C5CCA0 url(images/lawyers-button-off.gif) left no-repeat;
	padding-left: 39px; display: block; width: 205px; 
	padding-top: 13px;
	border-top: 2px solid #DCE3C1;
	border-left: 2px solid #DCE3C1;
	border-right: 2px solid #DCE3C1;
	border-bottom: 2px solid #DCE3C1;
	}

