/* *******************************************************************************
/* File Name:  mainstyle.css
/* Purpose:  www.ArizonaLawOlsen.com
/* Date:  9-4-09
/* Notes:   HTML Color Codes and Names:
/*          http://www.html-color-names.com/color-chart.php

/* *******************************************************************************
/*  Colors:    

/* Lite Gray hint of mauve - e5e0e0
/* Darker Brown using - 413026
/* Lighter Brown (original not using)  - 754C24
/* White Muted - color: #FDFDF4;
*/


html { font-size: .625em; }
body, td, input, textarea, option, select { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table, input, textarea, option, select { font-size: 1em; }
ul, ol { margin: 0; padding: 0 0 0 2.5em; }

/* 9-2-09 HMO - removed h3 
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; } */
h1, h2, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; }

ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; }
.clear { clear: both; line-height: 0; }
.nowrap { white-space: nowrap; }

/* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */
body { font-size: 1.1em; }
/* DEFINE CONTENT LINE HEIGHT */
#content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.73em; }




h1 { font-size: 1.4em; }
h2  {
font-size: 1.18em; 
font-weight:bold;
}
/* HMO - CHANGE size 
h3 { font-size: 1.09em; } */

h3 { font-size: 1.01em; font-weight:bold;}
h4 { font-size: 1em; }
h5 { font-size: .9em; }
h6 { font-size: .8em; }

a:link { color: #413026; }
/*a:visited { color: #9B7C59; } */

a:visited { color: #413026; }
a:hover, a:focus { color: #AD9675; }
a:active { color: #AD9675; text-decoration: none; }

#navigationMain a:link { color: #FFFFFF; text-decoration: none; }
#navigationMain a:visited { color: #FFFFFF; text-decoration: none; }
#navigationMain a:hover, #navigationMain a:focus { color: #CCCCCC; text-decoration: underline; }
#navigationMain a:active { color: #CCCCCC; text-decoration: none; }

#navigationSub a:link { color: #413026; text-decoration: underline; }
#navigationSub a:visited { color: #413026; text-decoration: underline; }
#navigationSub a:hover, #navigationSub a:focus { color: #AD9675; text-decoration: underline; }
#navigationSub a:active { color: #AD9675; text-decoration: none; }



/* 9-4-09 HMO Added #navigationSub2 - so could put Office Locations on navigationSide */
#navigationSub2 { color: #413026; text-decoration: none; }
#navigationSub2 a:link { color: #413026; text-decoration: underline; }
#navigationSub2 a:visited { color: #413026; text-decoration: underline; }
#navigationSub2 a:hover, #navigationSub2 a:focus { color: #AD9675; text-decoration: underline; }
#navigationSub2 a:active { color: #AD9675; text-decoration: none; }



#RSSFeedsDesign a:link { color: #FFFFFF; }
#RSSFeedsDesign a:visited { color: #FFFFFF; }
#RSSFeedsDesign a:hover, #RSSFeedsDesign a:focus { color: #000000; }
#RSSFeedsDesign a:active { color: #000000; text-decoration: none; }

#navigationLower a:link { color: #FFFFFF; text-decoration: none; }
#navigationLower a:visited { color: #FFFFCC; text-decoration: none; }
#navigationLower a:hover, #navigationLower a:focus { color: #CCCCCC; text-decoration: underline; }
#navigationLower a:active { color: #CCCCCC; text-decoration: none; }

#finePrint a:link { color: #8C8566; text-decoration: underline; }
#finePrint a:visited { color: #666633; text-decoration: underline; }
#finePrint a:hover, #finePrint a:focus { color: #FFFFFF; text-decoration: underline; }
#finePrint a:active { color: #FFFFFF; text-decoration: none; }

/* RSS FEEDS - IN THE DESIGN */
 #RSSFeedsDesign { margin: 0 0 28px 0; width: 208px; }
 #RSSFeedsDesign ul { background: #D9D1AD; list-style: none; margin: 0; padding: 10px 0 8px 16px; }
 #RSSFeedsDesign ul li { display: inline; margin: 0 12px 0 0; }
 #RSSFeedsDesign ul li a { display: inline; }
 #RSSFeedsDesign p.learnRSS { background: #413026; margin: 1px 0 0 0; padding: 5px 6px 6px 12px; font-size: .82em; }

/* SEARCH FORM - IN THE DESIGN */
#searchFormDesign { margin: 0 0 28px 0; width: 208px; }
#searchFormDesign form { margin: 0; padding: 0; }
#searchFormDesign input { display: block; float: left; }
#searchFormDesign input.searchFormDesignSearchInput { margin: 1px 0 0 0; width: 174px; height: 1.5em; background: #D6D0AB; border-top: 1px solid #5B594A; border-right: 1px solid #DFDABC; border-bottom: 1px solid #E7E3CE; border-left: 1px solid #87836C; }
#searchFormDesign input.searchFormDesignSearchSubmit { margin: 0 0 0 7px; }
/* HEADER - FEATURES */
.headerFeatures { font-weight: bold; padding: 0 0 9px 0; }
.headerRSSFeedsDesign { }
.headerSearchFormDesign { }


/* TEMPLATE ELEMENTS */
/* HMO 9-2-09 change font column from grey #66666; to black */

/*body { margin: 0; padding: 45px; background: #D9D1AD; color: #666666; text-align: center; }*/
body  {
    margin: 0; 
    /* padding: 45px; */
    padding: 10px; 
    background: #D9D1AD; 
    color: #000000; 
    text-align: center; 
}


#containerPage {
width: 792px; 
background: #000; 
padding: 24px 25px 15px 25px; 
margin: 0 auto; 
text-align: left; 
}

/* 9-2-09 HMO added HR  */
.hr-pagesplit  {
background-color:#F0F0F6;
border:1px solid #9698AB;
color:#F0F0F6;
height:5px;
margin-bottom:10px;
margin-top:10px;
width:100%;
}


  /* HMO 9-4-09 added banner color, font size so could write text  */ 
 #banner {
   width: 792px; 
   /*height: 100px;   */
   height: 35px;  
   color: #FFFFFF; 
   font-size: 2em; 
   font-style: normal; 
   text-align:center; 
  }
   
  div.banner2  {
     margin-left: -140px;
 }    
 
 
 
 #bannerLeft { float: left; width: 44px; }
 #bannerRight { float: left; width: 748px; }
 #flag { }
 

/* HMO 6-15-10 */ 
 #bannerHeader  {         
color:#FFFFFF;
font-family:Arial;
font-size:1em;
font-weight:bold;
line-height:1.5em;         
}

 #bannerHeaderSub  {         
color:#FFFFFF;
font-family:Arial;
font-size:.85em;
font-weight:bold;
line-height:1.25em;
padding:13px 10px 0 0;
text-align:right;        
} 
 
 #flagFlash { }
 #subflag { float: left; }
 #subflagFlash { }
 #cta { float: left; }
 #ctaFlash { }
 
 /*
 #bannerBottom { background: url(./images/bg-bannerBottom.jpg) no-repeat top right; width: 792px; }
 */
