html {
font-family: Arial, Helvetica, "Lucida Grande", Verdana, Tahoma, sans-serif;
}

body {
text-align: center;
background-color: #366ab5;
padding: 0;
margin: 0;
background-image: url(art/SB_MAIN_TILE.jpg);
background-repeat: repeat-x;
background-position: left top;
}

/* MAIN CONTAINGER FOR THE ENTIRE PAGE ************************** */
	
#frame {
position: relative;
top: 30px;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 0;
text-align: left;
background-color: #2D1402;
border: 2px solid #FFF;
background-image: url(art/SB_TOP_BACK.gif);
background-repeat: repeat-x;
background-position: top left;
min-height: 800px;
}

#blog-left {
position: relative;
float: left;
left: 30px;
width: 175px;
margin: 0;
padding: 0;
}

.leftmainimg {
padding: 0;
margin: 42px 0 30px 0;
}

.leftmainimg_vet {
padding: 0;
margin: 10px 0 15px 0;
}

#RIGHT_CONT {
position: relative;
right: 25px;
float: right;
width: 739px;
padding: 0;
margin: 79px 0 0 0;
text-align: left;
}

#RIGHT_CONT h1 {
font-size: .75em;
line-height: 1.4em;
font-weight: normal;
color: #B7916C;
margin: 0 0 10px 0;
}

#RESOURCE {
float: left;
width: 650px;
border-bottom: 1px dashed #52332A;
padding: 0;
margin: 15px 0 0 30px;
}

#RESOURCE_LAST {
float: left;
width: 650px;
padding: 0;
margin: 15px 0 20px 30px;
}

#flash {
width: 706px;
margin: 0 0 18px 0;
padding: 0;
height: 406px;
}

#contest {
width: 680px;
margin: 0 0 30px 20px;
padding: 0;
background-image: url(art/BLC-ICON.gif);
background-position: top right;
background-repeat: no-repeat;
}

.clear {
clear: both;
}

.page_header {
font-size: 1.375em;
line-height: 1.4em;
font-weight: normal;
color: #B7916C;
margin: 0 0 8px 0;
border-bottom: 1px dashed #52332A;
}

.page_header_sub {
font-size: 1.375em;
line-height: 1.3em;
font-weight: normal;
color: #B7916C;
margin: 30px 0 8px 0;
}

.parent_p {
font-size: .75em;
line-height: 1.6em;
font-weight: normal; 
color: #DADADA;
margin: 0 0 8px 0;
}

.parent_p_last {
font-size: .75em;
line-height: 1.6em;
font-weight: normal; 
color: #DADADA;
margin: 0 0 15px 0;
}

.parent_p_indent {
font-size: .75em;
line-height: 1.6em;
font-weight: normal; 
color: #DADADA;
margin: 0 0 8px 10px;
}

.serif {
font-family: Georgia, san-serif;
font-size: .75em;
line-height: 1.5em;
font-weight: normal; 
color: #B7916C;
padding: 0;
margin: 0 10px 10px 10px;
}

/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */

#RIGHT_CONT a {
color: #366AB5;
text-decoration: underline;
background-color: none;
}
#RIGHT_CONT a:hover {
color: #fff;
background-color: none;
text-decoration: underline;
}

.floatleft {
float: left;
padding: 2px;
border: 1px solid #52332A;
margin: 10px 20px 10px 0;
}

.floatleft_no {
float: left;
padding: 0;
margin: 5px 10px 10px 0;
}

.floatright {
float: right;
padding: 2px;
border: 1px solid #52332A;
margin: 10px 0 10px 20px;
}

.sig {
font-size: 1.1em;
font-style: italic;
color: #823816;
}

.header_span {
font-size: .75em;
font-style: italic;
color: #823816;
}

.redbrown_span {
font-size: 1em;
font-weight: 600;
color: #823816;
}

.hours_span {
font-size: .75em;
font-style: italic;
color: #366AB5;
}

.hours_span_larger {
font-size: 1em;
font-style: italic;
color: #366AB5;
}

#hours li {
color: #823816;
list-style-type: square;
margin-left: -17px;
font-size: 1em;
line-height: 1.25em;
}

#none li {
color: #823816;
list-style-type: none;
margin-left: -17px;
font-size: 1em;
line-height: 1.25em;
}

/*
<div id="container">
  <div id="center">CENTER<br />COLUMN CENTER</div>
  <div id="leftRail">LEFT RAIL</div>
  <div id="rightRail">RIGHT RAIL</div>
</div>
*/

#container {
width: 739px;
margin: 0;
padding: 0;
}

#leftRail {
float: left;
width: 500px;
position: relative;
padding: 0;
margin: 0;
}

