/* Global
------------------------------*/
html, body, form { margin: 0px; padding: 0px; }
strong, b { color:#023A62; }
img { border: 0px; }
a, a:hover { font-weight: normal; text-decoration: underline; }
a { color:#023A62; }
a:hover { color: #5A5A5A; }

body, table, input, select, textarea, font { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #5A5A5A; 
}

h1, h2 { font-size: 16px; color:#023A62; }
h3, h4 { font-size: 14px; color:#5A5A5A; }
h5 { font-family: "Bodoni", "Times New Roman", Times, serif; 
	font-size: 12px;
	color: #023A62; }

/* TEMPLATE
-------------------------------------------------------------------------------------------------------------*/

/* Classes
------------------------------*/

.tablewidth { width: 768px; text-align: left; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.spacer01 { background: #FFFFFF; }
.spacer02 { background: #000000; }
.spacer03 { background: #799CA9; }

/* Home/Internal
------------------------------*/
#body { background: #FFFFFF; }

#header { overflow:hidden; width: 768px; height: 91px; border-bottom: 1px solid #000000; }
#header-logo { float: left; margin-left: 18px; margin-top: 59px; }
#header-photo { width: 768px; height: 202px; border-top: 1px solid #FFFFFF; }
#header-bottom { background: #999999; width: 768px; height: 8px; border-bottom: #FFFFFF solid 1px; border-top: #FFFFFF solid 1px; }
#i-header-photo { width: 768; height: 145px; border-top: 1px solid #FFFFFF;  }
/*
#nav { background: #023A62; width: 768px; height: 25px; }
#nav-pad { margin-left: 46px; }
*/

#banners { margin: 24px 0px 20px 59px; }

#sub-nav { width: 652px; margin-left: 59px; font-size:12px; background: #EAE9E8; line-height: 180%; }
#sub-nav-pad { padding: 5px 15px 5px 15px; }

#content { width: 768px; line-height: 160%; }
#welcome-pad { padding: 35px 0px 0px 40px; }
#content-pad { width: 570px; padding: 0px 40px 40px 180px; text-align:left; }

#i-content { width: 768px; line-height: 160%; }
#i-content-pad { width: 652px; padding: 15px 40px 60px 59px; }

#crumb { margin-left: 23px; font-size: 10px; }
#crumb a { color: #E11524; }
#crumb a:hover { color: #E11524; }

#footer { background: #EAE9E8; width: 748px; height: 100px; padding: 10px; line-height: 150%; }
#footer-pad { float: left; width: 510px; font-size: 10px; line-height: 1.5em; }

#search { float:left; color: #999999; padding: 68px 0px 0px 270px; }
#search input.text { color: #000000; font-weight: normal; margin-left: 7px; width: 110px; padding: 2px; height: 10px; border: 1px solid #BBBFCB; }
#search input.image { vertical-align: top; margin: 2px 0px 0px 3px; width: 15px; height: 13px; }




/*NAVIGATION DROPDOWNS*/
/*NOTES - if needed, make sure header is not overflow:hidden, set nav a font to correct height of h2's. */

/* Original IDs */
#nav { background: #023A62; width: 748px; height: 25px; padding: 0 0 0 20px; }

#nav ul { list-style: none;margin: 0;padding: 0; float: left; }
#nav ul li { float: left; } /*ie*/
#nav ul li a {height: 1%;} /*ie*/

#nav a { font: 9px/9px verdana, helvetica, sans-serif;display: block;margin: 0;padding: 0; }
#nav li ul a { font: 11px/16px verdana, helvetica, sans-serif;display: block;margin: 0;padding: 0; } /*for sublevel text*/

/* main nav */
#nav h2 { cursor: pointer; display: block; height: 25px; text-indent: -6000px; background: no-repeat; margin: 0 0 0 0; }
#nav h2 a.nav-main { height: 25px; } /* keep height in IE6 */
#nav h2#nav-about-us { background: url(../images/nav-about-us.gif); width: 142px; } 
#nav h2#nav-about-us:hover { background-position: 0 -25px; }
#nav h2#nav-practice-areas { background: url(../images/nav-practice-areas.gif); width: 206px; } 
#nav h2#nav-practice-areas:hover { background-position: 0 -25px; }
#nav h2#nav-attorneys { background: url(../images/nav-attorneys.gif); width: 162px; } 
#nav h2#nav-attorneys:hover { background-position: 0 -25px; }
#nav h2#nav-our-people { background: url(../images/nav-our-people.gif); width: 162px; } 
#nav h2#nav-our-people:hover { background-position: 0 -25px; }
#nav h2#nav-contact-us { background: url(../images/nav-contact-us.gif); width: 169px; } 
#nav h2#nav-contact-us:hover { background-position: 0 -25px; }


/*position the drop */
#nav li {position: relative;}
#nav li ul li ul {position: absolute; top: 15%; left: 97%; }

/* dropdown styling */
#nav li ul a { padding: 3px 3px 3px 5px; color: #023A62; text-decoration: none; }
#nav li ul a:hover { color: #FFF; background: #023A62; }

/* z-index/position of dropdown block */
#nav li ul { position: absolute; z-index: 500; }

/*levels*/
/*hide ul blocks li's */
#nav li ul,
#nav li:hover ul ul,
#nav li ul li:hover ul ul{ display: none; background: none; border: 0; }
/*hide individual li's */
#nav li:hover ul ul li,
#nav li ul li:hover ul ul li{ display: none; background: none; border: 0; }
/*display ul block and style*/
#nav li:hover ul,
#nav li ul li:hover ul,
#nav li ul ul li:hover ul{display: block; background:url(../images/dropdown-bg.png); border: solid #701D1D; border-width: 0 0 0 0; }
/*display li block and style*/
#nav li:hover ul li,
#nav li ul li:hover ul li,
#nav li ul ul li:hover ul li{display: block; clear: left; width: 170px; border-bottom: 1px solid #DACBCB; }
/*display li w fly-out block and style*/
#nav li ul li.fly-out,
#nav li ul li:hover ul li.fly-out,
#nav li ul ul li:hover ul li.fly-out{ background: url(../images/dropdown-li-bg.png) no-repeat 150px 4px; }