/* PRINT CSS
	 Style sheet for when page are printed
	 You may want to consider, setting display to none for navigational elements, and adjusting content areas for sheets of paper.
	 This syle sheet is a copy of the other, but would need to be customized.
*/


body {
	padding:0px;
	margin:0px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans Serif;
	background:#4f8ac4;
	behavior: url("includes/inc.csshover.htc");
	text-align: center; 
}

#wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

p, ol, ul, li, td, tr {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans Serif;
	font-size:12px;
}

h1 {
	font-size: 16px;
}

a, a:link, a:active, a:visited {
	color:#003366;
	text-decoration:none;
}

a:hover {
	color:#336699;
	text-decoration:underline;
}

#top {
	position: relative;
}

#photo {
	position: relative;
}

#mainnav {
	position: relative;
}

#content {
	background:  #FFF;
	padding: 10px;
}

#footer {
	background:  #003366;
	height: 30px;
	position: relative;
}

#footer a {
	color: #FFF;
	font-size:  11px;
	padding: 0 0 0 10;
}

#submenu, #practices, #offices, #attorneys, #feed {
	float: right;
	background-color: #efefef;
	margin: 0px;
	padding: 5px 0px 5px 4px;
	border: solid 1px #CCC;
	width: 200px;
}

#submenu ul, #submenu li, #submenu p, #feed a,
#practices ul, #practices li, #practices p,
#offices ul, #offices li, #offices p,
#attorneys ul, #attorneys li, #attorneys p {
	margin: 0px;
	padding: 5px 0px 5px 4px;
	list-style: square inside;
	font-size: 11px;
}

#news{

}

#attorney {
	padding: 10px;
}

#attorney-body{
}

#attorney-offices{
	float: right;
	background-color: #efefef;
	margin: 0 10 10 10;
	padding: 10 10 0 10;
	border: solid 1px #CCC;
	width: 200px;
}

#attorney-practices{
	float: right;
	background-color: #efefef;
	margin: 0 10 10 10;
	padding: 10 10 0 10;
	border: solid 1px #CCC;
	width: 200px;
	clear: right;
}
.formselect{
	width: 150px;
	font-size: 10px;
}

.formbutton{
   color:#fff;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:10px;
   font-weight:bold;
   background-color:#003366;
}

#search{
	padding: 10px;
}

#options{
	padding-top: 20px;
	font-size: 10px;
}

.formwidth{
	width:200px;
}

/* @group RSS Scroller */


/* THIS IS THE NEWS SCROLLER
---------------------------------------------------------*/

#rssscroller{
width: 450px;
height: 50px;
border: 1px dashed black;
padding: 5px;
background-color: lightyellow;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

/* @end */

/* @group Menu */


/* THIS IS THE MENU 
---------------------------------------------------------*/


/* Overall Box Properties */
#menu {
	width: 760px;
	float: left;
	background:  #003366;
	text-align: left;
}

/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {
	display: block;
	list-style: none;
	margin: 0;
	float: left;
	padding: 0;
}

/* Position of menu elements */
#menu ul li {
	position: relative;
	color: #fff;
	display: inline;
	padding: 0;
	float: left;
}

/* Edit look of 1st level menu items */
#menu ul li a {
	display: block;
	float: left;
	color: #fff;
	padding: 7px 10px 9px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

/* Added specifically for Internet Explorer */
* html #menu ul li a {
	padding: 7px 10px 9px 10px;
	}

/* Sometimes Needed to Change Internet Explorer Hover */
#menu ul li a:hover {
	color: #fff;
}

/* Position of Drop Down Elements */
#menu ul li ul {
	position: absolute;
	display: none;
}

/* Hover of the Main Menu */
#menu ul li:hover {
	background: #336699;  
	position: relative;
	color: #fff;
}

/* Added specifically for Internet Explorer Hover */
#menu ul li:hover > a,
#menu li a:hover,
* html #menu li a:hover {
	color: #fff;
	padding: 8px 9px 8px 11px;
}

/* For Top Level Hover when on the second level (I think) */
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 211px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	border-right: none;
	border-bottom: 1px solid #000;
}

/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { 
	background: none; 
}

#menu ul li ul li,
#menu ul li.more ul li {
	width: 211px;
	background: #003366;
	padding: 0;
}

/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {
	background: none;
	padding: 3px 0px 3px 10px;
	width: 200px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	float: none;
}

#menu ul li ul li:hover { 
	background: #336699; 
}

#menu ul li ul li a:hover {
	color: #fff;
	background: none;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 4px 0px 2px 11px;
}

#menu ul li ul li:hover > a {
	color: #fff;
	background: none;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 4px 0px 2px 10px;
}

#menu ul li ul li ul,
#menu ul li:hover ul li ul { 
	display: none; 
}

#menu ul li ul li:hover ul,
#menu li.exp:hover ul,
#menu ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 100%;
	top: 0px;
	z-index: 300;
	border-right: none;
	width: 211px;
}

#menu ul li:hover ul li:hover ul li,
* html #menu ul li ul li a { 
	width: 211px; 
}

#menu ul li:hover ul li:hover ul li a {
}

/* THIS IS THE MENU */

/* @end */