/* ================================================= global tag, tag/class and special definitions */
body {
	background-color: #9b9b88;
/*	background-color: #9b9b88;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
p.divider {
border-bottom:1px solid #999999;
clear:both;
height:1px;
overflow:hidden;
padding-bottom:0;
padding-left:50px;
padding-right:20px;
width:80%;
}
/*homebrew reset styles*/
body, h1, h2, h3, h4, h5, h6, div, ul, li, dl, dt, dd, images, button, form, blockquote, p {margin: 0px; padding: 0px;}

ul {list-style: none; list-style-image:none}

images, button {border-style: none; background-color: transparent; overflow: hidden; padding: 0px; margin:0px; vertical-align: top;}



p {margin: 7px 20px; text-align:left;}

h1 + p {margin-top: 0px;}


h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 23px;
	color: #669900;
	text-align: left;
	margin:20px;
	}
	
h2.float {
	width: 225px;
}

h3 {
	font-size: 12px;
	color: #666666;
	text-align: left;
	font-weight:bold;
	margin:20px;
}

h4 {
	padding-bottom: 7px; 
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	color: #333;
	text-align: left;
		margin:0 0 15px 20px;
}


/* ================================================= global class definitions */
.tCenter {text-align: center;}
.tRight {text-align: right;}
.hide {display: none !important;}
.show {display: block;}
.right {float: right;}
.left {float: left;}
.bodyimages {
	padding: 2px;
margin-top:  5px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #ADADAD;
}
.oltitle {
color:#669900;
}
/* ================================================= global id definitions, sorted in source code order */



#container {
	width: 750px;
	margin: auto;
	padding:0;
	position: relative;
	height: auto;
	top: 0px;
	background-image:url(../images/over_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 2;
	
}
#rCol {
    color: #666666;
    float: right;
    font-size: 13px;
    height: auto;
    left: 0;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 20px;
    min-height: 750px;
    padding: 0;
    position: relative;
    top: 0;
    width: 487px;
    z-index: 1;
}


ul#submenu{   clear: both;
    float: right;
    list-style: none outside none;
    margin: 50px 20px 0 ;
    padding: 0;
    width: 243px;
}
#submenu li{overflow:hidden; text-indent:-9999px; float:left; padding:0px; display:block;}
#submenu li a{background:url('../images/subnavigation.jpg') no-repeat; width:243px; height:100%; display:block; border-bottom:#9C0 1px solid;}

/* Physical Button */
#submenu li.physicalexam {height:19px;}
#submenu li.physicalexam a{background-position:0px 0px;}
#submenu li.physicalexam a:hover{background-position: -243px -0px;}
#submenu li.physicalexam a.selected{background-position: -486px -0px;}

/* Vaccinations Button */
#submenu li.vaccinations {height:19px;}
#submenu li.vaccinations a{background-position:0px -22px;}
#submenu li.vaccinations a:hover{background-position: -243px -22px;}
#submenu li.vaccinations a.selected{background-position: -486px -22px;}


/* Surgery Button */

#submenu li.surgery{ height:19px; border:0px;}
#submenu li.surgery a{background-position:-0px -44px;}
#submenu li.surgery a:hover{background-position: -243px -44px;}
#submenu li.surgery a.selected{background-position:-486px -44px;}

/* laser Button */

#submenu li.lasersurgery{ height:19px; border:0px;}
#submenu li.lasersurgery a{background-position:-0px -65px;}
#submenu li.lasersurgery a:hover{background-position:-243px -65px;}
#submenu li.lasersurgery a.selected{background-position: -486px -65px;}


/* Oral Surgery Button */

#submenu li.oral{ height:19px; border:0px;}
#submenu li.oral a{background-position:-0px -87px;}
#submenu li.oral a:hover{background-position: -243px -87px;}
#submenu li.oral a.selected{background-position: -486px -87px;}


/* Digital Imaging Button */

#submenu li.imaging{ height:19px; border:0px;}
#submenu li.imaging a{background-position:-0px -110px;}
#submenu li.imaging a:hover{background-position: -243px -110px;}
#submenu li.imaging a.selected{background-position: -486px -110px;}

/* Skin Button */

#submenu li.skin{ height:19px; border:0px;}
#submenu li.skin a{background-position:-0px -132px;}
#submenu li.skin a:hover{background-position: -243px -132px;}
#submenu li.skin a.selected{background-position: -486px -132px;}


/* Laboratory Button */

#submenu li.laboratory{ height:19px; border:0px;}
#submenu li.laboratory a{background-position:-0px -153px;}
#submenu li.laboratory a:hover{background-position: -243px -153px;}
#submenu li.laboratory a.selected{background-position: -486px -153px;}


/* nutrition Button */