/*
 #bannerBottom { background: url(./images/banner.jpg) no-repeat top right; }
*/
 

 
 /*
#swappable { }
*/
 
 #containerNavigationMain   {
 padding: 0 0 7px 0; 
 /*background-color: #754C24;   LITE BROWN original color */
  background-color: #413026;   /* darker brown */
 width: 792px; 
}
 
 #navigationMain { background: #837D7E url(./images/bg-navigationMain.gif) repeat-x; min-height: 4px; _height: 4px; padding: 27px 5px 23px 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-transform: uppercase; }
 
 #navigationMain a { padding: 0 .5em; }
 
 #navigationMainFlash {background: #837D7E url(./images/bg-navigationMain.gif) repeat-x; }
 
 #containerColumns { background: #EBEBEB; width: 792px; display: inline-block; }
 
 #columnSide { float: left; width: 213px; padding: 28px 27px 28px 28px; }
  /* HMO 6/1/10 - Free Consultation image */ 
 div.consult
{
    margin-left: -53px;
}  
 
 
 
 
 
 #navigationSub { margin: 0 0 18px 0; padding: 0 0 6px 0; width: 208px; }
 #navigationSub ul { padding: 0; margin: 0; }
 #navigationSub li { list-style: none; background: url(./images/bg-bullet-navigationSub.gif) no-repeat; padding: 0 0 5px 13px; }
 
 /* 9-4-09 HMO Added #navigationSub2 - so could put Office Locations on navigationSide */
 #navigationSub2 { margin: 0 0 18px 0; padding: 0 0 6px 0; width: 208px; }
 #navigationSub2 ul { padding: 0; margin: 0; }
 #navigationSub2 li { list-style: none; background: url(./images/bg-bullet-navigationSub.gif) no-repeat; padding: 0 0 5px 13px; }
 

 #designAddressBottom { background: url(./images/bg-designAddressBottom.gif) bottom left no-repeat; padding: 0 0 4px 0; }
 #containerDesignAddress { background: url(./images/bg-containerDesignAddress.gif) repeat-y; }
 #designAddress {
     background: url(./images/bg-designAddress.gif) top left no-repeat; 
     font-size: .82em; 
     color: #ffffff; 
     font-weight: bold; 
     padding: 16px; 
     display: inline-block; 
     line-height: 1.6em; 
     }

/* HMO 9-4-09:  added #designAddress anchor link for email address on Navigation Side */ 
 #designAddress a:link { color: #FDFDF4; text-decoration: underline; }

 #designAddress a:visited { color: #ffffff; text-decoration: underline; }
 #designAddress a:hover, #designAddress a:focus { color: #CCCCCC; text-decoration: underline; }
 #designAddress a:active { color: #FFFFFF; text-decoration: none; }

