/* CSS Document */
/* Colors  
Lite Green:  #b1b67c (page bkgd)
Gray: #52534e (table and focus image border)
Gray2: #a7a9ac (focus bkgd)
Mid Green: #a5a648 (menu bkgd, all divider lines)
Dark Blue: #284770 (index tagline bkgd)
Very lite Green:  #dbdcb6 (banner bkgd)
*/


/* Over ridden styles */
body
{
	margin: 20px auto 40px;
	padding: 0px;
	text-align: center;
	background: #b1b67c url(images/bg_top.gif) no-repeat center 11px;
}
body, p, div, td
{
	font-family: arial, helvetiva, verdana;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
}

a, a:link
{
	line-height: 20px;
	color: #000;
	text-decoration: none;
}
a:visited
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	background-color: #EFEFD7;
	color: #000000;
}
h1
{
	font-size: 18px;
	line-height: 20px;
	color: #000;
}
/*** Additional styles ***/
#wrapper
{
	width: 840px;
	margin: 0 auto;
	background: url(images/bg_page.gif) repeat-y  top center;
	text-align: center;
}
body #maintable
{
	text-align: left;
	margin: 0 auto;
}
body #footertable
{
	text-align: center;
	margin: 0 auto;
}
@media print
{
	.noprint
	{
		display: none;
	}
}
@media print
{
	.menuitems
	{
		display: none;
	}
}
.leftborder
{
	border-left: 1px solid #000;
}
.leftbordertwo
{
	border-left: 5px solid #996;
}
.rightborder
{
	border-right: 1px solid #000;
}
.footertext
{
	font-size: 10px;
}
.date
{
	line-height: 20px;
	font-weight: bold;
	color: #666;
}
.submenu
{
	font-size: 11px;
}
.paragraph
{
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.title
{
	font-size: 18px;
	line-height: 20px;
	color: #000;
}
.othtitle
{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.smtitle
{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
.border
{
	border: solid;
	border-color: #ccc #999 #999 #ccc;
	border-width: 1px 2px 2px 1px;
	padding-top: 5px 5px 5px 10px;
}
.searchborder
{
	border: solid 1px #000;
	padding-top: 5px 5px 5px 10px;
}
.expand
{
	border: solid 1px #999;
	padding-top: 2px 5px;
	background-color: #fff;
	font-weight: bold;
	margin-top: 5px;
}
.loc
{
	font-size: 18px;
	line-height: 20px;
}
.loc2
{
	font-size: 14px;
	line-height: 16px;
}
ul.event
{
	list-style-type: circle;
	margin: 10px 0 20px;
	line-height: 15px;
}
ul.event li a
{
	line-height: 15px;
}
ul.event li
{
	padding: 5px 0 0;
	margin: 0;
	list-style-type: circle;
}
a.eventlink
{
	color: #996 !important;
	font-weight: bold !important;
	text-decoration: none;
}
a.eventlink:hover
{
	color: #996 !important;
	font-weight: bold !important;
	text-decoration: underline;
}
ul.menuitems
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-right: solid 1px #000;
	width: 105px;
	overflow: hidden;
}

ul.menuitems li
{
	border-bottom: solid 1px #000;
	padding: 0;
}
ul.menuitems li a
{
	line-height: 15px;
	text-decoration: none;
	display: block;
	background: white url(images/icon_arrow.gif) no-repeat 5px 9px;
	padding: 3px 5px 3px 15px;
	color: #666;
}
ul.menuitems li a:hover
{
	background-color: #EFEFD7;
	color: #000;
}
#BodyArea
{
	clear: both !important;
}
/* Clearfix "no-extra-markup" clearing - www.csscreator.com */
.clearfix
{
	display: inline-table;
}
/* IE Mac fix*/
/* IE Win fix \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* end of Win fix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.bold
{
	font-weight: bold;
}
/* Header Container */
#HeaderContainer
{
	border-style: solid;
	margin: auto;
	width: 796px;
	height: 180px;
	background-color: #fff;
	border-width: 2px 2px 0 2px;
	zoom:1;
}
/* Logo Box housed in Header Container */
#HeaderLogo
{
	float: left;
	width: 365px;
	height: 90px;
	background-image: url( 'images/temp/SWW_Nav_Logo.gif' );
	margin-left:8px;
}
* html #HeaderLogo
{
	margin-left:4px;
}

/* Search Area floated to right of Header Logo inside of Header */
#HeaderSearch
{
	float: right;
	width: 400px;
	height: 90px;
	background-color: #ffffff;
	padding-right: 15px;
}
/* Used to build middle of page */
#MiddleContainer
{
	text-align: left;
	width: 796px;
	margin: 0 auto;
}
/* These are the columns for the main container built for index.aspx */
#LeftColumnIndex
{
	margin-left: 20px;
	padding-right: 20px;
	border-width: 0 2px 0 0;
	border-color: #5a5f2f;
	border-style: solid;
	float: left;
	width: 472px;
}
* html #LeftColumnIndex
{
	margin-left:10px;
}

.LeftColumnIndexBox
{
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #5a5f2f;
}
#RightColumnIndex
{
	float: left;
	width: 235px;
	border-width: 0px;
	border-style: solid;
	margin-left: 20px;
}
/* Columns used to build a page with left nav and right content area */
#LeftColumnNav
{
	float: left;
	width: 130px;
	border: solid 0px black;
	background-color: white;
	padding-left: 20px;
}
#RightColumnContent
{
	margin:  20px 0 0 0;
	float: right;
	width: 645px;
	background-color: white;
	border: solid 0px black;
}
#RightColumnContentPA
{
	margin:  20px 0 0 0;
	float: right;
	width: 635px;
	background-color: white;
	border: solid 0px black;
	padding-right:10px;
}
#RightColumnContentFull
{
	margin:  20px 0 0 0;
	float: right;
	width: 635px;
	background-color: white;
	border: solid 0px black;
	margin:20px 10px 0pt 0pt;
}
#RightColumnContentFullPad
{
	margin:  20px 0px 0 0;
	float: left;
	width: 627px;
	background-color: white;
}

.dbtext{
	align: right;
}
/* Columns used to build the practice area overview page with multiple columns within the right content area */
#MiddleLeftColumn
{
	margin: 10px 0 10px 0;
	float: left;
	width: 400px;
}
#RightFloatLeftColumn
{
	margin: 0 25px 0 0;
	float: right;
	width: 200px;
}
#RightFloatLeftColumnPad
{
	margin: 0 9px 0 10px;
	float: right;
	width: 200px;
}
#MiddleBottomContainer
{
	margin: 0 0 0 0;
	float: right;
	width: 645px;
	padding-top: 10px;
}
#MiddleBottomContainerLeft
{
	margin: 0 0 0 0;
	float: left;
	width: 300px;
	padding: 10px 0;
}
#MiddleBottomContainerRight
{
	margin: 0 0 0 0;
	float: right;
	width: 300px;
	padding: 10px 0;
}
#DiversePix {margin: 0 0 0 0; float: right; width: 202px; height: 300px!important; padding: 10px 0 10px 10px;}
#DiversePix p {width: 202px; padding: 255px 0px 0 5px;}

/* Used on index page as a header title */
#BlueHeaderBar
{
	background-color: #284770;
	border-top: 2px solid #7e8faf;
	border-right: 1px solid #7e8faf;
	border-bottom: 1px solid #7e8faf;
	color: white;
	padding: 10px 0;
	padding-left: 10px;
	font-size: 14px;
	font-style: italic;
}
/* Creates Horizontal Bar */
.hBar
{
	height: 5px;
	width: 95%!important;
	background-color: #5a5f2f;
	margin-left: auto;
	margin-right: auto;
	line-height:1px; /* these divs are empty, necessary for IE6 */
}
/* Focus Box Configuration */
.focus
{
	height: 220px;
	width: 230px;
	background-color: #a7a9ac;
	border: 1px solid #a7a9ac;
	float:right;
}
/* Navigation bar inside of header */
#HeaderNav
{
	font-size: 15px;
	white-space: nowrap;
	background-color: white;
	float: left;
	color: White;
	width: 100%;
	border-style: solid;
	border-color: #0066CC;
	border-width: 0;
}
#HeaderNav ul
{
	padding: 0;
	margin: 0;
	float: left;
}
#HeaderNav ul li
{
	display: inline;
}
#HeaderNav ul li a
{
	background-color: white;
	padding-left: 1.1em;
	padding-right: 1.1em;
	text-decoration: none;
	float: left;
	border-right-color: #5a5f2f;
	border-right-style: solid;
	border-right-width: 3px;
	color: #000000;
}
#HeaderNav ul li a:hover
{
	background-color: #eeeed6;
	color: #000066;
}
#HeaderNav ul li a:visited
{
	text-decoration: none;
	color: black;
}

/* nav used in left content area */
#navLcontainer
{
}
#navLcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#navLcontainer a
{
	display: block;
	padding: 3px;
	width: 100px;
	border-bottom: 3px solid #8b8d09;
	color: #000000;
}
#navLcontainer a:link, #navlist a:visited
{
	text-decoration: none;
}
#navLcontainer a:hover
{
	background-color: #eeeed6;
	color: #000000;
}
/* footer and footer links */
#footerBG, #footerBG2 {width:840px;margin:0 auto;background:url(images/bg_bottom.gif) no-repeat center -23px;padding-bottom:30px;}
#footerBG2 {background-position: center -59px;}
#footer
{
	width: 796px;
	margin: 0 auto;
	background:#fff;
	border-style: solid;
	border-width: 0 2px 2px 2px;
}
/* footer text */
#FooterText
{
	text-align: left;
	margin: 20px 20px 0 20px;
}
/* Under footer (border) */
#UnderFooter
{
	text-align: left;
	width: 760px;
	margin: 0 auto;
}
a #UnderFooter 
{
	
}
#UnderFooter a:link, #UnderFooter a:visited
{
	text-decoration:none;color:black;
}
#UnderFooter a:hover
{
	background-color: #b1b67c;	
	font-weight:bolder;
}
.footerlinks {  }
.footerLinks a
{
	text-decoration:none;
	color:black;
}
.footerLinks a:link, .footerLinks a:visited
{
	color: #000000;
	text-decoration: none;
}
.footerLinks a:hover
{
	background-color: #eeeed6;
	color: #000000;
}
#MPPhoto {
	z-index: 0;
	width: 210px;
	float: left;
}
#MPPhoto img {
	height: 210px; 
}
#MPBlurb {
	padding: 20px 0px 0px 0px;
	z-index: 100;
	float: left;
	width: 535px;
	color: #284770 !important;
	position: relative;
	top: 5px;
	left: 0px;
	
	font-family: Georgia,Times,Times,Serif;
	font-size: 12px;
	line-height: 18px;
}

