/* CSS 

/* HTML TAGS
---------------------------------------------------------------------------*/

* {
	margin:						0;
	padding:					0;
}


body {
	background:					#FFFFFF;
	font: 						normal 11px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#333;
	text-align:					center; /* center content \*/
	margin:						0;
}

/* a { outline:					none; } */

a:link, a:visited, a:active {
	color: 						#00C1F3;
	text-decoration:			none;
}

a:hover {
	text-decoration:			underline;
}

table {
	font: 						normal 11px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#333;
}

td {
	vertical-align:				top;
}

hr {
	border:						0 none;
	margin-top:					5px;
	display:					block;
	width:						100%;
	height:						15px;
	border-top: 15px solid #DBF2FC;
}


h1 {
	font: 						normal 18px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color:						#1A1A1A;
	margin:						0;
}

h2 {
	font: 						normal 14px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color:						#1A1A1A;
	margin:						0 0 10px 0;
}

h3 {
	font: 						normal 18px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color:						#00C1F3;
	margin:						0 0 10px 0;
}

p {
	line-height:				140%;
	/* margin-top:					0; */
	margin-bottom:				1em;
}

p.notice {
	font: 						normal 13px/120% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
}

img {
	border:						0 none;
}

/*===================================================================
  EXTRAS
===================================================================*/


/* PRE */
pre { font-size: 1.2em; padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}


/* ATTENTION BOXES */
p.attention, p.notice, p.alert, p.download, p.approved, p.media, p.note, p.cart, p.camera, p.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
p.attention {color: #B79000;border:1px solid #E7BD72;background: #FFF3A3 url(../images/attention.png) 10px 50% no-repeat;}
p.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/notice.png) 10px 50% no-repeat;}
p.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/alert.png) 10px 50% no-repeat;}
p.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/download.png) 10px 50% no-repeat;}
p.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/approved.png) 10px 50% no-repeat;}
p.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/media.png) 10px 50% no-repeat;}
p.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/note.png) 10px 50% no-repeat;}
p.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/cart.png) 10px 50% no-repeat;}
p.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/camera.png) 10px 50% no-repeat;}
p.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/doc.png) 10px 50% no-repeat;}

.arrow {
	margin:						0;
	padding:					0;
	width:						90%;
}

li.arrow  {
	list-style:					none;
	width:						100%;
	padding:					0 0 0 15px;
	margin:						0 0 8px 0;
	background:					url('../img/bullet2.png') 0px 3px no-repeat;
}

#rightCol ul {
	margin:						0 0 0 1.1em;
}


#doctors {
	display:					block;
	width:						100%;
	min-height:					140px;
	border-top: 				15px solid #DBF2FC;
	padding-top:				15px;
	padding-bottom:				15px;
	clear:						both;
}

#staff {
	display:					block;
	width:						100%;
	border-top: 				15px solid #DBF2FC;
	padding-top:				15px;
	padding-bottom:				15px;
}

#doctors strong,
#staff strong{
	font-size:					1.3em;
	font-weight:				normal;
	color:						#1a99ce;
}

.doctors img{
	float:						left;
	clear:						left;
	margin:						0 20px 25px 0;
}


/* LAYOUT
---------------------------------------------------------------------------*/

#outer-wrap {
	position:					relative;
	margin:						0 auto;
	padding:					0;
	width:						948px;
	text-align:					left;
}

#header {
	position:					relative;
	display:					block;
	width:						100%;
	height:						105px;
	clear:						both;
}

#header h1 a {
	display:					block;
	width:						450px;
	height:						85px;
	background:					url('../img/southern-orthopaedic.png') no-repeat;
	text-align:					left;
	overflow:					hidden;
	text-indent:				-999em;
	margin:						10px 0 0 12px;
}

#header #notice {
	float:						right;
	display:					block;
	width:						225px;
	height:						20px;
	margin:						10px 20px 0 0;
}

img#banner {
	float:						left;
}

#content {
	position:					relative;
	text-align:					left;
	width:						948px;
	/* min-height:					260px; */
	clear:						both;
	background: 				url('../img/leftColBack.png') repeat-y;
	margin-top:					-1px;
}

/* for Internet Explorer */
* html #content{
	/* height: 					260px; */
}

.breadCrumb a,
.breadCrumb {
	font-size:					10px;
}

#homeContent {
	position:					relative;
	text-align:					left;
	width:						948px;
	clear:						both;
	margin-top:					-1px;
}


#rightCol {
	width:						744px;
	float:						right;
	background:					url('../img/contentShadow.png') 0px 0px repeat-x;
}

#leftCol {
	width:						204px;
	/* min-height:					360px; */
	float: 						left;
	background:					none;
}

/* for Internet Explorer */
* html #leftCol{
	/* height: 					360px; */
}

.sideBar {
	display:					block;
	width:						140px;
	height:						140px;
	background-image:			url('../img/tradeMark.png');
	background-repeat: 			no-repeat;
	background-position: 		0px 0px;
	clear:						both;
}

.inside {
	padding:					15px;
}

