@charset "UTF-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, p, applet, object, iframe, h1, h2, h3, h4, h5 , h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	background-color: #FFF;
	background-image: url(../images/bkg_page.jpg);
	background-repeat: repeat-x;
	color: #000066;
	margin-top: 16px;
	margin-bottom: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#outerWrapper {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#innerWrapper {
	margin: 0px;
	padding: 0px 0px 8px;
	border-right: 3px solid #7f7f7f;
	border-left: 3px solid #7f7f7f;
	background-color: #FFF;
}
#footer {
	text-align: center;
	font-size: 11px;
	background-image: url(../images/wrapper_bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 24px;
	line-height: 120%;
}
#footer td {
	text-align: center;
	padding: 4px 4px 20px;
}
#footer td img {
	border: 1px solid #9BC4DF;
}
#header {
	text-align: center;
	background-image: url(../images/wrapper_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 3px;
	padding-top: 40px;
}
#content {
	clear: both;
	border-right: 3px solid #7F7F7F;
	border-left: 3px solid #7F7F7F;
	background-color: #FFF;
	padding-bottom: 1px;
}
#content h1 {
	background-image: url(../images/bkg_h1.jpg);
	background-repeat: no-repeat;
	height: 38px;
	padding-bottom: 0px;
	padding-top: 14px;
	padding-left: 200px;
	font-weight: normal;
	color: #000066;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}
#mainContent {
	margin-left: 200px;
	padding-right: 20px;
	padding-left: 0px;
	margin-top: -16px;
	padding-top: 16px;
	line-height: 160%;
	font-size: 13px;
	margin-bottom: 20px;
}
#mainContent h2 , #mainContent h2 a   {
	font-size: 18px;
	line-height: 120%;
	color: #000;
	margin-bottom: 8px;
	font-weight: normal;
	text-decoration: none;
	text-transform: capitalize;
}
#mainContent h3 {
	font-size: 14px;
	line-height: 120%;
	margin-top: 8px;
	margin-bottom: 4px;
	color: #333;
}
#mainContent p {
	margin-bottom: 16px;
}
#sidebar {
	float: left;
	width: 169px;
	padding: 0px 12px 0px 12px;
}
.clear_both {
	clear: both;
}
.float_right {
	float: right;
}
.img_right {
	margin-bottom: 16px;
	margin-left: 16px;
	float: right;
	border: none;
}
.no_border {
	border-style: none !important;
}
#mainContent blockquote     {
	color: #4A7092;
	background: url(../../Lytle%20Law%20Site%20(Dw)/images/icons/bkg_quote.gif) no-repeat 0px 0px;
	padding: 12px 4px 4px 32px;
	border: none 1px #e6cfce;
	background-image: url(../images/bkg_quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 16px;
	font-style: italic;
	line-height: 150%;
}
#mainContent .pullquote blockquote p {
	background-image: url(../images/bkg_quote_end.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#mainContent .pullquote {
	float: right;
	margin-bottom: 8px;
	margin-left: 16px;
	width: 300px;
}
#mainContent .pullquote img {
	border: 4px none #438DC4;
}
#mainContent .pullquote blockquote {
	margin: 8px;
}
.subnav {
	font-size: 12px;
	background-image: url(../images/subnav_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 169px;
	margin: 0;
	position: relative;
}
.subnav ul {
	background-image: url(../images/subnav_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	list-style-type: none;
	padding: 14px 0px;
	height: auto;
	margin: 0px;
	position: relative;
}
.subnav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}
/*

To make the links active for the full width of the DIV, I made them display: block;.
This works for everything but IE/Windows. If you give the block an explicit width of 
100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and 
Netscape/Mozilla. So I used the child selectorÒ>Ó to redefine the width to auto. 
Since IE/Windows doesnÕt understand child selectors, it ignores the rule. IE5/Mac, 
Opera and Netscape/Mozilla follow the rule, and everyone is happy.

*/
.subnav li a {
	color: #333;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 4px 4px 4px 20px;
	width: auto;
	display: block
}
html>body .subnav li a {
	width: auto;
}
.subnav li a:hover {
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	display: block;
	background-color: #cde2ef;
}
.subnav a:visited {
	color: #50516B;
	text-decoration: none;
	margin: 0px
}
#sidebar p {
	margin-bottom: 16px;
}
#banner {
	border-bottom: 8px solid #76C188;
	width: 914px;
}