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

p, h1, h2, h3, h4, h5, h6, table, td, tr, body, a, img, ul, li, div{
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: small;
}

div#wrapper {
	width: 980px;
	margin: 10px auto;
	background: url(images/leftnav_BG.gif) left top repeat-y;
}

div#logo {
	background-image: url(images/logo_header_notext.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 980px;
	height: 76px;
	position: relative;
}

div#SLI {
	position: absolute;
	top: 30px;
	left: 85px;
}

h1.name {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 140%;
	font-weight: 100;
	color: #333;
}

div#navbar {
	width: 980px;
	height: 36px;
	background-image: url(images/nav_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative; /* to fix slide show */
	z-index: 4000; /* to fix slide show */
	
}

div#topnav {
	width: 576px;
	height: 33px;
	/*margin-left: 202px; commented out to fix drop down. next 3 added */
	position: absolute;
	left: 202px;
	z-index: 3000;
	background: url(images/top_navbg.gif) no-repeat top left;
	border-left: thin #333 solid;
	
}

/* DROP DOWN STYLING __________________________________________ */

div#topnav, div#topnav ul{
	list-style: none;
}

#navwrapper li {
	float: left;
	width: 115px;
}

#navwrapper a {
	display: block;
	padding: 10px 10px 11px 10px;
	border-right: thin solid #333;
	font-size: 80%;
	font-weight: 500;
	text-align: center;
	color: #333;
}

#navwrapper li ul, #p7menubar ul li  {
	width: 115px;
}

#navwrapper ul li a  {
	color: #333;
	border-right: 0;
	padding: 5px 5px 5px 5px;
}

#navwrapper li ul {
	position: absolute;
	/*z-index: 2000; to fix drop down in slide show */
	display: none;
	background-color: #666;
}

#navwrapper li:hover a, #navwrapper a:focus,
#p7menubar a:active, #navwrapper li.p7hvr a {
	color: #FFF;
	background-color: #333;
}

/* TRIGGER ATTEMPT ______________________ */

#navwrapper a.trigger {
	color: #FFF;
	background-color: #666;
}


/* END TRIGGER ATTEMPT __________________ */

#navwrapper li:hover ul, #navwrapper li.p7hvr ul {
	display: block;
}

#navwrapper li:hover ul a, #navwrapper li.p7hvr ul a {
	color: #FFF;
	background-color: transparent; 
}

#navwrapper ul a:hover {
	background-color: #EAE8E3!important;
	color: #333!important;
}

/* END DROP DOWN STYLING ______________________________________ */

/*JS TRIGGER ___________________________________________________ */

#navwrapper a.trigger {
	color: #FFF;
	background-color: #666;
}


/* END JS TRIGGER _________________________________________________ */

div#content {
	clear: left;
	width: 980px;
	position: relative;
}

div#leftnav {
	width: 202px;
	float: left;
}

div#main {
	float: right;
	width: 778px;
	position: relative; /* added for message div */
}

div#footer {
	width: 980px;
	height: 21px;
	background-image: url(images/footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
}

/* LEFT NAV AREA ___________________________________________ */

div#graytop {
	margin-top: 34px;
}

.centergray {
	background-color: #333;
	width: 186px;
}

.centergray h3 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 130%;
	color: #FFF;
	font-weight: 100;
	padding: 0 10px 5px 5px;
}

.centergray ul {
	list-style: none;
	padding-left: 10px;
	width: 176px; /* test style for IE */
}

.centergray ul li a{
	font-size: 80%;
	color: #FFF;
	height: 20px;
	width: 176px;
	display: block;
	border-bottom: #C2B9A5 thin solid;
	padding-top: 4px;
}

.centergray ul li a:hover, #centergray ul li a:active {
	color: #C28D89;
}

.centergray_low {
	background: url(images/livinginjuryBG.gif) no-repeat top left;
	margin-top: 34px;
}

.centergray_low ul {
	list-style: none;
	padding-left: 10px;
	width: 176px; /* test style for IE */
}

.centergray_low ul li a{
	font-size: 80%;
	color: #FFF;
	height: 20px;
	width: 176px;
	display: block;
	padding-top: 6px;
	padding-bottom: 5px;
}

.centergray_low ul li a:hover, #centergray ul li a:active {
	color: #C28D89;
}

div.video_side {
	margin-top: 14px;
}

div.video_side p {
	margin-left: 10px;
	font-size: 80%;
}

div.difference {
	margin-top: 14px;
	margin-bottom: 14px;
}

/* END LEFT NAV AREA ________________________________________ */

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

/* MESSAGE STYLING __________________________________________ */

div#message {
	position:absolute;
	top: 50px;
	left: 20px;
	z-index: 2000;
	width: 164px;
}

.messagename {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size: 170%;
	font-weight: 200;
	color: #FFF;
	font-style: italic;
	line-height: 140%;
}

.intromessage {
	font-weight: 100;
	color: #FFF;
	line-height: 140%;
}

.credo {
	font-family:Georgia, Times New Roman, Times, serif;
	padding-top: 40px;
	font-size: 140%;
	font-weight: normal;
	color: #FFF;
	/*font-style: italic;*/
	line-height: 140%;
}