/* --- Ganderson Law --- */
html { margin: 0; padding: 0; }
body {
	font-size: 87.5%; 
	font-family: "Times New Roman", Times, serif;
	background: #848484 url('../images/body_bg.jpg') top left repeat-x;
	/* color: #301a29; */
	color: #000;
	text-align: center;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
h1 { color: #192b58; font-size:22px; font-weight: normal; padding: 0; margin: 18px 0 14px 0; }
a { text-decoration: none; outline: none; }
.clr { clear: both; }

ul.pdfs { list-style-type: none; margin-left:0; padding-left: 20px; }
ul.pdfs li { /*The background image*/
	background: url('../images/pdf.png') no-repeat left top;
	padding-left: 20px;
	margin-left: 0;
	list-style-type: none;
}


/* PNG fix elements */
#wrapper, #people-photo, #sidebar ul li { behavior: url("/includes/iepngfix.htc") }


form { padding:0; margin:0; }
form input.txt { border: 1px solid #b3b4b3; font-family:"Times New Roman", Times, serif; font-size:12px; 
	padding:5px 5px 5px 5px; color:#59595a; width: 180px; background:url('../images/form_txt.png') top left no-repeat; margin-bottom: 8px; }
form input.submit { color:#ffffff; background:#5e6a8a; height:27px; border:none; 
	padding-bottom:1px; line-height: 26px; font-family:"Times New Roman", Times, serif; font-size:12px; }
form textarea { border: 1px solid #b3b4b3; font-family:"Times New Roman", Times, serif; font-size:12px; 
	padding:5px 5px 5px 5px; color:#59595a; width: 180px; background:url('../images/form_area.png') top left no-repeat; margin-bottom: 8px; height: 82px; overflow: auto;}
#contactform .submitbutton { margin:0; text-align: right; padding-right: 44px; }
#contactform { margin-top: 20px; }


#wrap-bot { display: none; }
#wrapper {
	margin: 0 auto 0 auto;
	width: 960px;
	background: transparent url('../images/shadow_repeat.png') top left repeat-y;
}
body > #wrapper { background: transparent url('../images/shadow_large.png') top left no-repeat; }
#wrapper2 { 
	position: relative; 
	height: auto; 
	background: transparent url('../images/shadow_bottom.jpg') bottom left no-repeat; 
	width:960px;
	margin: 0 auto 0 auto;
	padding-bottom: 7px;
}

#logoarea {
	width: 912px;
	height: 110px;
	background: url('../images/logo.jpg') top left no-repeat;
	margin: 0 auto 0 auto;
	position: relative;
}
#logoarea a.click { display: block; width:670px; height:74px; position: relative; left:10px; top:22px;  }

#menu {
	background: url('../images/nav_bg.png') top left repeat-x;
	height: 34px;
	width: 912px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 100;
	padding: 0;
}
/*#menu ul { padding: 0 0 0 50px; margin:0; list-style-type:none; height:35px; width:912px; position:relative; }
#menu ul li { float: left; display: block; display:inline; height: 31px;  }
#menu ul li a { color:#e1eaef; display: block; padding: 6px 28px 5px 28px; font-size: 15px; }
#menu ul li a:hover { color:#e1eaef; background:#1D3B6D; } */


/* ---------- Mega Drop Down --------- */
#mega {
padding: 0 0 0 20px; 
margin:0; 
list-style-type:none; 
height:29px; 
width:884px; 
position:relative;
}
#mega li {
	float: left; 
	display: block; 
	height: 29px;
	position: relative;
}
#mega li:hover {
	background: url('../images/nav_hover.jpg') top left repeat-x;
	/* z-index:1; shadow above adjacent li */
}
#mega li a {
	color:#e1eaef; 
	display: block; 
	padding: 5px 23px 6px 23px; 
	font-size: 15px;
}
#mega li a:hover { color:#e1eaef; background:url('../images/nav_hover.jpg') top left repeat-x; }

