/* 	
	CSS - RussellpLLC.com	

	Note: All usages of child selectors are to target browsers newer than IE6.
	IE6 fixes are in the normal style before them.
*/
html { margin: 0; padding: 0; }
body {
	background:#FFFFFF url(images/body_bg.png) repeat-x top left;
	margin:0;
	padding: 0;
	text-align:center;
	font-size:100%;
	line-height:1.125em;
	font-family:Lucida Grande, Verdana, Arial, sans serif;
	color: #595959;
	behavior:url("includes/inc.csshover.htc");
}

a { text-decoration: none; color: #31457a; border-bottom: 2px solid #cbd0de; }
a:hover { color: #0170b2; text-decoration:none;  }

table tr td { verticle-align: top; }
p, li, dt, dd, label, textarea { 
	font-family:Lucida Grande, Verdana, Arial, sans serif;
	font-size: 0.75em;
	line-height: 150%; 
}
p { 
	margin-top: 1.0em; 
	margin-bottom: 1.0em; 
}
ul, ol { margin-top: 4px;} 
ul li ul li, ul li ol li, ol li ol li, ol li ul li { font-size: inherit; } /* Nested Lists */
h1 {
	font-size: 0.95em;	
	margin: 11px 0 5px 0;
	line-height: 100%;
	font-weight: bold;
	color: #31457a;
}
h2 {
	padding-bottom: 2px;
	font-size: 0.775em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 0;
	padding-left: 0;
	color: #31457a;
}
h1.first, 
h2.first { margin-top: 0; }
p.first { margin-top: 0;}
p.last { margin-bottom: 1.6em; }
strong.accent { color: #00447b; }

.clr { height: 0px; line-height: 0px; clear: both; margin: 0; padding: 0;}
.num { font-family:Verdana, Arial, Helvetica, sans-serif; }
.right { text-align: right; }
.larger { font-size: 0.875em; }

/* PNG Fix - targetting specific images to avoid positioning limitation */
.transparent, 
.buttons .button-login, 
.buttons .button-customer, 
.button-payment { behavior: url(includes/inc.iepngfix.htc); } 


/* GENERAL WRAPPER USED WITHIN SECTIONS */
.wrapper  {
	width: 884px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}


/* HEADER (TOP LOGO) */
#header {
	height: 108px;
	position: relative;
	background: #384655 url(images/header_bg.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	line-height: 0;
	display: none;
}
#header img { margin: 0 auto 0 auto; padding: 0; border: 0;}
#header a { border: 0; }

/* MAIN NAVIGATION */
#navMain {
	position: relative; 
	font-size: 120%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #435e7f url(images/nav_bg.png) top left repeat-x;
	z-index: 125;
	display: none;
}

#navMain ul { 
	margin: 0 auto 0 auto; 
	padding: 0;
	list-style-type: none; 
	width: 37em;
	height: 40px;
}
#navMain ul li { 
	display: inline; 
	float: left;
	position: relative;
	padding: 6px 22px 8px 22px; 
	height: 17px;
	border-right: 1px solid #6881a1;
	border-left: 1px solid #183151;
}
#navMain ul > li { padding: 6px 22px 12px 22px; }
#navMain ul li.first { border-left: none; }
#navMain ul li.last { border-right: none; }
#navMain ul li a {
	color: #FFFFFF;
	display: inline-block;
	padding: 1px 0 0 0;
	border: 0;
	height: 26px;
}
#navMain ul li a:hover { color: #dedee2; border: 0; background: url(images/nav_underline.jpg) bottom left repeat-x;  }
#navMain ul li > a:hover { border-bottom: 4px solid #758daf; background-image: none; }

	/* drop down level 1 */
	#navMain ul li ul { 
		display: none; 
		position: absolute; 
		padding: 0;
		margin: 0;
	}
	#navMain ul li:hover ul {
		width: 150px;
		height: auto;
		margin: 0;
		padding: 0;
		padding-top: 0;
		left: 0;
		top: 100%;
		display: block;
		position: absolute;
		z-index: 200;
	} 
	#navMain ul li:hover > ul { padding-top: 4px; }
		#navMain ul li ul li { 
			background: #314d72;
			width: 150px;
			height: auto;
			margin: 0;
			padding: 0;
			line-height: 1.4em;
			border-top: 1px solid #284264;
			border-bottom: 1px solid #587293;
			border-right: none;
			border-left: none;
			text-align: left;
			font-size: 11px !important;
			z-index: 201;
		}
		#navMain ul li ul li.last { border-bottom: none;}
		
		/* drop down hover state and anchor */
		#navMain ul li ul li:hover { background: #314d72 url(images/nav_hover.jpg) top left repeat-x;}
		#navMain ul li ul li a { 
			background-image: none; 
			display: block; 
			width: 122px;
			padding: 5px 14px 5px 14px;
			color: #FFFFFF;
			border: 0;
			height: auto;
		}
		#navMain ul li ul li a:hover  { background-image: none; color: #FFFFFF; border: 0; }

#navMain ul li.wider:hover ul { width: 200px; }
#navMain ul li.wider ul li { width: 200px; }
#navMain ul li.wider ul li a { width: 172px;}

/* TOP PHOTO SECTION */
#photo { 
	height: 160px;
	background: #A8A8A8 url(images/photos/practice_bg.jpg) top left repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	display: none;
}
#photo img { border: 0; margin: 0 auto 0 auto; padding: 0; line-height: 0; display: block;}