/* end HMO   */
  
 
 #columnMain { float: left; width: 495px; padding: 28px 0 28px 1px; }
 #pageTitle { color: #330000; font-size: 1.27em; }
 #content { }
 #navigationLower { color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: .82em; text-align: center; padding: 15px 0 0 0; width: 792px; }
 #finePrint { width: 842px; margin: 0 auto; text-align: left; font-size: .82em; color: #8C8566; padding: 20px 0 0 0; }
 #disclaimer { }
 #copyright { }
 #branding { }



/* ATTORNEY PROFILE */
#profileContactInformation { margin-bottom: 1.4em; }
#profileContactInformation td { white-space: nowrap; }
#profileContactInformation .ContactInformationLabel { font-weight: bold; padding: 0 .45em 0 0; }
#profileContactInformation .ContactInformationText { padding: 0 .45em .91em 0; }
#ProfileNavigationBar { margin: 0 0 2.27em 0; padding: .45em; border-top: #999999 solid 1px; border-bottom: #999999 solid 1px; }
/* ATTORNEY PROFILE - END */

/* DYNAMIC CONTENT */
.FLPortalPackCellFAQ { background-color: #EEEEEE; }
.FLPortalPackCellFAQOutline { background-color: #000000; }
table tr td .FLPortalPackCellFAQOutline { margine-bottom: 10px;}
/* DYNAMIC CONTENT - END */

/* PERSONAL INJURY HOME PAGE */
#copy { margin: 0 10px 0 0; }
#copy h1 { font-size: 2.1em; }

#copy2 { margin: 0 0 10px 10px; }
#copy2 h2 { padding: 0; }
#copy2 h3 { padding: 0; }

#form { border: solid 1px #000000; margin: 0 6px 1.2em 6px; padding: 15px; }
#form form { margin: 0; }
#form p { padding: 0; }
#form br { line-height: 0; }
/* PERSONAL INJURY HOME PAGE - END */

/* Practice Products - START */
/* centers and pages */
#topicShortForm { border: solid 1px #000000; margin: 0 6px 1.2em 6px; padding: 15px; }
#topicShortForm form { margin: 0; padding: 20px 0 0 0; }
#topicShortForm p { padding: 0; }
#topicShortForm h2 { padding-bottom: 0; }
#topicShortForm br { line-height: 0; }
#topicShortForm a { margin: 10px 0 0 0; display: block; }

#callToAction { background-color: #cccccc; color: #000000; border: solid 1px #000000; font-style: italic; margin: 0 6px 1.2em 6px; padding: 1.2em 1.2em 0 1.2em; }

#sideBar1, #sideBar2 { background-color: #eeeeee; color: #000000; border: solid 1px #000000; margin: 0 6px 1.2em 6px; padding: 1.2em 1.2em 0 1.2em; }

#topicResourceLinks { margin: 0 6px 1.2em 6px; }

#topicContentMain, #topicContentMain2, #topicContentMain3 { margin: 0 6px; }

/* centers only */
#topicNews { margin: 0 6px 1.2em 6px; }

#topicCalculator { background-color: #eeeeee; color: #000000; border: solid 1px #000000; margin: 0 6px 1.2em 6px; padding: 10px; }
#topicCalculator form { margin: 0; text-align: center; }

#topicfaq, #topicNav { border: solid 1px #000000; margin: 0 6px 1.2em 6px; padding: 1.2em 1.2em 0 1.2em; }
/* Practice Products - END */

/* FirmSite Expert - START */
#FirmSiteExpert-containerColumnMain { margin-right: 200px; }
 #FirmSiteExpert-columnMain { }
 #FirmSiteExpert-callToAction { margin: 0 0 10px 0; }
 #FirmSiteExpert-content { margin: 0 0 10px 0; padding: 0 10px 0 0; }
 #FirmSiteExpert-overviewAbstract { margin: 0 0 10px 0; }
 #FirmSiteExpert-overviewAbstract hr { height: 1px; border: none; border-top: 1px solid #000000; margin: 0 0 10px 0; }
#FirmSiteExpert-containerColumnSide { float: right; width: 200px; }
 #FirmSiteExpert-columnSide { }
 #FirmSiteExpert-navigation { margin: 0 0 10px 0; }
 #FirmSiteExpert-formShort { margin: 0 0 10px 0; }
/* FirmSite Expert - END */
 

/* HMO 5/31/10 - Free consultation Box on Navigation Left side bar*/ 
/* Free Consultation */
  
#table-contact input {
font-size:1.1em;
margin:0 5px;
padding:1px;
width:150px;
}

.button {
background:url("./images/button-bg.png") repeat-x scroll left top transparent;
color:#FFFFFF;
font-variant:small-caps;
font-weight:bold;
height:24px;
}
  
  
#addthistoolbox 
{
    float: right;  
)