@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-size: 11px;
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	background: #CC6600 url(../images/bg.gif) repeat;
}

a:link {
	color: #2f878f;
	text-decoration: underline;
}
a:visited {
	color: #2f878f;
	text-decoration: underline;
}
a:hover {
	color: #2f878f;
	text-decoration: none;
}
a:active {
	color: #2f878f;
	text-decoration: underline;
}

.fontblue {
	color: #2f878f;
}

#wrapper1 {
	width: 969px;
	margin: 0 auto;
	background: url(../images/bg-shadow.png) repeat-y center;
	behavior: url(iepngfix.htc);
}

#wrapper {
	margin: 0 auto;
	width: 945px;
	background: #753f00;
}

.footer {
	margin: 0 auto;
	width: 969px;
}

#content {
	background: #FFFFFF;
}

.header {
	margin: 6px 0 15px 0;
	height: 29px;
	background: url(../images/header-BG.gif) top repeat-x;
}

.headersmall24pxheight {
	margin: 6px 0 15px 0;
	height: 24px;
	background: url(../images/header-BG.gif) top repeat-x;
}


.headerwithoutbottommargin {
	margin: 6px 0 0 0;
	height: 29px;
	background: url(../images/header-BG.gif) top repeat-x;
}


.headerrightaligned {
	margin: 6px 0 15px 0;
	height: 29px;
	background: url(../images/header-BG.gif) top repeat-x;
	text-align: right;
}

.headerrightalignedwithoutbottommargin {
	margin: 6px 0 0 0;
	height: 29px;
	background: url(../images/header-BG.gif) top repeat-x;
	text-align: right;
}


.content_bracket {
	margin: 0 15px 15px 15px;
	line-height: 18px;
}

.content_bracketspecific {
	margin: 0px 14px 15px 15px;
	padding: 15px 0 0 0;
	line-height: 18px;
}

.content_bracketspecifictable {
	margin: 15px 14px 15px 15px;
	line-height: 18px;
}

.content_bracketspecificmorerightspace {
	margin: 0px 41px 15px 15px;
	padding: 15px 0 0 0;
	line-height: 18px;
}

.contentbracketattorneyleftbelow {
	padding: 0 14px 15px 25px;
	line-height: 18px;
}

.content_bracketwithborder {
	border-right: #082b32 1px solid;
}

.content_bracketwithborderleft {
	border-left: #082b32 1px solid;
}

.content_bracketrightcontent {
	margin: 0 27px 15px 27px;
	padding: 15px 0 0 0;
	line-height: 18px;
}

.content_bracketrightcontent20pxmargin {
	margin: 0 20px 20px 20px;
	padding: 15px 0 0 0;
	line-height: 18px;
}



.footercolumnfont {
	font-size: 10px;
	line-height: 18px;
	color: #FFFFFF;
}

a.footercolumnfont:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.footercolumnfont:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.footercolumnfont:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.footercolumnfont:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.imagealignedleft {
	margin: 0 10px 0 0;
}

.fontsize9 {
	font-size: 9px;
}

.fontsize11 {
	font-size: 11px;
	line-height: 17px;
}

ul, li {
	padding: 0;
	margin: 0;
}

.fontsize14blue {
	font-size: 14px;
	color: #2f878f;
}


/* Menu nav for CMS */

/* - don't forget to disable the "Show text" option in the menu plugin of the CMS */

/* STEP 1: Create a DIV  with the width and height of the menu + a background color */
#menu_header { height:28px; width: 945px; /* background-color: #EBDBBA */; margin: 0 0 3px 0; }

/* STEP 2: Reset the UL, LI and link included in the #menu_header (#menu_header can be renamed in the menu plugin */
#menu_header ul, #menu_header li { margin: 0; padding: 0; list-style:none; display: inline; } 
#menu_header a, #menu_header a:link { text-decoration: none; }

/* STEP 3: Create a style per link. The link name is the "URL Name" of the page that can also be changed in the CMS 
   - The way to do it is to create a big image with the main menu + underneath the ON state (check the /images/menu/menu.jpg image
   - You need to know the dimension of all the menu items.
   - The hover state will move the background position of the image to match the ON state
*/

/* #beginning a, #beginning_active a { height:28px; width:55px; background-image: url(../images/menu.gif); display:block;  float: left; }
#beginning a { background-position: 0 0; }
#beginning a:hover, #beginning_active a { background-position: 0px 28px; } */

#beginning { display:block; float: left;}

#home a, #home_active a { height:28px; width:76px; background-image: url(../images/menu.gif); display:block;  float: left; }
#home a { background-position: -55px 0; } /* This line can be ignored  */
#home a:hover, #home_active a { background-position: -55px 28px; }

/* - The CMS add an _active string to the id of the active menu.  This can be customized in the navigation plugin (default is _active)
	 example: #home is the normal state, #home_active is the ON state.  What I do is set the hover state and the ON style to the same image */

#about-us a, #about-us_active a { height:28px; width:107px; background-image:url(../images/menu.gif); display:block;  float: left;}
#about-us a { background-position: -131px 0; } /* This is calculated with all the previous menu item width. Here there is only one which is 77px. Enter the negative value.  */
#about-us a:hover, #about-us_active a { background-position: -131px 28px; }

#attorneys a, #attorneys_active a { height:28px; width:106px; background-image:url(../images/menu.gif); display:block;  float: left;}
#attorneys a { background-position: -238px 0; }  /* This is calculated with all the previous menu item width. Here: 77 + 84 = 161px. Enter the negative value. */
#attorneys a:hover, #attorneys_active a { background-position: -238px 28px; }





#practice-areas a, #practice-areas_active a { height:28px; width:134px; background-image:url(../images/menu.gif); display:block;  float: left;}
#practice-areas a { background-position: -344px 0; }
#practice-areas a:hover, #practice-areas_active a { background-position: -344px 28px; }

#news-and-resources a, #news-and-resources_active a { height:28px; width:153px; background-image:url(../images/menu.gif); display:block;  float: left;}
#news-and-resources a { background-position: -478px 0; }
#news-and-resources a:hover, #news-and-resources_active a { background-position: -478px 28px; }

#map-and-directions a, #map-and-directions_active a { height:28px; width:147px; background-image:url(../images/menu.gif); display:block;  float: left;}
#map-and-directions a { background-position: -631px 0; }
#map-and-directions a:hover, #map-and-directions_active a { background-position: -631px 28px; }

#contact-us a, #contact-us_active a { height:28px; width:110px; background-image:url(../images/menu.gif); display:block;  float: left;}
#contact-us a { background-position: -778px 0; }
#contact-us a:hover, #contact-us_active a { background-position: -778px 28px; }

#ending {display: block; float: left;}



.fontbrown {
	color: #753f00;
}

.borderbrownleft {
	border-left: #9a6c38 1px solid;
}


img { behavior: url(iepngfix.htc) }