html, div, dl, dt, dd, ol, li, ul, h1, h2, h3, h4, h5, h6, h7, h8, pre, for, fieldset, input, p, blockquote, img, a {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, verdana, sans-serif;
	text-align: center;
	font-size: 12px;
	background: #808080 url("../images/bg/page2.gif") repeat-x top left;
	color: #333;
	}
	
/*MISC. STYLES*/
.alignLeft {float: left; }
.header {color: #28281A; font-size: 11px; text-transform: uppercase; margin: 20px 0 10px 2px; border-bottom: 1px dotted #EEE; background: url("../images/bg/circle-dot.gif") no-repeat 0 50%; padding-left: 20px;}
.subtext {text-transform: uppercase; font-size: 11px; color: #555; margin: 0;}
p.call-today {font-size: 14px; font-weight: normal; color:#d76100; margin-bottom: 10px;}
.subtext2 {font-size: 11px; color: #808080; margin: 0;}
.subtext3 {font-size: 11px; color: #404040; margin: 0;}
.subtext4 {font-size: 11px; color: #81262D; margin: 0; text-transform: uppercase;}
.oral-history-date {text-transform: uppercase; font-size: 11px; color: #555; margin: 0;}
.officer-bio {padding-bottom: 20px; clear: both;}
.alignLeftBio {float: left; margin: 0 10px 0px 0;}
table.form	{font-size: 12px;color: #000;text-align: left;border-collapse: collapse; margin-top: 20px}
p#vtip { display: none; position: absolute; width: 200px; padding: 10px; left: 5px; font-size: 11px; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.pusher{cursor:pointer; margin-bottom: 15px; }
.mover {margin-top: 15px;  }
.plus-sign {color: #d76100; font-size: 12px; margin-right: 10px;}
.plus-sign2 {color: #d76100; font-size: 12px;}
.clearit {clear:both}
#short-bio {float: left; margin-bottom: 15px}
#medmalBox {border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom:10px; font-size: 12px}
#medmalBox p {margin:0}
#medmalBox a {text-transform: uppercase; font-size: 11px;}

/*PAGE TOP*/



#page-top  {
font-size: 11px;
width: 900px;
float: left;
	background: #FFF url("../images/bg/masthead.gi") repeat-x top left;
	font-family: Tahoma, Verdana, Geneva;
	color: #555;
	padding: 0;
	margin:0;}
	
	
#page-top #date {
	width:480px;
float:right;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	padding: 0px 0px 0 0;
	color: #555;
}


	
#page-container {
	width: 900px;
	margin: auto;
	padding: 0;
	text-align: left;
	background: #FFF;
}


#logo {display: none}
	


#flashContent	{
	background: #E0E0E0;
}

#flashContent p {
	font-family: Georgia, verdana, sans-serif;
	text-align: left;
	line-height: 18px;
	color: #333;
	font-size: 13px;
}


#flashContent a {text-decoration: underline; color: #52242c; font-size: 13px;}
#flashContent a:hover {text-decoration: none; color: #52242c; font-size: 13px;}


/*LINKS*/

a.more {color: #D76100;  font-size: 11px; text-decoration: none; text-transform: uppercase; }
a.more:hover {color: #45628D; font-size: 11px; text-decoration: none; text-transform: uppercase;}

#left-col a {color: #81262D; font-size: 11px; text-decoration: underline;}
#left-col a:hover {color: #81262D; font-size: 11px; text-decoration: none;}

/*SLIDESHOW*/

#slideshow-wrapper {float: left; width: 900px; height: 302px; border-bottom: 10px solid #618930;}

div#home-box-left 	{
display: inline;
		float: left;
		width:222px;
		height: 302px;
		margin:0;
		padding:0px;
		}
		
div#home-box-right 	{
display: inline;
background: #162A52;
		float: left;
		width:678px;
		height: 302px;
		margin:0;
		padding:0;
		}



/*HOME PAGE LAYOUT*/		

	
#col-1 {
		width:300px;
		float:left;
		}

#col-1 .padding {		
	padding:15px;}
	


	
#col-2 {		
	width:298px;
		float:left;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;

				}
	
#col-2 .padding {		
	padding: 15px;}
	
#col-2 ul {
list-style-type: none;
}


#col-3 {
		width:300px;
		float:left;
		}

#col-3 .padding {		
	padding:15px;}
	
#combo-col {
float: left;
width: 599px;
border-left: 1px solid #ccc;
}

#combo-col .padding {		
	padding:15px;}
	
/*ACCORDION MENU*/		

.urbangreymenu{
width: 268px; /*width of menu*/
margin-bottom: 15px;
}