/* ----------- Hide/Show Div ---------- */
#mega div {
	position:absolute;
	left:-999em;
	margin-top:0;
	width:400px;
	padding:0 10px 10px 0;
	border:1px solid #2b3a61;
	border-top:0;
	font-weight:normal;
	text-align:left;
	background: #19294f url('../images/drop_bg.jpg') top left repeat-x;
}
#mega div.smaller { width: 179px; }
#mega li:hover div { left:0px;top:auto; }
#mega li.dif:hover div { left:-221px; }

/* --------- Within Div Styles --------- */
#mega div h2 {
font-size:13px;
padding:0 10px 0 10px;
color: #ffffff;
margin:6px 0 0 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
}
#mega div ul {
width:171px;
float: left;
position:relative; /* makes above drop shadow */
padding:  0 12px 0 16px;
margin: 16px 0 8px 0;
height: auto;
font-size: 12px;
list-style-type:none;
}
#mega div.wide { padding-top: 6px; width:260px; }
#mega div.wide ul { width: 100%; margin-top: 6px; margin-bottom: 0; }
#mega div.wide ul li { margin-bottom: 8px;  }

#mega div.wide2 { padding-top: 6px; width:180px; }
#mega div.wide2 ul { width: 100%; margin-top: 6px; margin-bottom: 0; }
#mega div.wide2 ul li { margin-bottom: 8px;  }

#mega div ul li { background: transparent; float: none; margin-bottom: 16px; height: auto; }
#mega div ul li:hover { background: transparent; }
#mega div ul li a { padding: 0; background: transparent; font-size: 12px; height: auto; }
#mega div ul li a:hover { background: transparent; }
#mega div ul li ul { float: none; width:auto; padding-left: 10px; padding-top: 0; margin-top: 6px; list-style-type:none; }
#mega div ul li ul li { margin-bottom: 4px; background: url('../images/bullet2.png') top left no-repeat; padding-left: 10px; list-style-type:none; }
#mega div ul li ul li:hover { background: url('../images/bullet2.png') top left no-repeat; }
#mega .sectioned { border-left: 1px solid #2d3b5a; }

#mega div ul li a {
background: transparent;
width:100%; /* For IE6/7 */
line-height:1.4;
padding: 0;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:underline;
background: transparent;
padding: 0;
color: #7585af;
}

/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url('../images/nav_rightcorner.png') 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url('../images/nav_leftcorner.png') 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url('../images/nav_shadow.png') 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:none;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}




#container { 
	width:912px; 
	margin: 0 auto 0 auto; 
	padding: 0; 
	background: #ffffff url('../images/container_bg.jpg') bottom left no-repeat; 
	text-align: left; 
	position: relative;
	z-index: 50;
}
#container-home {
	background: url('../images/grad_side.jpg') top right no-repeat;
	width:912px;
	position: relative;
}


#container ul { list-style-type:square; }

#photo, #photowide { background: #1A2235 url('../images/photo_bg.jpg') top left repeat-x; height: 206px; border-bottom:5px solid #29011b; padding:0; position: relative; }
#photo { width: 628px; float: left;  }
#photowide {}

#photowide h1 { 
	color: #ffffff; font-size: 25px; padding: 21px 10px 0 10px; margin:0; text-align: center;
	background: url('../images/photo_h1.jpg') top left repeat-x; 
	position: absolute; top:38px; height: 146px; width: 216px; right: 20px; 
	line-height: 1.0em;
}
#photowide h1.two { padding-top: 36px; height: 131px; }
#photowide h1.one { padding-top: 56px; height: 111px; }

#flash { padding:0; margin: 0; width: 628px; height: 206px; }

#content, #contentwide { text-align: left; padding: 0 22px 10px 22px; position: relative; }
#content { float: left; width: 584px; text-align:justify;}
#contentwide {text-align:justify;}
#content li, #contentwide li { margin-bottom: 5px; }
#content h2, #contentwide h2 { font-size: 15px; }

#content a, #contentwide a { color:#192b58; }
#content a:hover, #contentwide a:hover { color:#213f89; text-decoration:underline; }

#main-aside { float: left; width: 628px; position: relative; }

