/*----------------------------------------------
Woods Stylesheet
Media Type: Screen
URL: http://centerforhipandknee.com
Author: BitWise Solutions Inc. - Bryan Kohlmeier
Last Updated: April 13, 2006

Browser tested:
PC - IE 5.5, IE 6.0, Firefox 1.5, Netscape 8.0, Opera 8.51
Mac - IE 5.2, Firefox 1.05, Camino, Safari 1.03, Opera 8.51
----------------------------------------------*/


/* =universal - Set everything to square 1
----------------------------------------------*/
/** {margin: 0px; padding: 0px;}*/  /*disabled star selector for now */
html, body, form, fieldset, p {margin: 0; padding: 0;} /*using this instead as to not override form controls */

body {text-align: center; background: #003A6F url(../images/bg.jpg) repeat-x; font-size: medium; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
div#container {background: #fff;margin-right: auto; margin-left: auto; width: 746px;text-align: left; border-right: solid 1px #8299AB; border-bottom: solid 1px #8299AB; border-left: solid 1px #8299AB;}

a {outline: none;} /*Removes dotted links in FF 1.5 when using negative text indent */

.print {display: none;}



/* =heading  - Top of website
----------------------------------------------*/
div#header {width: 746px; height: 224px; background: url(../images/logo.jpg) no-repeat;}
div#header-int {width: 746px; height: 144px; background: url(../images/logo-int.jpg) no-repeat;}


/* =headers  - The header tags
----------------------------------------------*/
div#header h1 {margin: 0px; padding: 0px; text-indent: -9000px; font-size: 130%;}
div#header h1 a {display: block; width: 300px; height: 150px; text-decoration: none; padding-left: 30px; padding-top: 40px;}

div#intcontent h2 {font-size: 100%; font-family:Helvetica, sans-serif; color: #646464; border-bottom: solid 1px #00529C; margin: 10px 0px 0px 0px;}
div#intcontent h3 {font-size: 130%; color: #00529C; font-family:Helvetica, sans-serif; margin: 10px 0px 10px 0px;}
div.loc-mid h3 { margin: 0px !important; padding-left: 15px;}



/* =mainnav  - Top Navigation
----------------------------------------------*/
div#nav {width: 746px; height: 35px;} /* this is temporary */
div#nav-int { width: 746px; height: 35px;} /* this is temporary */

div#se-nav {display: none;}







/* =sidenav  - Side Navigation
----------------------------------------------*/
ul#locations {margin: 0px; padding: 0px;}
ul#locations li {list-style: none; text-indent: -9000px; width: 205px; height: 33px;padding-top: 1px; padding-bottom: 1px;}
ul#locations li a {text-decoration: none;width: 205px; height: 33px; display: block; background-position: top left; background-repeat: no-repeat;}

li#hipknee-loc a {background: url(../images/loc-hip-knee.gif);}
li#stvin-loc a {background: url(../images/loc-vincents.gif);}
li#jrsi-loc a {background: url(../images/loc-jrsi.gif);}
ul#locations li a:hover {background-position: left bottom;} /*Show the hovered image upon rollover */

div#subnav {float: left; width: 215px; background: url(../images/subnav-top.jpg) no-repeat; padding-top: 40px;}


/* Sub navigation styles */



/* =links  - Link styles
----------------------------------------------*/
dl {padding-left: 10px; width: 150px; margin:0px;}
dd, ul {margin-left: 0px; padding-left: 0px;}
dd {padding-top: 1px; padding-bottom: 1px;}

dt {color: #6984BC; background: url(../images/dt.jpg) repeat-x; padding: 3px 5px 3px 0px; font-weight: bold; margin-top: 25px;}
dl a:link, dl a:visited {color: #6984BC; text-decoration: none;}
dl a:hover {color: #36528B; text-decoration: underline;}

div.content-wrap a:link, div.content-wrap a:visited {color: #1762A5;}
div.content-wrap a:hover {color: #0181F4;}




/* =misc  - Misc styles
----------------------------------------------*/
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.small {font-size: 90%;}


/* =content  - Main Content styles
----------------------------------------------*/
div#content {background: url(../images/home-bg.jpg) no-repeat 0px 36px; padding-top: 30px; font-size: 80%; color: #707070; width: 746px;}

div#intcontent {float: left; width: 429px;}

div#homelocations {float: left; width: 317px;}
div.content-wrap {padding: 20px; line-height: 19px;}
div.content-wrap p {margin-top: 10px; margin-bottom: 10px;}


div.loc-top {background: url(../images/orangebx-top.jpg) no-repeat; height: 8px; overflow: hidden;}
div.loc-mid {background: url(../images/orangebx-mid.jpg) repeat-y; font-size: 85%; padding-bottom: 40px;}

div.tabwrap {width: 296px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px;}
div.tab-top {background: url(../images/hometabs-top.jpg) no-repeat; height: 7px; overflow: hidden;}
div.tab-mid {padding: 2px 10px 2px 10px; background: url(../images/hometabs-mid.jpg) repeat-y; line-height: 13px;}
div.tab-bottom {background: url(../images/hometabs-bottom.jpg) no-repeat; height: 13px; overflow: hidden;}

div.tabwrap a:link, div.tabwrap a:visited {color: #1762A5;}
div.tabwrap a:hover {color: #0181F4;}




/* =footer  - Footer Styles
----------------------------------------------*/
div#footer {color: #949494; font-size: 85%; padding: 4px 5px 2px 5px; margin-top: 15px; background: #fff url(../images/footerbg.jpg) no-repeat; height: 21px;}
div#footer a:link, div#footer a:visited {color: #949494;}
div#footer a:hover {color: #666666;}


div.message
{
	color: #C00;
	font-size: 90%;
	border: 1px solid #C00;
	background-color: #FFF;
	padding: 5px;
	margin: 5px;
}