/* image listings */
div.homeImage {
	margin-bottom: 30px;
}
div.homeImage h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin: 2px 0px;
	padding: 0px;
}
div.homeImage h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
div.homeImage img.feature {
	border: 0px;
	width: 230px;
}

#DIVbioDisclaimer {
	margin-top: 30px;
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
    
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
    }
    
    
    /* for overview pages, right column, dropshadow */
    #shadowWrapper {
		float:left;
		background:#fff url(images/dropshadow.png) no-repeat bottom right !important;
		background:#fff url(images/dropshadow.gif) no-repeat bottom right;
		margin:10px 0 0 10px !important;
		margin:10px 0 0 5px;
		width:200px;
		}
    #shadowWrapper img {
		display: block;
		position: relative;
		background-color: #fff;
		border: 1px solid #a9a9a9;
		margin: -10px 10px 10px -10px;
  }

#awardLinks { text-align: center; }
#awardLinks img { margin: 0px 5px; border: 0; }
#awardLinks a, #awardLinks a:hover { background: none; }

    
/* The End. */

/* keeps everything in media='screen' version, turns off header and footer, for direct Print Preview */
#HeaderContainer {border:0;height:100px;}
#HeaderNav, #HeaderSearch, #footerBG2,  #UnderFooter {display:none;}