body 
{ 
    text-align: center; /*hack - aligns container in the center for IE*/
    margin: 0;
    padding: 0;
    font-family: verdana, "lucida grande", arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333;        
    background: #fff url(../images/bg_masthead.gif) no-repeat top center;
    height: 100%;        
}

html {height: 100%;}

#wrapper
{
    position: relative;    
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    text-align: left;        
    background-color: #fff;    
    min-height: 100%;
}

* html #wrapper
{
    height: 100%;
}


/*-----[header styles]----------*/

#topBar
{
    width: 750px;
    height: 32px;
    background: #fff url(../images/bg_topbar.gif) no-repeat top left;
    margin: 0 0 6px 0;         
    overflow: hidden;
    font-size: 10px;
}


#topBarLinks 
{ 
    margin-top: 7px;
    padding-right: 9px;
    list-style: none;       
    color: #fff;
}

#topBarLinks li
{
    float: right;
    margin-left: 4px;
}

#topBarLinks li a
{
    color: #fff;
    text-decoration: none;
}

#topBarLinks li a:hover
{
    text-decoration: underline;
}


#masthead
{
    position: relative;
    width: 750px;
    height: 153px;
    background: #fff url(../images/bg_masthead.gif) no-repeat top left;
    margin-bottom: 17px; 
}

#mastheadLink
{
    position: absolute;
    left: 8px;
    top: 47px;
    width: 307px;
    height: 90px;
}

#mastheadLink a
{
    display: block;
    width: 100%;
    height: 100%;
}






/*-----[layout divs]----------*/
#contentContainer
{   
    width: 750px;              
    overflow: hidden;
    padding-bottom: 100px; /*adjust according to padding needed for "floating" footer*/
}

#menuContainer
{
    display: none;
}

#content
{
    width: auto;
}

#leftColumn
{
    float: left;
    width: 360px;
}

#rightColumn
{
    float: right;
    width: 165px;
}

.homeBlock
{
    padding-top: 13px;
    background: transparent url(../images/bg_dot.gif) repeat-x top left;         
}


/*left sidebar item*/
.callout
{
    padding: 11px;
    margin-bottom: 8px;
    background: #edf5fd url(../images/bg_callout_gradient.gif) repeat-x top left;
    font-size: 10px;        
}

.callout p 
{
    line-height: 14px;
}

.dividerSingle
{
    height: 1px;
    font-size: 1px;
    margin-bottom: 17px;
    background: transparent url(../images/bg_dot.gif) repeat-x top left;         
}

.dividerDouble
{
    height: 4px;
    font-size: 1px;
    margin-bottom: 8px;
    background: transparent url(../images/bg_dot_rows.gif) repeat-x 0 0;         
}



/*-----[menu styles]----------*/

.menu
{
    margin: 0 0 18px 0;
    padding: 1px 0 0 0;  
}

   
.menu a
{
    display: block;
    width: 157px;
    padding: 2px 0 4px 8px;
    font-size: 10px;
    color: #666; 
    text-decoration: none;    
    background: transparent url(../images/bg_dot.gif) repeat-x bottom left;
}

* html .menu a
{
    width: 165px;
    widt\h: 157px;
}

.menu a:hover
{
    background-color: #deefff;
    color: #000;
}

.menu a.menuOn
{
    color: #000;
    background: transparent url(../images/bg_menu_gradient.gif) repeat-x top left;
}

.menu a.menuOn:hover
{
    background-color: #fff;
}

.menu a.padMenuLeft
{
    padding-left: 22px;
    width: 143px;
}

* html .menu a.padMenuLeft
{
    width: 165px;
    widt\h: 143px;
}

.menu h1
{
    margin: 0;
    padding: 2px 0 4px 8px;
    font-size: 10px;
    font-weight: bold;
    color: #666;
    background: transparent url(../images/bg_dot.gif) repeat-x bottom left;
}




/*-----[text styles]----------*/


h1
{
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0;
    color: #0b5cb8;
}

