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: #ddd url(../images/bg_shadow.gif) repeat-y 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: 60px; /*adjust according to padding needed for "floating" footer*/

}



#menuContainer

{

    float: left;

    width: 165px;

}





#content

{

    float: right;

    width: 555px;
	
	position:relative;

}



#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); }

h1#store { background-image: url(https://ssl.myhostcenter.com/aacj.org/resources/images/hdr_AACJ_store.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#mainDUI { background-image: url(../images/hdr_dui_news.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#mainSeminarsDui { background-image: url(../images/hdr_dui_seminar.gif); background-position: -1px 0; }

h1#mainSeminarsSpringTraining { background-image: url(../images/hdr_spring_training_seminar.gif); background-position: -1px 0; }

h1#mainSeminarsSpringEthics { background-image: url(../images/hdr_spring_ethics_seminar.gif); background-position: -1px 0; }

h1#mainSeminarsArchive { background-image: url(../images/hdr_archive.gif); background-position: -1px 0; }

h1#mainSeminarsWinterConvention { background-image: url(../images/hdr_winter_convention.gif); background-position: -1px 0; }

h1#mainSeminarsFall { background-image: url(../images/hdr_fall_seminar.gif); background-position: -1px 0; }

h1#mainSeminarsOther { background-image: url(../images/hdr_other.gif); background-position: -1px 0; }

h1#mainGallery { background-image: url(../images/hdr_photo_gallery.gif); background-position: -3px 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#mainApplication { background-image: url(../images/hdr_membership_app.gif); background-position: -1px 0;  }

h1#mainAwards { background-image: url(../images/hdr_awards.gif); }

h1#mainCalendar { background-image: url(../images/hdr_event_calendar.gif); background-position: -3px 0;  }

h1#mainSitemap { background-image: url(../images/hdr_sitemap.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#membersDocLibSub { background-image: url(../images/hdr_doc_library_submission.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#membersMyAccount { background-image: url(../images/hdr_my_account.gif); background-position: -2px 0; }

h1#memberPasswordReset { background-image: url(../images/hdr_reset_password.gif); background-position: -2px 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 4px 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 0 2px 0;

    padding: 0;

    color: #555;

    background-image: none;   

}



h4.calendarDate

{

    margin-bottom: 5px;

}





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;}



/*increase leading on sitemap page*/

#sitemapLeading p

{

    line-height: 19px;

}









.formRules

{

    font-size: 10px;

    font-weight: normal;

    color: #555;

}













/*-----[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;

    padding: 4px 6px;

    border-right: 1px solid #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;

}

















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



#photoGallery table 

{

    background-color: #fff;

    empty-cells: hide;

    border-collapse: collapse;

    margin-bottom: 12px; 

    border: none;

}



#photoGallery table caption

{

    font-size: 12px;

    font-weight: bold;

    margin: 0 0 2px 0;

    text-align: left;

    padding: 6px 0;

    color: #333;

}



#photoGallery table th 

{

    text-align: left;

    background-color: #fff;

    color: #fff;

}



#photoGallery table td, th

{

    font-size: 11px;

    padding: 0;

    border: none;

}



#photoGallery table td.time

{

    white-space: nowrap;

}

















/*-----[ "invisible" table styles - allows them to insert a generic looking table using tinyMCE ]----------*/

/*-----[ also, class to float images left or right ]----------*/



table.tableRight 

{

    float: right;

    width: auto;

    border-top: none; 

    border-left: none;

    background-color: #fff;

    empty-cells: show;

    border-collapse: collapse;

    margin: 0 0 12px 10px; 

}



table.tableRight caption

{

    font-size: 12px;

    font-weight: bold;

    margin: 0 0 2px 0;

    text-align: left;

    padding: 6px 0;

    color: #333;

}



table.tableRight th 

{

    text-align: left;

    background-color: #2b72c3;

    color: #fff;

    padding: 0;

    border-right: none;

}



table.tableRight td, th

{

    font-size: 11px;

    padding: 0;

    border-bottom: none; 

    border-right: none;

}









table.tableLeft

{

    float: left;

    width: auto;

    border-top: none; 

    border-left: none;

    background-color: #fff;

    empty-cells: show;

    border-collapse: collapse;

    margin: 0 10px 12px 0; 

}



table.tableLeft caption

{

    font-size: 12px;

    font-weight: bold;

    margin: 0 0 2px 0;

    text-align: left;

    padding: 6px 0;

    color: #333;

}



table.tableLeft th 

{

    text-align: left;

    background-color: #2b72c3;

    color: #fff;

    padding: 0;

    border-right: none;

}



table.tableLeft td, th

{

    font-size: 11px;

    padding: 0;

    border-bottom: none; 

    border-right: none;

}











table.tableFull

{

    width: 99.5%;

    border-top: none; 

    border-left: none;

    background-color: #fff;

    empty-cells: show;

    border-collapse: collapse;

    margin: 0 0 12px 0; 

}



table.tableLeft caption

{

    font-size: 12px;

    font-weight: bold;

    margin: 0 0 2px 0;

    text-align: left;

    padding: 6px 0;

    color: #333;

}



table.tableLeft th 