/* LAYOUT OF THE HOME PAGE ONLY
---------------------------------------------------------------------------*/

#homePageBanner2 {
	position:					relative;
	margin:						0;
	padding:					0;
	display:					block;
	width:						100%;
	height:						164px;
	float:						left;
	clear:						both;
	background:					url('../img/homePageBanner2.jpg') 0 0 no-repeat;
}

#rightContent {
	float:						right;
	display:					block;
	width:						515px;
	height:						150px;
	/* margin:						1px 20px 0 0; */
	padding-right:				20px;
	padding-top:				1px;
}

span.readMore a:link,
span.readMore a:visited,
span.readMore a:active {
	display:					block;
	width:						78px;
	height:						16px;
	text-indent:				-999em;
	overflow:					hidden;
	background:					url('../img/readMore.png') 0 0 no-repeat;
}

span.readMore a:hover {
	background:					url('../img/readMore.png') 0px -15px no-repeat;
}

#apptReq {
	padding-top: 				105px; 
	padding-left: 				15px;
	font-size: 					14px;
	font-weight: 				normal;
	font-weight:				400;
	float:						left;
}

#navlist, #navlist ul {
	margin:						10px 0 0 0;
	padding:					0;
	width:						512px;
}

#navlist li {
	display: 					inline;
	padding-left:				10px;
	background-image:			url('../img/arrowUpGray.png');
	background-position: 		0 4px;
	background-repeat: 			no-repeat;
	
}

#navlist a:link,
#navlist a:visited,
#navlist a:active{
	color:						#FFF;
}

#navlist a:hover {
	color:						#00c1f3;
	text-decoration:			none;
}

#mainContent {
	position:					relative;
	display:					block;
	width:						100%;
	height:						150px;
	overflow:					hidden;
	background:					#E5E5E5 url('../img/homePageContentBack.png') 0px 0px no-repeat;
	font-size:					10px;
}

#welcome {
	float:						left;
	width:						365px;
	padding:					15px 0 0 15px;
}

#contact {
	float:						left;
	width:						160px;
	padding:					15px 0 0 50px;
}

#locations {
	float:						left;
	width:						230px;
	padding:					15px 0 0 25px;
}

#welcome h3,
#contact h3,
#locations h3 {
	color:						#00c1f3;
	font-weight:				bold;
	font-size:					14px;
	line-height:				0.5em;
}

#footer {
	margin-top:					15px;
	border-top:					1px solid #E5E5E5;
	display:					block;
	width:						100%;
	height:						60px;
	font-size:					9px;
}

#Homefooter {
	clear:						both;
	width:						100%;
	height:						60px;
	font-size:					9px;
}

#footerNav, #footerNav ul {
	float:						right;
	width:						350px;
	text-align:					right;
	margin-top:					3px;
}

#footerNav li {
	display:					inline;
	padding:					0 8px;
	border-right:				1px solid #CCC;
	color:						#CCC;
	
}

#footerNav li a { 
	font-size:					10px;
}

.clr {
	display:					block;
	width:						100%;
	height:						1px;
	clear:						both;
}

/* NAVIGATION
---------------------------------------------------------------------------*/

#nav, #nav ul { /* all lists */
	padding: 					0;
	margin: 					0;
	list-style: 				none;
	font-family: 				Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	font-size:					12px;
	line-height: 				1;
	z-index:					100;
	float:						left;
}
#nav {
	margin-bottom:				1px;
}

#nav a {
	display: 					block;
	width: 						auto;
	text-decoration: 			none;
	text-indent:				-999em;
}

#nav li { 								/* all list items */
	float: 						left;
	display:					inline;
	width: 						auto; 				/* width needed or else Opera goes nuts */
	text-align:					left;
	overflow:					hidden;
}

#nav li:hover, #nav li.sfhover{ 		/* or IE7 goes nuts */
	position: 					static;
}

#nav li#nav1 a{
	display:					block;
	width:						146px;
	height:						26px;
	background:					url('../img/menu.png') 0px 0px no-repeat;
}

#nav li#nav2 a{
	display:					block;
	width:						200px;
	height:						26px;
	background:					url('../img/menu.png') -147px 0px no-repeat;
}

#nav li#nav3 a{
	display:					block;
	width:						174px;
	height:						26px;
	background:					url('../img/menu.png') -347px 0px no-repeat;
}

#nav li#nav4 a{
	display:					block;
	width:						129px;
	height:						26px;
	background:					url('../img/menu.png') -521px 0px no-repeat;
}

#nav li#nav1 a.current {
	background:					url('../img/menu.png') 0px -53px no-repeat;
}

#nav li#nav1 a:hover,
#nav li#nav1 a.sfhover {
	background:					url('../img/menu.png') 0px -27px no-repeat;
}



#nav li#nav2 a:hover,
#nav li#nav2 a.sfhover {
	background:					url('../img/menu.png') -147px -27px no-repeat;
}

#nav li#nav3 a:hover,
#nav li#nav3 a.sfhover {
	background:					url('../img/menu.png') -347px -27px no-repeat;
}

#nav li#nav4 a:hover,
#nav li#nav4 a.sfhover {
	background:					url('../img/menu.png') -521px -27px no-repeat;
}



/* NAVIGATION 2
---------------------------------------------------------------------------*/

#nav2{
	display:					block;
	width:						297px;
	height: 					26px;
	float:						right;
	background: 				#5e5a5a;
	margin-left: 				1px;
}

#nav2 li { 								/* all list items */
	float: 						left;
	display:					inline;
	width: 						auto; 				/* width needed or else Opera goes nuts */
	text-align:					left;
	overflow:					hidden;
}

#nav2 li:hover, #nav2 li.sfhover{ 		/* or IE7 goes nuts */
	position: 					static;
}

#nav2 li#nav5 a{
	display:					block;
	width:						155px;
	height:						26px;
	background:					url('../img/menu2.png') 0px 0px no-repeat;
}

#nav2 li#nav6 a{
	display:					block;
	width:						140px;
	height:						26px;
	background:					url('../img/menu2.png') -155px 0px no-repeat;
}

#nav2 li#nav5 a:hover,
#nav2 li#nav5 a.sfhover {
	background:					url('../img/menu2.png') -0px -26px no-repeat;
}

#nav2 li#nav6 a:hover,
#nav2 li#nav6 a.sfhover {
	background:					url('../img/menu2.png') -155px -26px no-repeat;
}

/* NAVIGATION 3
---------------------------------------------------------------------------*/


#leftcol ul {
	margin:						0;
	padding:					0;
	width:						162px;
}

#leftCol li{
	list-style:					none;
	width:						154px;
	border-bottom:				1px solid #FFF;
	padding:					0 20px 5px 15px;
	margin:						0 0 8px 0;
	background:					url('../img/bullet.png') 0px 3px no-repeat;
}

#leftCol li.current{
	background:					url('../img/bullet_2.png') 0px 3px no-repeat;
}

ul.arrow li a,
#leftCol li a {
	color:						#333;
}

ul.arrow {
	margin:						0;
	padding:					0;
	width:						90%;
}

ul.arrow li {
	list-style:					none;
	width:						100%;
	padding:					0 0 0 15px;
	margin:						0 0 8px 0;
	background:					url('../img/bullet2.png') 0px 3px no-repeat;
}




/* FORMS 
-------------------------------------------------------------------------------------*/

/* help separate form elements and fieldset elements */
fieldset {    
	float: 				left;
	clear: 				both;
		
	position: 			relative;
	width: 				100%;
		
	margin: 			0 0 -1em 0;  
	padding: 			0 0 1em 0;
		      
	border-style: 		none;   
}


legend {  
	margin-left: 		1em;
	margin-top:			0;
	padding: 			0;	
	
	font-weight: 		bold;
	color: 				#545351;  
}

legend span {  
	position: 			absolute;  
	left: 				0.74em;  
	top: 				0;  
	margin-top: 		1.25em;  
	font-size: 			135%;  
}

fieldset ol {  
	list-style: 		none; 
	padding: 			0 1em 0 1em;  
}


fieldset li {  
	float: 				left;  
	clear: 				left;  
	width: 				95%;  
	padding:			0 0 15px 0;
}

fieldset.submit {   
	float: 				none;  
	width: 				auto;  
	  
	padding-left: 		14em;
	padding-top: 		1.0em;
	
	border: 			0 none;
	border-style: 		none; 
	background-color: 	#FFFFFF;
}

/* Positioning labels at the top of their form elements */

label {  
	display: 			block;
	position: 			relative;
	float: 				left;  
	width: 				12em;  
	margin-right: 		1em;
}

label em {  
	position: 			absolute;  
	left: 				12em;  
	top: 				0;
}

label strong {
	position: 			absolute;
	left: 				27em;
	top: 				0.2em;
	width: 				18em;
	color: 				#C00;
	font-size: 			90%;
	font-weight: 		normal;
}

label strong img {  
	position: 			absolute;
	top:				0;
	left: 				-14em;
}

.error {
	vertical-align:		top;
	padding-left:		5px;
	color:				red;
}

/* Grouping Radio Buttons and Checkboxes */
/* subgroups */

fieldset fieldset {  
	margin-bottom: 		-2.5em;  
	border-style: 		none;  
	background-color: 	transparent;  
	background-image: 	none;
}

fieldset fieldset legend {  
	margin-left: 		0;  
	font-weight: 		normal;
	margin-top: 		0; 
}

fieldset fieldset ol {  
	position: 			relative;  
	top: 				-1.0em;  
	margin: 			0 0 0 11em;  
	padding: 			0;
}

fieldset fieldset ol li {
	top:			0.5em;
	/* line-height:	1.4em; */
	border:	1px solid red;
}

.checkbox {   
	float: 				left;  
} 


fieldset fieldset label {  
	float: 				none;  
	width: 				auto;  
	margin-right: 		auto;
}


input, select {
	width:						190px;
	font: 						normal 11px/100% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#333;
}

textarea {
	width:						190px;
	font: 						normal 11px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#333;
}