#rightRail {
float: right;
width: 204px;
position: relative;
background-color: #823816;
padding: 0;
margin: 0 0 10px 0;
}

#container #rightRail h2 {
text-align: left;
font-size: 1.125em;
line-height: .2em;
font-weight: normal;
font-family: Georgia, san-serif;
color: #B7916C;
margin: 20px 0 15px 10px;
}

#rightRail img {
padding: 2px;
background-color: #fff;
margin: 10px 0 10px 10px;
}

#rightRail #sub_container img {
padding: 2px;
background-color: #fff;
margin: 0 0 0 10px;
}

#sub_container {
position: relative;
left: 10px;
width: 182px;
padding: 0;
border: 1px solid #B7916C;
background-color: #52332A;
margin: 10x 0 10px 10px;
}

#container #leftRail h2 {
font-size: 1em;
line-height: 1.8em;
font-weight: normal;
color: #B7916C;
margin-top: 15px;
border-bottom: 1px dashed #52332A;
}

h2.mainsubhead {
font-size: 1em;
line-height: 1.8em;
font-weight: normal;
color: #B7916C;
margin: 0;
display: inline;
border-bottom: 1px dashed #52332A;
}

.larger {
font-size: 110%;
}

/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */

/* ========================================= BLOG PAGE info */


#blog-left h2 {
font-size: 1.45em;
line-height: 1.1em;
letter-spacing: -.03em;
color: #366AB5;
padding: 0;
margin: 0 5px 10px 0;
font-weight: normal;
}

#blog-left ul {
margin: 10px 0 7px 0;
padding: 0;
list-style-type: none;
line-height: 1.3em
}

#blog-left ul li {
text-decoration: none;
padding: 0;
margin: 0 0 7px 10px;
}

#blog-left ul li a {
color: #B7916C;
text-decoration: underline;
padding: 0 0 0 0;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0 0;
font-weight: normal;
}

#blog-left ul li a:hover, #blog-left ul.post_title li a:hover {
color: #ffffff;
background-color: #2D1402;
}

#blog-left ul.post_title li a {
color: #B7916C;
text-decoration: underline;
padding: 0 0 0 0;
font-size: .8em;
line-height: 1.2em;
margin: 0 0 0 0;
font-weight: normal;
}

#blog-right {
width: 737px;
padding: 0 0 0 0;
margin: 0 0 20px 0;
}

#blog-right h2 {
font-size: 1.375em;
line-height: 1.3em;
font-weight: normal;
color: #B7916C;
margin: 20px 0 8px 0;
padding: 0;
}

#blog-right img {
border: 3px solid #366AB5;
padding: 0px;
margin: 10px 0 10px 0;
}

#blog-right img.alignright {
float: right;
margin: 5px 25px 10px 10px;
}

#blog-right img.alignleft {
float: left;
margin: 5px 10px 10px 0;
}

#blog-right p {
font-size: .8em;
line-height: 1.6em;
color: #DADADA;
margin: 0 0 8px 0;
padding: 0;
}

#blog-right p strong {
color: #823816;
}

#blog-right p.author {
font-size: .8em;
line-height: 1.6em;
color: #823816;
margin: 0 0 12px 0;
font-style: italic;
padding: 0;
}

#blog-right ul {
margin: 15px 10px 15px 30px;
padding: 0px;
}
#blog-right ul li {
color: #B7916C;
list-style-type: square;
margin: 0 4px 4px 10px;
font-size: .8em;
line-height: 1.25em;
}

#blog-right blockquote {
font-family: Georgia, serif;
font-size: 1.2em;
font-weight: normal;
letter-spacing: -.03em;
line-height: 1.4em;
color: #52332A;
background-color: #B7916C;
margin: 12px 20px 12px 0;
padding: 10px;
font-style: italic;
}

hr {
width: 730px;
height: 0px;
border-top: 1px dotted #366AB5;
margin: 20px 10px 20px 0;
color: #2D1402;
}

.post-wrap {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px dotted #366AB5;
}

/* ========================================= END BLOG PAGE */




/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */

/* navigation for the top portion on the page************************** */
	
#navigation {
margin: 0 0 30px 0;
padding: 0;
background: url(art/SB_NAV_BACK_SINGLE.gif) no-repeat;
}

#SVC_VETS {
  width: 739px;
  height: 40px;
  position: relative;
  background: url(art/SB_NAV_BACK.gif) no-repeat;
  margin: 0;    
  padding: 0;
  list-style-type: none;
}
#SVC_VETS li {
  float: left;
}
#SVC_VETS a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  background: url(art/SB_NAV_BACK.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