{

    text-align: left;

    background-color: #2b72c3;

    color: #fff;

    padding: 0;

    border-right: none;

}



table.tableLeft td, th

{

    font-size: 11px;

    padding: 0;

    border-bottom: none; 

    border-right: none;

}











img.imgLeft

{

    float: left;

    margin: 4px 10px 5px 0;

}



img.imgRight

{

    float: right;

    margin: 4px 0 5px 15px;

}





img.imgClear

{

    display: block;

    margin: 0 0 15px 0;

}























/*-----[gallery drop shadow styles - technique glommed from list apart article]----------*/



.p-shadow 

{

  width: auto;

  float:left;

  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;

  background: url(../images/shadow.gif) no-repeat bottom right;

  margin: 10px 0 0 4px !important;

  margin: 7px 0 0 0;

  }



.p-shadow div 

{

  background: none !important;

  background: url(../images/shadow2.gif) no-repeat left top;

  padding: 0 !important;

  padding: 0 4px 4px 0;

  border-top: 1px solid #fff;

  }



.p-shadow p 

{

  color: #777;

  background-color: #fff;

  font: italic 1em georgia, serif;

  border: 1px solid #ccc;

  padding: 4px;

  margin: -4px 4px 4px -4px !important;

  margin: 0;

  }



















/*-----[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: 40px 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;

    padding: 0

}



input, select

{

    color: #333;

    font-size: 11px;

    margin-bottom: 0;

}



#searchWrapper

{

    position: relative;

    padding: 8px 5px;

    background-color: #ddd;

    margin-bottom: 1.5em;

    _width: 530px; /* IE6 only underscore hack*/

}



#searchString

{

	width:254px;



}



.loginForm	{



    padding: 8px 5px;

    background-color: #ccc;

    margin-bottom: 30px;





}





.loginForm label {



display:block;

width:68px;

float:left;

margin-top:4px;



}



.loginForm br

{

clear:both;

}







#content label

{

    float: left;

    width: 8em;

    margin-right: 1em;

    padding-left: 3px;

}



#content fieldset 

{

    float: left;

    clear: left;

    width: 99%;

    margin: 0 0 15px 0;

    padding: 0 0 5px 0;

    border: 1px solid #c1c1c1;

    _display: inline;

}

#content legend 

{

    margin: 0;    

    padding: 0 0 5px 5px;

    *padding: 0 0 5px 0;/* IE6 + IE7 Hack */

    _padding: 0 0 5px 0;/* IE6 hack */

    color: #555;

    font-weight: bold;

    font-size: 12px;

}

#content fieldset ol 

{

    float: left;

    padding: 3px;

    margin: 0;

    list-style: none;

    _display: inline;    

    _margin-left: -30px;/* IE6 hack */    

}

#content fieldset li 

{

    float: left;

    clear: left;

    width: 99%;

    margin: 0;

    padding: 3px 0;

    _display: inline;

}

#content fieldset.submit 

{

    float: none;

    width: auto;

    border-style: none;

    padding-left: 109px;

    padding-bottom: 0;

    margin: 0;

}





#content .boxDate

{

    width: 125px;

}



#content .boxText

{

    width: 225px;

}



#content .radioSet

{

    float: left;

    margin-bottom: 10px;

}









#searchWrapper.public label

{

    width: 10em;

    font-weight: normal;

    color: #000;

}





#searchWrapper.public fieldset li 

{

    padding: 5px 0;

}



#searchWrapper.public fieldset.submit 

{

    padding-left: 132px;

}





#docUploadLink

{

    position: relative;

}



#docUploadLink p

{

    position: absolute;

    right: 1px;

    top: -2px;  

}

#email2 

{

	position:absolute;
	
	top:-4000px;
	
	left:-4000px;
	
}

textarea.comments	{

	width:320px;
	height:225px;
	font-family: verdana, "lucida grande", arial, helvetica, sans-serif;
    font-size: 11px;

}





#content fieldset p, #content fieldset h4

{

    margin: 5px 8px 5px 5px;

}



/*hidden text field expanded upon click of radio buttons on signup*/

/*weirdest css of all time on this to make IE6 behave - otherwise hidden div keeps shifting 60 pixels either way when revealed!!! Huh?*/

#content fieldset #alliedPro

{

    display: none;

    _width: 500px; /*IE6 hack*/

    _margin-left: 0; /*IE6 hack*/

    _padding-left: 30px; /*IE6 hack*/

}









/*-----[footer styles]----------*/

#footer

{

    position: relative;

    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;

}



#footer #godatLink

{

    position: absolute;

    bottom: 0;

    right: 0;

    font-size: 10px;

}













/*-----[utility styles]----------*/



a img

{

    border: none;

}



.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;

}



div#moderator img

{

	float: left;

	margin-right: 10px

}



div#moderator h6

{

	clear: none;

	display: block;

	font-size: 10px;

	font-weight: bold;	

}



div#moderator p

{

	font-style: italic;

	font-size:10px;

	margin-bottom: 8px;

    line-height: 1.2em;

}



div#moderator 

{

	margin-bottom: 12px;

	display:block

}



img

{

        border: none;

}



#termsOfUse

{

        display: none;

}





.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */