/* * * * * * * * * * * * * * * * * * * * * * 
 HTML STYLES (See also Form Styles)
* * * * * * * * * * * * * * * * * * * * * */
body {
	margin:0;
	padding:0;
	font:0.75em Arial, Helvetica, sans-serif;
	color:#666666;
	background:#B6A489;
}
a { outline:0; }
a:focus {
  -moz-outline:none;
}
table {
	border-spacing:0;
	border-collapse:collapse;
	border-width:0;
	font-size:1em;
}/* font-size must be reset here or all embedded tables will have increasingly smaller text */
table th,
table td {
	text-align:left;
}
a {
	color:#3C84B0;
}
img {
	border:0;
}
/* NOTE:Set heading properties in individual sections to avoid inheritance issues! */

/* * * * * * * * * * * * * * * * * * * * * * 
 FORM STYLES
* * * * * * * * * * * * * * * * * * * * * */
form { 
	margin:0;
}
input, select, textarea, textbox {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#666666;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 mainShadowBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */
div.mainShadowBox {
	width:960px;
	margin:0 auto;
	padding:0 10px;
    background: #B6A489 url(../fw/shadowBoxTile.jpg) repeat-y top center;
}/* Total width should add to 980px. See also homeStyles.css */

/* * * * * * * * * * * * * * * * * * * * * * 
 logoBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */
div.logoBox {
	height:109px;
	padding:10px 8px 10px 140px;
	background:#E5DFD4 url(../fw/logoOrthopaedicInstitute.jpg) no-repeat top;
}/* Total height should add to 129px. */
div.logoBox img.logoLink {
	width:580px;
	height:60px;
	float:left;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 navBox STYLES (See also homeStyles.css for homepage positioning attributes.)
* * * * * * * * * * * * * * * * * * * * * */
div.navBox {
	position:absolute;
	z-index:300;
	left:50%;
	top:78px;
	margin-left:-332px;
	width:804px;
	background:#8D7858 url(../fw/topNavTile.jpg) repeat-y;
}
div.navBoxTop {
	background:url(../fw/topNavTop.jpg) no-repeat top;
}
div.navBoxBtm {
	background:url(../fw/topNavBtm.jpg) no-repeat bottom;
	padding:0 5px 4px;
}


/* * * * * * * * * * * * * * * * * * * * * * 
 requestAppointmentBox STYLES (See also homeStyles.css for homepage positioning attributes.)
* * * * * * * * * * * * * * * * * * * * * */
div.requestAppointmentBox a.requestAppointmentBtn p {
    text-indent:-100000px;
    margin:20px 0 0;
    padding:0;
    line-height:1;
}
div.requestAppointmentBox a.requestAppointmentBtn img {
	width:175px;
	height:26px;
	background:url(../fw/btnRequestAppt.png) no-repeat top;
}
div.requestAppointmentBox a.requestAppointmentBtn:hover img {
	background-position:bottom;
}

/* * * * * * * * * * * * * * * * * * * * * * 
 footerBox STYLES 
* * * * * * * * * * * * * * * * * * * * * */
div.footerBox {
	width:1000px;
	margin:0 auto 20px;
	padding:40px 0 0;
	text-align:center;
	background:url(../fw/shadowBoxBtm.jpg) no-repeat 50% 0 ;
	color:#FFFFFF;
	font-size:95%;
}/* Total width should add to 980px. */
div.footerBox a {
	color:#FFFFFF;
}
div.footerBox a:hover {
}
.MainFooterContent {
    width:620px;
    margin:0 190px;
    display:block;
}
.MainFooterContent p {
    padding:0 0 10px;
    margin:0;
}
p.disclaimer 
{
    font-size:75%;
    }
/* * * * * * * * * * * * * * * * * * * * * * 
 MISC. STYLES 
* * * * * * * * * * * * * * * * * * * * * */
.borderAll { 
	border:1px solid #002D47;
} /* Used for misc borders */
div.clear {
	clear:both;
}/* Used to stop floating elements in parent div from breaking boundary of parent div */
.block {
	display:block;
}
.smallText {
	font-size:90%;
}
.MainLogin {
	margin:30px 0 0;
}
.MainLogin tr td table tr td {
    width:180px;
    vertical-align:top;
    height:30px;
}
.MainLogin tr td table tr td label {
    font-size:14px;
}