#sidebar { text-align:left; float:left; width:264px; padding-left: 16px; }
#sidebar a { color:#301a29;  }
#sidebar a:hover { color:#192b58; text-decoration:underline; }
#sidebar h1 { margin-bottom: 6px; }
#sidebar ul { list-style-type:none; padding: 0; margin-top: 6px; margin-left: 0;  }
#sidebar ul li { padding: 10px 0 10px 0; background: url('../images/li_bg.png') bottom left no-repeat;   }
#sidebar ul li.last { background-image: none; }
#sidebar ul li ul { list-style-type:none; padding: 3px 0 0 30px; margin: 0; }
#sidebar ul li ul li { line-height: 1.4em; padding: 0 0 0 10px; background: url('../images/bullet.png') top left no-repeat;  }

#sidebar .padded { padding-left: 28px; }


#footer { width: 912px; color:#212121; font-size: 13px; padding-top: 10px; padding-bottom: 14px; margin-left: auto; margin-right: auto; text-align: justify;}
#footer p { margin: 0;}
#footer a { color: #212121; }
#footer a:hover { text-decoration: underline; }


/* PAGE SPECIFIC STUFF */
.googlemap { float: right; margin-top: 12px; margin-right: 15px; }


/* PEOPLE PAGES */
#container-people  { 
	width:912px;
	position: relative;
	background: url('../images/grey_repeat.png') top right repeat-y;
}
#people-photo { 
	background: transparent url('../images/photo_frame.png') bottom left no-repeat; 
	width: 219px; height: 220px; position: absolute; left:7px; bottom:-6px; 
	padding:0;
}
#photo > #people-photo { bottom: -5px; }
#people-photo img { position: relative; left: 29px; top: 4px;  }

#container-people #photo { height: 227px; }
#container-people #sidebar { 
  background: url('../images/grey.png') top left no-repeat; 
  color: #ffffff; 
  min-height:464px;
  height:auto !important;
  height:464px;
  width:248px;
  padding: 5px 10px 5px 22px;
}
#container-people #sidebar a { color: #ffffff; }
#container-people #sidebar h2 { color: #ffffff; font-size: 22px; font-weight: normal; margin: 18px 0 18px 0; }
#container-people #sidebar ul { padding: 0 0 0 6px; margin-left: 0; margin-bottom: 28px; }
#container-people #sidebar ul li { padding: 0 10px 0 10px; background: url('../images/bullet3.png') top left no-repeat; margin-bottom: 10px; }

#bio-heading { position: relative; width: 334px; left: 240px; padding-top: 10px; color:#ffffff; }
#bio-heading a { color: #ffffff; }
#bio-heading a:hover { text-decoration: underline; }

#bio-heading h1 { font-size: 28px; font-variant:small-caps; color:#ffffff; border-bottom: 1px solid #3a4359; line-height: 1em; 
	padding-bottom: 8px; margin-bottom: 8px; margin-top: 14px; }
#bio-heading h2 { font-size: 16px; font-variant:small-caps; color:#ffffff; font-weight: normal; margin-top:0; margin-bottom: 30px; }
#bio-heading ul { float:left; width: 135px; padding: 0; margin: 0; list-style-type:none;  }
#bio-heading ul.right { float: right; }
#bio-heading ul li { border-bottom: 1px solid #3a4359; line-height: 1.8em; font-size: 15px; padding: 0 0 0 26px;  }
#bio-heading ul li.hanging { border-bottom: none; }
#bio-heading ul li.fax   { background: url('../images/ico_fax.png') center left no-repeat; }
#bio-heading ul li.email { background: url('../images/ico_mail.png') center left no-repeat; }
#bio-heading ul li.print { background: url('../images/ico_print.png') center left no-repeat; }
#bio-heading ul li.tel 	 { background: url('../images/ico_tel.png') center left no-repeat; }
#bio-heading ul li.vcard { background: url('../images/ico_vcard.png') center left no-repeat; }

.expandit, .collapseit { font-size: 13px; color:#1a2644; }
.expandit a, .collapseit a { color:#1a2644; }
.expandit a:hover, .collapseit a:hover { color:#1a2644; text-decoration:none; }
#expand-section { display:none; position: relative; }
#expand-section ul { margin-top: 0; }
.collapseit { display: none; }