.urbangreymenu .headerbar{
font: normal 12px Arial;
color: white;
background: #FFF url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 0px 0 0px 0px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
font-size: 18px;
text-decoration: none;
color: #45628D;
display: block;
margin:8px 0;
padding:0
border-bottom: none;
}

.urbangreymenu .headerbar a:hover {
font-size: 18px;
text-decoration: none;
color: #D76100;
display: block;
margin:8px 0;
padding:0
border-bottom: none;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
list-style-type: square;
margin-left: 40px;
color:#DDD;
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: 0;
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #45628D;
background: white;
display: block;
padding: 2px 0;
padding-left: 5px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #45628d;
background: #EEE;
}


/*SUB PAGE ACCORDION MENU*/

.suburbangreymenu{
width: 240px; /*width of menu*/
margin: 0 0 15px 10px;
}

.suburbangreymenu .headerbar{
font: normal 12px Arial;
color: white;
background: #FFF url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: none;
padding: 0px 0 0px 0px; /*31px is left indentation of header text*/
}

.suburbangreymenu .headerbar a{
font-size: 12px;
text-decoration: none;
color: #45628D;
display: block;
margin:8px 0;
padding:0;
border-bottom: none;
}

.suburbangreymenu .headerbar a:hover {
font-size: 12px;
text-decoration: none;
color: #D76100;
display: block;
margin:8px 0;
padding:0
border-bottom: none;
}

.suburbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.suburbangreymenu ul li{
list-style-type: square;
margin-left: 30px;
color:#333;
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: 0;
}

.suburbangreymenu ul li.nolink{
list-style-type: square;
margin-left: 30px;
color:#333;
padding: 2px 0 2px 5px; /*link text is indented 8px*/
border-bottom: 0;
}

.suburbangreymenu ul li span {color:#333;}

.suburbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: white;
display: block;
padding: 2px 0;
padding-left: 5px; /*link text is indented 8px*/
text-decoration: none;
}

.suburbangreymenu ul li a:visited{
color: black;
}

.suburbangreymenu ul li a:hover{ /*hover state CSS*/
color: #45628d;
background: #EEE;
}




/*SUB PAGE LAYOUT*/		

#photoheader {
width: 900px;}

#photoheader .padding {
padding: 15px}

#sub-wide-left {
		width:649px;
		float:left;
		border-left: 1px dotted #EEE;
		}

#sub-wide-left .padding {		
	padding:10px 15px;}
	
#sub-wide-left img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#sub-wide-left img.noborder {
	float: left;
	margin: 0 15px 15px 0;
	border: none;
	padding: 0;
}

#sub-wide-left ul, #sub-right-sidebar ul.list,  #sub-left-sidebar ul.list	{
list-style-type: square;
margin: 0 0 15px 20px;
font-size: 12px;
}

#sub-wide-left ul li, #sub-right-sidebar ul.list li, #sub-left-sidebar ul.list li {
padding: 0;
margin-bottom: 6px;
line-height: 16px;
padding-left: 0px;
}

#sub-wide-left ul li a, #sub-right-sidebar ul.list li a, #sub-left-sidebar ul.list	li a {
color: #00325a;
text-decoration: underline;
}

#sub-wide-left ul li a:hover, #sub-right-sidebar ul.list li a:hover, #sub-left-sidebar ul.list	li a:hover{
color: #036;
text-decoration: none;
}



#sub-wide-right {
		width:600px;
		float:left;
		border-left: 1px dotted #EEE;
		}

#sub-wide-right .padding {		
	padding:10px 15px;}
	
#sub-wide-right img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

#sub-wide-right img.noborder {
	float: left;
	margin: 0 15px 15px 0;
	border: none;
	padding: 0;
}

#sub-wide-right ul, #sub-right-sidebar ul.list	{
list-style-type: square;
margin: 0 0 15px 20px;
font-size: 12px;
}

#sub-wide-right ul li, #sub-right-sidebar ul.list li {
padding: 0;
margin-bottom: 6px;
line-height: 16px;
padding-left: 0px;
}

#sub-wide-right ul li a, #sub-right-sidebar ul.list li a {
color: #00325a;
text-decoration: underline;
}

#sub-wide-right ul li a:hover, #sub-right-sidebar ul.list li a:hover {
color: #036;
text-decoration: none;
}



	
#sub-right-sidebar {
		width:250px;
		float:left;
		}

#sub-right-sidebar .padding {		
	padding:15px;}
	
#sub-right-sidebar img {float: left;}


#sub-left-sidebar {
		width:230px;
		float:left;
		}

#sub-left-sidebar .padding {		
	padding:10px 15px 15px 15px;}
	
#sub-left-sidebar img {float: left;}

/*ATTY BIO LAYOUT*/	
	
