@charset "utf-8";
@import "global.css";

body
{
	text-align:center;
	background:#fff url(../Images/BodyBG.jpg) repeat-x left top;
	margin:10px 2% 20px 2%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
}
#pageWrapper
{
	width:920px;
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#mainWrapper
{
	background:transparent url(../Images/MainBG_Body.gif) repeat-y left top;
}
#mainWrapper .headerWrapper
{
	background:transparent url(../Images/MainBG_Top.jpg) no-repeat left top;
}
#mainWrapper .footerWrapper
{
	background:transparent url(../Images/MainBG_Foot.jpg) no-repeat left bottom;
}
#mainWrapper .header
{
	padding:32px 12px 12px 12px;
	margin-bottom:40px;
}
#mainWrapper .headerWrapper h1
{
	background:transparent url(../Images/Logo.gif) no-repeat;
	height:70px;
	width:400px;
	padding:0;
	margin:0 0 0 20px;
	text-indent:-100em; 
	overflow:hidden;
}
#mainWrapper .headerWrapper h1 a
{
	display:block; 
	height:70px;
}
#mainWrapper .headerWrapper h2
{
	clear:both;
	background:transparent url(../Images/Banner.jpg) no-repeat;
	height:150px;
	width:896px;
	padding:0;
	margin:0;
	text-indent:-100em; 
	overflow:hidden;
}
#mainWrapper .headerWrapper h2 a
{
	display:block; 
	height:150px;
}
#hnav-top
{
	font-size:70%;
	float:right;
	width:460px;
	text-transform:uppercase;
	padding-bottom:15px;
}
.hnav ul li a
{
	border-left:solid 1px #4C545D;
}
.hnav ul li.first a
{
	border-left:none;
}
.hnav ul li.last a
{
	padding-right:3px;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active
{
	text-decoration: none;
	color: #4C545D;
}
.hnav ul li a:hover, .hnav ul li a:focus
{
	text-decoration: underline;
	color: #000;
}
.hnav ul li.current a:link, .hnav ul li.current a:visited, .hnav ul li.current a:active.hnav ul li.current a:hover, .hnav ul li.current a:focus
{
	text-decoration: none;
	color: #2D4F98;
}
#mainWrapper .content
{
	margin:0 12px 0 80px;
}
.bio
{
	background:url(../Images/Howard.jpg) no-repeat left bottom;
	padding:0 340px 20px 20px;
}
.bio p
{
	color:#3F464F;
}
#mainWrapper .contact
{
	margin:0 80px 0 100px;
}
.contactform
{
	background:#fff url(../Images/ContactBG_Main.jpg) no-repeat left bottom;
	padding:0 20px 20px 20px
}
.altContact
{
	background:#fff url(../Images/AltContactBG_Top.gif) no-repeat left top;
}
.altContactBottom
{
	background:transparent url(../Images/AltContactBG_Bottom.gif) no-repeat left Bottom;
	padding:20px 20px 15px 20px;
}
.altContactBottom h4
{
	padding-bottom:5px;
}
.cleft
{
	float:left;
	width:540px;
	background:#fff url(../Images/ContentLeftBG.jpg) no-repeat left bottom;
}
.cleft h3, .cleft p
{
	padding:0 15px 10px 15px;
}
.cleft h5
{
	padding:0 15px 5px 15px;
}
.cright
{
	float:right;
	width:220px;
}
.cright h4
{
	background:#EEEDED url(../Images/ContentRightBG_Top.gif) no-repeat left Top;
	padding:15px 15px 10px 20px;
	margin-bottom:3px;
}
.cright .body
{
	background:#fff url(../Images/ContentRightBG_Body.jpg) no-repeat left Top;
	padding:15px 15px 10px 20px;
}
.cright .body h5
{
	font-size:95%;
}
.cright .body p
{
	font-size:80%;
}
.cright .body img
{
	float:left;
	margin:10px 0 0 -20px;
}
#mainWrapper .footer
{
	padding:50px 90px 10px 90px;
}
#hnav-bottom
{
	float:left;
	width:600px;
	font-size:80%;
}
#consult
{
	float:right;
	text-align:right;
	width:120px;
	font-size:70%;
	color:#7A7E83;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:15px;
}
#copyright
{
	text-align:center;
	color:#BFBFBF;
	font-size:80%;
}
#copyright a
{
	color:#9F9F9F;
}