li#SVC_HOM a {
  left: 0px;
  width: 76px;
  background-position: 0 0;
}
li#SVC_FAC a {
  left: 76px;
  width: 85px;
  background-position: -76px 0;
}
li#SVC_STF a {
  left: 161px;
  width: 65px;
  background-position: -161px 0;
}
li#SVC_QUE a {
  left: 226px;
  width: 110px;
  background-position: -226px 0;
}
li#SVC_ADP a {
  left: 336px;
  width: 113px;
  background-position: -336px 0;
}
li#SVC_RES a {
  left: 449px;
  width: 110px;
  background-position: -449px 0;
}
li#SVC_PHO a {
  left: 559px;
  width: 84px;
  background-position: -559px 0;
}
li#SVC_LOC a {
  left: 643px;
  width: 96px;
  background-position: -643px 0;
}

li#SVC_HOM a:hover {
  background-position: 0px -40px;
}
li#SVC_FAC a:hover {
  background-position: -76px -40px;
}
li#SVC_STF a:hover {
  background-position: -161px -40px;
}
li#SVC_QUE a:hover {
  background-position: -226px -40px;
}
li#SVC_ADP a:hover {
  background-position: -336px -40px;
}
li#SVC_RES a:hover {
  background-position: -449px -40px;
}
li#SVC_PHO a:hover {
  background-position: -559px -40px;
}
li#SVC_LOC a:hover {
  background-position: -643px -40px;
}

#body_HOM li#SVC_HOM a {
  background-position: 0px -80px;
}
#body_FAC li#SVC_FAC a {
  background-position: -76px -80px;
}
#body_STF li#SVC_STF a {
  background-position: -161px -80px;
}
#body_QUE li#SVC_QUE a {
  background-position: -226px -80px;
}
#body_ADP li#SVC_ADP a {
  background-position: -336px -80px;
}
#body_RES li#SVC_RES a {
  background-position: -449px -80px;
}
#body_PHO li#SVC_PHO a {
  background-position: -559px -80px;
}
#body_LOC li#SVC_LOC a {
  background-position: -643px -80px;
}


/* SERVICES navigation for the left portion on the page************************** */

#blog-left #blog {
  height: 38px;
  width: 175px;
  position: relative;
  background: url(art/BLOG-BG.gif);
  background-repeat: no-repeat;
  margin: 0;  
  padding: 0;
}
#blog-left #blog li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#blog-left #blog li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 38px;
  background: url(art/BLOG-BG.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_blg a {
  top: 0px;
  width: 175px;
  background-position: 0 0;
}
li#nav_blg a:hover {
  background-position: 0px -38px;
}
#body_blg li#nav_blg a {
  background-position: 0px -38px;
}



/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */


/* FOOTER for the bottom portion on the page************************** */

#footer { 
position: relative;
clear: both;
left: 30px;
width: 950px;
height: 150px;
padding: 10px 0 0 0;
margin: 25px 0 0 0;
text-align: left;
background-image: url(art/FOOTER_BACK.gif);
background-repeat: no-repeat;
background-position: top left;
}

p.footer-main {
font-size: 1.15em;
color: #823816;
margin: 0 0 7px 270px;
line-height: 1.3em;
}

p.footer-main-sub {
font-size: .75em;
color: #823816;
margin: 0 0 7px 280px;
line-height: 1.4em;
}

#footer span {
color: #B7916C;
padding: 0;
font-size: 85%;
}

#footer a {
color: #823816;
font-weight: 500;
text-decoration: none;
}

#footer a:hover {
color: #fff;
background-color: #823816;
}

/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */

/* nested div classs for my link ************************** */

.footer_sub {
margin: 45px 290px 0 0;
padding-left: 18px;
text-align: center;
}

.footer_sub span {
color: #FEF8E3;
}

.footer_sub li {
  list-style-type: none;
}

.footer_sub li a {
color: #B7916C;
font-size: .75em;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0;
}

.footer_sub li a:hover {
color: #FEF8E3;
background-color: #52332A;
}

/* COLORS
BRONW - 52332A
DARK BROWN - 2D1402
RED BROWN - 823816
TAN - B7916C
BLUE - 366AB5 */


/* LightBOX ******************************************** */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.stonebriarvets.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.stonebriarvets.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.stonebriarvets.com/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* LightBOX-ADOPTION ONLY ******************************************** */

#blog-right #frame_gallery_A {
float: left;
width: 700px;
margin: 15px 0 10px 0;
}

#blog-right #frame_gallery_A img {
padding: 5px;
margin: 3px 10px 7px 0;
border: 1px solid #401514;
background-color: #fff;
}

#blog-right #frame_gallery_A a {
color: #52332A;
background-color: #2D1402;
text-decoration: none;
border: 0;
}

#blog-right #frame_gallery_A a:hover {
color: #fff;
background-color: #2D1402;
text-decoration: none;
}