#submenu li.nutrition{ height:19px; border:0px;}
#submenu li.nutrition a{background-position:-0px -175px;}
#submenu li.nutrition a:hover{background-position: -243px -175px;}
#submenu li.nutrition a.selected{background-position: -486px -175px;}

		
/* medications Button */

#submenu li.medications{ height:19px; border:0px;}
#submenu li.medications a{background-position:-0px -197px;}
#submenu li.medications a:hover{background-position: -243px -197px;}
#submenu li.medications a.selected{background-position: -486px -197px;}

/* eyecare Button */

#submenu li.eyecare{ height:19px; border:0px;}
#submenu li.eyecare a{background-position:-0px -219px;}
#submenu li.eyecare a:hover{background-position: -243px -219px;}
#submenu li.eyecare a.selected{background-position: -486px -219px;}
		

/* ear Button */

#submenu li.ear{ height:19px; border:0px;}
#submenu li.ear a{background-position:-0px -241px;}
#submenu li.ear a:hover{background-position: -243px -241px;}
#submenu li.ear a.selected{background-position: -486px -241px;}
		
/* allergy Button */

#submenu li.allergy{ height:19px; border:0px;}
#submenu li.allergy a{background-position:-0px -263px;}
#submenu li.allergy a:hover{background-position: -243px -263px;}
#submenu li.allergy a.selected{background-position: -486px -263px;}
		


/* senior Button */

#submenu li.senior{ height:19px; border:0px;}
#submenu li.senior a{background-position:-0px -286px;}
#submenu li.senior a:hover{background-position: -243px -286px;}
#submenu li.senior a.selected{background-position: -486px -286px;}


/* lasertherapy Button */

#submenu li.lasertherapy{ height:19px; border:0px;}
#submenu li.lasertherapy a{background-position:-0px -307px;}
#submenu li.lasertherapy a:hover{background-position: -243px -307px;}
#submenu li.lasertherapy a.selected{background-position: -486px -307px;}
				

/* microchip Button */

#submenu li.microchip{ height:19px; border:0px;}
#submenu li.microchip a{background-position:-0px -330px;}
#submenu li.microchip a:hover{background-position: -243px -330px;}
#submenu li.microchip a.selected{background-position: -486px -330px;}
				
/* goodbye Button */

#submenu li.goodbye{ height:19px; border:0px;}
#submenu li.goodbye a{background-position:-0px -351px;}
#submenu li.goodbye a:hover{background-position: -243px -351px;}
#submenu li.goodbye a.selected{background-position: -486px -351px;}
				


#rCol h1 {
	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	color: #669900;
	text-align: left;
	margin:0 0 15px 20px;
	font-weight: normal;
	border-bottom: 1px solid #ADADAD;
}


#rCol images {

	margin-left:0px;
}




#rCol a:link, #rCol a:visited {
	color: #666666;
	text-decoration: underline;
}
#rCol a:focus, #rCol a:hover, #rCol a:active {
	color: #5C7801;
	text-decoration: underline;
}


#photo {
	/*width:230px;
	height:321px;*/
	float:right;
	padding-bottom:25px;
	margin-right: 15px;
	padding-left:20px;
	margin-top: 0px;
	margin-left:20px;
}



#lCol {	
	float: left;
	height: 471px;
	width: 243px;
	padding: 0px;
	position: relative;
	z-index: 1;
	left: 0px;
	top: 0px;
	bottom:0px;
	
}




.logo{float:left;width:243px;height:185px;background: transparent url('../images/navigation.jpg') no-repeat 0px 0px; text-indent:-9990px;}

/*NAVIGATION*/

ul#menu{margin:0; padding:0; list-style:none; clear:both;}
#menu li{overflow:hidden; text-indent:-9999px; float:left; padding:0px; display:block;}
#menu li a{background:url('../images/navigation.jpg') no-repeat; width:243px; height:100%; display:block;}

/* Home Button */
#menu li.home {height:29px;}
#menu li.home a{background-position:0px -185px;}
#menu li.home a:hover{background-position: -243px -185px;}
#menu li.home a.selected{background-position: -486px -185px;}

/* Service Button */
#menu li.services {height:29px;}
#menu li.services a{background-position:0px -214px;}
#menu li.services a:hover{background-position: -243px -214px;}
#menu li.services a.selected{background-position: -486px -214px;}


/* Staff Button */

#menu li.staff{ height:27px; border:0px;}
#menu li.staff a{background-position:-0px -243px;}
#menu li.staff a:hover{background-position: -243px -243px;}
#menu li.staff a.selected{background-position:-486px -243px;}

/* History Button */