div.photo-practice { background: #A8A8A8 url(images/photos/practice_bg.jpg) top left repeat-x !important; }
div.photo-home { background: #599eee url(images/photos/home_bg.jpg) top left repeat-x !important; }
div.photo-contact { background: #A8A8A8 url(images/photos/practice_bg.jpg) top left repeat-x !important; }



/* MAIN CONTENT AREA DIVS */
#container {
	background: #ffffff url(images/content_bg.jpg) repeat-x top left;
}
#wrapper {
	width: 900px;
	margin: 0 auto 0 auto;
}
#sidebar {
	width: 187px;
	float: left;
	padding: 0 16px 0 16px;
	margin-bottom: 35px;
	background: #ffffff url(images/sidebar_mid.jpg) top left repeat-y;
	position: relative;
	display: none;
}
#content {
	padding: 43px 24px 0px 14px;
	width: 100%;
	text-align: left;
}




/* SIDEBAR:   sidebar layout> #sidebar has side shadow, .top and .bottom have top and bottom shadows, and .inner has colored gradient  */
#sidebar h1 { font-size: 1.1em; }
#sidebar a { border: 0; display: block;}
#sidebar a:hover { border: none; }
#sidebar p { margin-bottom: 0; padding-bottom: 0; }

#sidebar div.bottom { background: url(images/sidebar_bottom.jpg) top left repeat-y; position:absolute; bottom:-1px; left:0; width:221px; height: 21px; }
#sidebar > div.bottom { bottom:0px; }
#sidebar div.top { background: url(images/sidebar_top.jpg) top left repeat-y; position: absolute; top: 0; left: 0; width: 221px; height: 35px; }
#sidebar div.inner { 
	background: #6f8fac url(images/sidebar_inner.jpg) top left repeat-x; 
	padding: 27px 0 8px 0;
	z-index: 50; 
	position: relative; 
	margin-bottom: 12px; 
	width: 189px; 
} 

#sidebar ul, #sidebar ol {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 6px 14px 10px 14px;
	border-bottom: 1px solid #D2D2D2;
}
#sidebar li {
	color: #ffffff;
	font-size: 0.75em;
	line-height: 1.2em;
	padding: 0;
	background: transparent url(images/dotted.gif) bottom left repeat-x;
}
#sidebar li:hover {
	background: #557693;
}
#sidebar li.first {
	padding: 0;
	height: 1px;
}
#sidebar li a { color: #ffffff; border: none; display: block; padding: 14px 5px 3px 5px; z-index: 60; }
#sidebar li > a { padding: 14px 5px 14px 5px; }

#sidebar .buttons {
	margin-top: 1px;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
#sidebar .buttons .button-customer {width:141px; height:24px; background: url(images/button_customer.png) no-repeat top left; margin: 0 auto 0 auto; cursor:pointer; }
#sidebar .buttons .button-customer:hover { background-position: bottom left; }
#sidebar .buttons .button-login {width:141px; height:24px; background: url(images/button_login.png) no-repeat top left; margin: 0 auto 0 auto; cursor:pointer;
 margin-top: 14px;}
#sidebar .buttons .button-login:hover { background-position: bottom left; }


#sidebar div.buttons .button-customer, 
#sidebar div.buttons .button-login {
	margin-bottom: 8px;
}

/* PAGE-SPECIFIC CSS */
#contact-address span { font-weight: bold; }
#contact-address {
	float: right; 
	width: 189px;
	color: #31457A;
}
.button-payment {display: block; width:141px; height:24px; background: url(images/button_payment.png) no-repeat top left; margin: 0 auto 0 auto; cursor:pointer; border: 0; }
a.button-payment:hover { background-position: bottom left; }


/* FOOTER */
#footer {
	clear: both;
	min-height:300px;
  	height:auto !important;  /* IE6 min-height hack */
  	height:300px;
	background: #2d3844;
	position: relative;
	padding: 0;
	line-height: 1.3em;
	font-size: 0.8em;
	margin: 0;
	color: #ffffff;
}
#footer a { color: #ffffff; text-decoration:none; border: 0; }
#footer a:hover { text-decoration:underline; }
#footer h2 { font-size: 1.0em; font-weight: normal; margin: 0; line-height: 1.2em; 	color: #ffffff; }
#footer h3 { font-size: 0.85em; font-weight: normal; margin: 0 0 19px 0; line-height: 1.2em; color: #ffffff; }
#footer p { line-height: 1.4em; }

#footer #footer-nav {
	border-top: 1px solid #3b454f; 
	border-bottom: 1px solid #3b454f; 
	background: #2d3844 url(images/footer_nav_bg.jpg) top left repeat-x;
	min-height:25px;
  	height:auto !important;  /* IE6 min-height hack */
  	height:25px;
	margin: 0;
	padding: 0;
	display: none;
}
#footer #footer-nav ul {
	margin: 0 auto 0 auto;
	padding: 0; 
	list-style-type: none;
	width: 59em;
} 
#footer #footer-nav ul li {
	float: left;
	padding: 5px 26px 0 26px;
	background: url(images/footer_nav_pipe.jpg) center right no-repeat;
	background-position: right 8px;
}
#footer #footer-nav ul li.last { background: none; }

#footer-bottom p.address {
	margin-bottom: 19px;
}

#footer #footer-bottom {
	margin: 0;
	border-top: 1px solid #ffffff;
	background: #2d3844 url(images/footer_bottom_bg.jpg) top left repeat-x;
	padding-top: 10px;
}
#footer #footer-bottom div {
	width: 770px;
	margin: 0 auto 0 auto;
}
#footer #footer-bottom a { color: #c9c9c9; }

span.smaller { font-size: 0.85em;}