#subleftc {
		width:325px;
		float:left;
		}

#subleftc .padding {		
		padding: 15px;}
	
#subcenterc {
		width:323px;
		float:left;
		border-left: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
		}
		
#subcenterc .padding {		
		padding: 15px;}
		
		
#subrightc {
		width:250px;
		float:left;
		}

#subrightc .padding {		
	padding: 15px;}
	
blockquote.bio	{
font-size: 24px;
font-family: georgia;
color: #15384e;
margin-top: 15px;
padding: 15px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;}
	

#bioaddress {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 0 20px 20px 0}
#bioaddress p {font-size: 12px; color: #162A52; margin-top: 10px; line-height: 16px;}


#footer {
	clear: both;
	height: 205px;
	background: #3D567B;
	font-family: Tahoma, Verdana, Geneva;
	color: #FFF;
	padding: 0;
	border-top: 10px solid #808080;
	margin:0;}
	
#footer a {color: #FFF; text-decoration: underline; text-transform: uppercase; font-size: 11px;}
#footer a:hover {color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 11px;}
	

#footerColA {
float: left;
width: 259px;
margin: 0;
padding:0;
}

#footerColB {
float: left;
width: 203px;
margin: 0;
padding:0;
}

#footerColC {
float: left;
width: 203px;
margin: 0;
padding:0;
}

#footerColD {
float: right;
width: 235px;
margin: 0;
padding:0;
}



	
#footerColA .padding, #footerColB .padding, #footerColC .padding, #footerColD .padding {padding: 15px;}
#footer.padding {padding: 8px 0;}


/* CSS rules */ 

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }




#subfooter {
	clear: both;
font-size: 11px;
	background: #808080;
	font-family: Tahoma, Verdana, Geneva;
	color: #FFF;
	padding: 10px;
	margin:0;
	border-top: 0px solid #FFF}

#subfooter a {
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
}

#subfooter a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}

#subfooter #altnavFoot {
	width: 300px;
	float: right;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-size: 11px;
}


address	{
	font-style: normal;
	line-height: 16px;
	font-size: 12px;
	color: #333;
	}

#footer address	{
	font-style: normal;
	line-height: 16px;
	font-size: 12px;
	color: #FFF;
	}



	



/*TYPOGRAPHY*/

p	{
	font-family: arial, verdana, sans-serif;
	text-align: left;
	line-height: 18px;
	margin-bottom: 10px;
	}
	
#col-1 p, #col-2 p, #col-3 p, #col-4 p	{
	font-family: arial, verdana, sans-serif;
	text-align: left;
	line-height: 18px;
	margin: 10px 0;
	}


h1 {
		font-family: Tahoma, Arial, Verdana;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		color: #45628D;
		background: transparent;
		padding: 0;
		margin-bottom: 10px;
		text-transform: none;}
		
		
h2, h3, h4, h5, h6 {
		font-family: Tahoma, Arial, Verdana;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		color: #45628D;
		background: transparent;
		padding: 0;
		margin-bottom: 10px;
		text-transform: none;
		border-bottom: 1px solid #EEE}
		
#sub-wide-left h2, #sub-wide-left h3, #sub-wide-left h4, #sub-wide-left h5, #sub-wide-left h6 {
		font-family: Tahoma, Arial, Verdana;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		color: #45628D;
		background: transparent;
		padding: 0;
		margin-bottom: 10px;
		text-transform: none;
		border-bottom: 0}
		
#sub-wide-right h2, #sub-wide-right h3, #sub-wide-right h4, #sub-wide-right h5, #sub-wide-right h6 {
		font-family: Tahoma, Arial, Verdana;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		color: #45628D;
		background: transparent;
		padding: 0;
		margin-bottom: 10px;
		text-transform: none;
		border-bottom: 1px solid #EEE}
		
/*HOMEPAGE CONTACT FORM ELEMENTS*/