#menu li.history{ height:30px; border:0px;}
#menu li.history a{background-position:-0px -270px;}
#menu li.history a:hover{background-position:-243px -270px;}
#menu li.history a.selected{background-position: -486px -270px;}


/* Patients Button */

#menu li.patients{ height:27px; border:0px;}
#menu li.patients a{background-position:-0px -300px;}
#menu li.patients a:hover{background-position: -243px -300px;}
#menu li.patients a.selected{background-position: -486px -300px;}


/* Resources Button */

#menu li.resources{ height:27px; border:0px;}
#menu li.resources a{background-position:-0px -327px;}
#menu li.resources a:hover{background-position: -243px -327px;}
#menu li.resources a.selected{background-position: -486px -327px;}

/* News Button */

#menu li.news{ height:30px; border:0px;}
#menu li.news a{background-position:-0px -354px;}
#menu li.news a:hover{background-position: -243px -354px;}
#menu li.news a.selected{background-position: -486px -354px;}


/* Pharmacy Button */

#menu li.pharmacy{ height:30px; border:0px;}
#menu li.pharmacy a{background-position:-0px -412px;}
#menu li.pharmacy a:hover{background-position: -243px -412px;}
#menu li.pharmacy a.selected{background-position: -486px -412px;}


		
			
	
/*	margin-bottom: 205px;*/

#content {
margin-top:350px;
padding-right:20px;
 z-index: 100;
}
#text {
padding-right:20px;
margin-top:35px;
z-index:100;

}




#altContent a:link, #altContent a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#altContent a:focus, #altContent a:hover,  #altContent a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#lDogs {
	background-image: url(../images/lDogsBg_norpt.jpg);
	background-repeat: no-repeat;
	height: 358px;
	width: 300px;
	position: absolute;
	left: -20px;
	bottom: -153px;
	z-index: 0;
}

#lDogs2 {
	background-image: url(../images/lDogsBg_norpt_blk.jpg);
	background-repeat: no-repeat;
	height: 358px;
	width: 300px;
	position: absolute;
	left: -40px;
	bottom: -153px;
}

#caption {
font-size: 11px;
font-weight:bold;
line-height:14px;
margin-top:10px;
}


#footer {
	height: 200px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	background-color:#2b2b2b;
	background-image: url(../images/footerBg_xrpt.gif);
	background-repeat: repeat-x;
	z-index: 1;

}


#footerInt {
	height: 153px;
	width: 550px;
	position: absolute;
	left: 32%;
	top: 0px;
	margin-left: 185px;
	background: url(../images/footerIntBg_norpt.jpg) top right no-repeat;
	z-index: 10000;


}
#footerInt p {
	font-size: 11px;
	color: #585858;
	margin-top: 20px;
}
#footerInt a:link {
	color: #A6A6A6;
	text-decoration: underline;
}
#footerInt a:visited {
	color: #979797;
	text-decoration: underline;
}
/*Thanks Mike! http://www.mikeindustries.com/blog/archive/2004/06/radical-links*/
#footerInt a:visited:after {
	content: " \221A";
	content: "\00A0\221A";
	font-size: 75%;
}
#footerInt a:focus, #footerInt a:hover, #footerInt a:active {
	color: #5C7801;
	text-decoration: underline;
}
/* ================================================= area specific id definitions */
#hmBx {
	color: #dbeaa9;
	background-image: url(../images/hmBx.jpg);
	background-repeat: no-repeat;
	height: 94px;
	width: 268px;
	padding-top: 55px;
	padding-left: 176px;
	padding-right: 25px;
	line-height: normal;
	margin-bottom: 10px;
}
#tourimagess p {
	clear: both;
}
#tourimagess a {
	width: 90px;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	margin: 3px 9px;
	overflow: hidden;
}
#tourimagess a:link {
	background-color: #555555;
	border: 1px solid #797979;
	text-decoration: none;
	color: #dbeaa9;
}
#tourimagess a:visited {
	background-color: #373737;
	border: 1px solid #585858;
	text-decoration: none;
	color: #ADADAD;
}
#tourimagess a:focus, #tourimagess a:hover, #tourimagess a:active {
	background-color: #6A6A6A;
	border: 1px solid #949494;
	text-decoration: none;
	color: #dbeaa9;
}
#tourimagess a images {
	border: 1px solid #dbeaa9;
}
#tourimagess a span {
	display: block;
}
/* ================================================= utility definitions */
/* Clearfix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; padding: 0px;}
* html .clearfix {height: 1%; padding: 0px;}
.clearfix {display: block;}
.brclear {clear:both;height:0;margin:0;font-size: 1px;line-height: 0;}
/* sIFR http://wiki.novemberborn.net/sifr Cur Ver 2.0.5 */
/* These are standard sIFR styles... do not modify */