h1.imgHeader
{
    font-size: 16px;
    height: 26px;
    margin: 0 0 8px 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*image header definitions*/
h1#banner { background-image: url(../images/hdr_banner.gif);}
h1#news { background-image: url(../images/hdr_news.gif); }
h1#ofinterest { background-image: url(../images/hdr_ofinterest.gif); }
h1#feedback { background-image: url(../images/hdr_feedback.gif); }
h1#events { background-image: url(../images/hdr_events.gif); }
h1#join { background-image: url(../images/hdr_join.gif); }


/*background position offest fixes the few-pixel gap on the left edge of most header images*/
h1#mainAbout { background-image: url(../images/hdr_about_aacj.gif); }
h1#mainOfficers { background-image: url(../images/hdr_officers.gif); }
h1#mainBoard { background-image: url(../images/hdr_board.gif); background-position: -2px 0; }
h1#mainCommittees { background-image: url(../images/hdr_committees.gif); background-position: -3px 0;  }
h1#mainBylaws { background-image: url(../images/hdr_by_laws.gif); background-position: -2px 0;   }
h1#mainLawyerSearch { background-image: url(../images/hdr_lawyer_search.gif); background-position: -2px 0;  }
h1#mainJusticeProject { background-image: url(../images/hdr_justice_project.gif); }
h1#mainJusticeUpdate { background-image: url(../images/hdr_justice_project_update.gif); }
h1#mainNews { background-image: url(../images/hdr_main_news.gif); }
h1#mainPresident { background-image: url(../images/hdr_from_the_president.gif); }
h1#mainAmicus { background-image: url(../images/hdr_amicus_and_strike.gif); }
h1#mainDeathPenalty { background-image: url(../images/hdr_death_penalty.gif); background-position: -2px 0;  }
h1#mainIndigent { background-image: url(../images/hdr_indigent_defense.gif); background-position: -2px 0; }
h1#mainNewsArchive { background-image: url(../images/hdr_aacj_archive.gif); }
h1#mainSeminars { background-image: url(../images/hdr_seminars.gif); background-position: -1px 0; }
h1#mainMemberBenefits { background-image: url(../images/hdr_member_benefits.gif); }
h1#mainJoin { background-image: url(../images/hdr_join.gif); background-position: -3px 0;  }
h1#mainAwards { background-image: url(../images/hdr_awards.gif); }
h1#mainCalendar { background-image: url(../images/hdr_calendar.gif); background-position: -3px 0;  }

h1#membersForum { background-image: url(../images/hdr_aacj_forum.gif); } 
h1#membersInsider { background-image: url(../images/hdr_insider.gif); background-position: -2px 0;  } 
h1#membersDocLib { background-image: url(../images/hdr_document_library.gif); background-position: -2px 0;  }
h1#membersLegislative { background-image: url(../images/hdr_legislative_update.gif); background-position: -2px 0; }
h1#membersDirectory { background-image: url(../images/hdr_directory.gif); background-position: -2px 0;  }
h1#membersLinks { background-image: url(../images/hdr_links.gif); background-position: -2px 0;   }
h1#membersMemArchive { background-image: url(../images/hdr_members_archive.gif); background-position: 0 0; }

h1#rightsBill { background-image: url(../images/hdr_bill_of_rights.gif); background-position: -2px 0;  }
h1#rightsConstitution { background-image: url(../images/hdr_arizona_constitution.gif); }

h1#utilityContact { background-image: url(../images/hdr_contact.gif); background-position: -2px 0;  }
h1#utilityLogin { background-image: url(../images/hdr_member_login.gif); }
h1#homePresident { background-image: url(../images/hdr_from_the_president2.gif); background-position: -2px 0; height: 51px; }



/*used for FIR*/
h1.imgHeader span
{
    display: none;
}


h2
{
    font-size: 12px;
    margin: 0 0 2px 0;
    padding: 0;
    color: #333;
    background-image: none;   
}

h3
{
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 1px 0;
    padding: 0;
    color: #2b72c3;
    background-image: none;   
}

h4
{
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #555;
    background-image: none;   
}

h5
{
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #333;
    background-image: none;   
}

h6
{
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #333;
    background-image: none;   
}

.overline
{
    padding-top: 13px;
    background: transparent url(../images/bg_dot.gif) repeat-x top left; 
}

.underline
{
    padding-bottom: 13px;
    background: transparent url(../images/bg_dot.gif) repeat-x bottom left; 
}

.overlineNoPad
{
    background: transparent url(../images/bg_dot.gif) repeat-x top left; 
}


p
{
    margin: 0 0 12px 0;
    line-height: 17px;
    background-image: none;   
}


p.footnote
{
    color: #888;
}


p.authorAttrib
{
    font-style: italic;
    color: #777;
}



b, strong
{
    color: #444;
}


/*close up the line-height in right column*/
#rightColumn p
{
    line-height: 15px;
}


a
{
    color: #333;
}

a.arrowLink
{
    color: #333;
    padding-right: 12px;
    background: transparent url(../images/bg_learn_link.gif) no-repeat 100% 60%;
}

/*hack IE 5 which has trouble with the right aligned background in an anchor tag*/
* html a.arrowLink { background-image: none; background-i\mage: url(../images/bg_learn_link.gif); }


a:hover, a.arrowLink:hover
{
    color: #999;
}


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

#content ul li
{
    padding-left: 14px;
    line-height: 15px;
    margin-bottom: 8px;
    background: transparent url(../images/bg_bullet.gif) no-repeat 0 5px;
}



#content ol
{
    margin: 0 0 12px 0;
    padding: 0;
}

#content ol li
{
    padding-left: -35px;
    margin-left: 27px;
    line-height: 15px;
    margin-bottom: 8px;
}

* html #content ol li {margin-left: 30px;}







/*-----[table styles]----------*/

table 
{
    width: 100%;
    border-top: 1px solid #fff; 
    border-left: 1px solid #fff;
    background-color: #e3e3e3;
    empty-cells: show;
    border-collapse: collapse;
    margin-bottom: 12px; 
}

table caption
{
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 2px 0;
    text-align: left;
    padding: 6px 0;
    color: #333;
}

table th 
{
    text-align: left;
    background-color: #2b72c3;
    color: #fff;
}

table td, th
{
    font-size: 11px;
    padding: 4px 6px;
    border-bottom: 1px solid #fff; 
    border-right: 1px solid #fff;
}

table td.time
{
    white-space: nowrap;
}


/*-----[image block styles]----------*/

.photoLeft165, .photoRight165, .photoFull565
{
    float: left;
    width: 165px;
    margin: 4px 10px 0 0;
    font-size: 10px;
    color: #666;
}

.photoRight165 
{ 
    float: right; 
    margin: 4px 0 10px 12px;
}

.photoFull565
{
    float: none;
    width: 555px;
    margin: 4px 0 3px 0;
}

.photoLeft165 p, .photoRight165 p 
{ 
    margin-bottom: 3px; 
    line-height: 14px;
    text-align: center;
    color: #333; 
    font-weight: bold;
}


.incomingPresidentMessage
{ 
    width: 100px;
    float: right; 
    margin: 50px 0 10px 12px;
    line-height: 14px;
    color: #666;
    border: 1px solid #ccc;
    border-top: 5px solid #ccc;
    padding: 5px 6px 24px 8px;
    background: #edf5fd url(../images/bg_callout_gradient.gif) repeat-x top left;
}

.incomingPresidentMessage p
{
    line-height: 14px;
    margin: 0;
}

.incomingPresidentMessage h2
{
    margin-bottom: 12px;
}




/*-----[form styles]----------*/

form
{
    margin: 0;
}

input, select
{
    color: #333;
    font-size: 11px;
    margin-bottom: 5px;
}

#searchWrapper
{
    padding: 8px 5px;
    background-color: #ddd;
    margin-bottom: 30px;
    line-height: 0;
}






/*-----[footer styles]----------*/
#footer
{
    position: absolute;
    bottom: 0;
    padding-top: 11px;
    width: 750px;
    background: transparent url(../images/bg_dot.gif) repeat-x top left;
    text-align: left;  
}

#footer p
{
    font-size: 10px;
    color: #999;
    margin: 0 0 6px 11px; 
}

#footer p a
{
    color: #999;
}
#footer p a:hover
{
    color: #555;
}





/*-----[utility styles]----------*/
.myBorder
{
    border: 1px solid;
}

.padBelow10 {padding-bottom: 10px;}
.padAbove30 {padding-top: 30px;}


p.backToTop
{
    margin: -8px 0 20px 0;
    font-size: 10px;    
}

p.backToTop a
{
    display: block;
    width: 32px;
    font-size: 10px;
    padding-right: 6px;
    background: transparent url(../images/bg_top_arrow.gif) no-repeat 25px 6px;
    text-decoration: none;
}

* html p.backToTop a 
{
    width: 361px;
    widt\h: 32px;
}