.contact { width: 570px; margin-bottom: 0px; clear: both;}
.contact ul { padding: 5px 0px 5px 15px; margin: 0px; }
.contact li { font-size: 10px; padding: 0px; margin: 0px; }
.contact p { font-size: 11px; padding: 5px 0px 15px 0px; margin: 0px; line-height: 13px;}
.contact p strong { letter-spacing: -1px;}
.contact span { background: #ffffff; font-size: 12px; padding: 10px 10px 10px 10px; color: #fff; line-height: 16px; display: block;}
.contact span h2 { padding: 0px; margin: 0px; color: #fff; }
.contact span p { padding: 0px; margin: 0px; font-size: 11px;}
.contact span a {color: #cc3300; text-decoration: underline; }
.contact form { padding: 10px; background: #F2F2F2;}
.contact form fieldset { border: none; padding: 0px; margin: 0px;}
.contact form p { font-size: 11px; padding: 5px 0px; margin: 0px; color: #202020;}
.contact form label { display: block; padding: 0px 0px 5px 0px;}
.contact form label em { font-size: 9px; text-transform:uppercase; font-weight: bold; color: #3f2b1e; font-style: normal;}
.contact form input { color: #000; border: solid 1px #808080; background: #fff; padding: 2px 0px;}
.contact form textarea { color : #000; border: solid 1px #808080; background: #fff; padding: 3px 0px;}
.contact form .textarea { position: absolute; width: 200px; padding: 0px; margin: 0px 0px 0px 175px}
.contact form .checkbox { border: none; background: none; padding: 0px; }
.contact form .submit {font-size: 11px; padding: 5px; margin: 0px; color: #fff; cursor: pointer; background: #952D2D;}
.contact form .reset {font-size: 11px; padding: 5px; margin: 0px; color: #fff; cursor: pointer; background: #952D2D;}
.contact form option {margin:0}
.contact form select {margin-bottom: 15px}

/*CONTACT US FORM ELEMENTS*/


#contactForm	{
margin-top: 0;
}

#contactForm td {padding: 8px 0;}

#contactForm label em { font-size: 9px; text-transform:uppercase; font-weight: bold; color: #3f2b1e; font-style: normal;}

	
#contactForm input, textarea	{
background: #FFFFFF;
padding: 2px;
	border: 1px solid #ccc;}

#contactForm input.home, textarea.home	{width: 250px;}
#contactForm input.wide, textarea.wide	{width: 260px;}

#contactForm label	{
    font-family:Arial, Tahoma, Arial, Verdana, sans-serif;
	margin: 2px 0px;
	vertical-align: top;
	color:#222C45;  
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 50px;
	}

#contactForm fieldset { 
	border: 0px solid #a4a07d;
	margin: 0px 0 10px 0;}

#contactForm p {font-size: 11px;
}
#contactForm p.legend {

	font-size: 12px;
	font-weight: bold;
	padding: 0.2em 0.5em;
	border:1px solid #555;
	background: #eee;
	color:#555;
	margin: 10px 0;
  }

#contactForm input.submit	{
	font-size: 11px; padding: 5px; margin: 0px; color: #fff; cursor: pointer; background: #952D2D;
}

#contactForm input.reset	{
	font-size: 11px; padding: 5px; margin: 0px; color: #fff; cursor: pointer; background: #952D2D;
}


/*HOMEPAGE TABBED CONTENT*/

.container {width: 574px; margin: -1px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;

	border-bottom: 1px solid #999;
	border-left: 0px solid #999;
	width: 100%;
	background: #618930
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #618930;
	border-left: none;


	margin-bottom: -1px;
	background: #CCC url("../images/bg/tabs-off.gif") repeat-x bottom left;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #222;
	display: block;
	font-size: 11px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 0px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 12px;
}



a {color: #45628d; text-decoration: underline;}
a:hover {color: #45628d; text-decoration: none; }

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 12px;
}
.tab_content h3 a{
	color: #254588;
	font-size: 14px;
	text-transform: none;
}

.tab_content h4 {
	color: #254588;
	font-size: 11px;
	text-transform: uppercase;
	clear:both;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/*CONTACT US FORM ELEMENTS*/


#contactForm	{
margin-bottom: 5px;
}

#contactForm td {padding: 8px 0;}

	
#contactForm input, textarea	{
background: #FFFFFF;
padding: 2px;
	border: 1px solid #ccc;}

#contactForm input.home, textarea.home	{width: 250px;}
#contactForm input.wide, textarea.wide	{width: 260px;}

#contactForm label	{
    font-family:Arial, Tahoma, Arial, Verdana, sans-serif;
	margin: 2px 0px;
	vertical-align: top;
	color:#222C45;  
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 50px;
	}

#contactForm fieldset { 
	border: 0px solid #a4a07d;
	margin: 0px 0 10px 0;}

#contactForm p {font-size: 11px;
}
#contactForm p.legend {

	font-size: 12px;
	font-weight: bold;
	padding: 0.2em 0.5em;
	border:1px solid #555;
	background: #eee;
	color:#555;
	margin: 10px 0;
  }

#contactForm .submit	{
	background: #999;
	color: #202020;

	margin-left: 0px;
	padding: 2px;
	text-align: center;
}

 #contactForm .submit2	{
	background: #952D2D;
	color: white;
	width: 100px;
	margin-left: 0px;
	padding: 4px;
	text-align: center;
	cursor: pointer;
}

/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
		Customize each Accordion by styling each Accordion's ID attribute instead.
		*/

.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}