/*selector {
*		property: value; 
*		property: value; 
*		property: value; 
*		}  */

p	{
	color: #272732;
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	line-height: 1.3em;
	}

body	{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ECE4CC;
	}

div	{
	font-family: Verdana, Arial, sans-serif;
	color: #272732;
	}

li	{
	color: #272732;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	}

a:link 	{
	color: #1157C1;
	text-decoration: none;
	}

a:visited {
	color: #1157C1;
	text-decoration: none;
	}

a:hover	{
	color: #1157C1;
	text-decoration: underline;
	}

a:active {
	color: #1157C1;
	text-decoration: underline;
	}


/*
*    ---------------------------------------------
*	Universal divs 
*    --------------------------------------------- 
*/

div#bluebackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
	padding: 0;
	margin: 0;
	background: #4C6370;
	z-index: 1;
	}

div#paws {
	position: absolute;
	top: 2px;
	left: -75px; 
	width: 50px; 
	height: 100px;
	z-index: 1000; 
	background: url('graphics/paws_transparent.gif') repeat scroll top center;
	}

div#bodywrapper {
	position: relative;
	margin: 0 auto;
	top: 15px;
	width: 800px; 
	padding: 0; 
	text-align: left;
	z-index: 50;
	border: #4C6370 1px solid;
	overflow: visible;
	background: white;
	}


div#logo {
	float: left;
	width: 104px;
	height: 104px;
	padding-top: 9px;
	display: inline;
	text-align: center;
	margin: 10px 0px 0px 10px;
	}


div#LAC {
	float: left; 
	width: 370px;
	height: 50px;
	text-align: left;
	margin: 18px 0px 0px 25px;
	padding: 0;
	display: inline; 
	color: #4C6370; 
	vertical-align: top;
	letter-spacing: 1px;
	}

div#topphoto {
	float: right;
	width: 285px;
	height: 80px;
	overflow: hidden;
	text-align: right;
	}

div#barfade {
	float: right;
	height: 1px;
	display: inline;
	width: 680px;
	margin-bottom: 5px;
	background: #4C6370 url('graphics/barfade.gif') no-repeat scroll bottom left;
	}

div#bodytextleft {
	clear: left;
	display: inline;
 	width: 400px;
	float: left;
	margin: 15px 20px 25px 30px;
	text-align: left;
	}

div#bodytextcenter {
	clear: left;
	display: inline;
 	width: 735px;
	float: left;
	margin: 25px 30px 20px 30px;
	text-align: left;
	}

div#pageheaderleft{
	float: left;
	display: inline;
	width: 400px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1.1px;
	margin: 12px 0px 0px 30px;
	}


div#rightpic {
	width: 300px;
	float: right;
	display: inline;
	background: white; 
	padding: 0px; 
	margin: 20px 30px 20px 0px;
	text-align: center;
	font-style: italic;
	}

#rightpic p {
	text-align: center;
	font-style: italic;
	margin: 0;
	}

div#bottombar {
	float: left;
	position: relative;
	display: inline;
	padding: 7px 10px 7px 10px;
	margin: 0;
	width: 780px;
	background: #4C6370;
	color: #4C6370;
	text-align: center;
	font-weight: normal;
	}

#bottombar a {
	color: white;
	letter-spacing: 0px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
	}

#bottombar a:hover, #bottombar a:active {
	color: white;
	text-decoration: underline;
	}

div#bottomspacer {
	height: 50px;
	}

.border {
	border: black 2px solid;
	}


.pageheaders{
	font-size: 20px;
	text-align: center;
	letter-spacing: 1.1px;
	}


/* 
*    ---------------------------------------------
*	Home page divs 
*    --------------------------------------------- 
*/


.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;}
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
.b4, .b5, .b6, .b7 {background:#fff; border-left:1px solid #4C6370; border-right:1px solid #4C6370;}

.b1 {margin:0 8px; background:#4C6370;}
.b2 {margin:0 6px; background:#4C6370;}
.b3 {margin:0 4px; background:#4C6370;}
.b4 {margin:0 3px; background:#fff; border-width:0 5px;}

.b5 {margin:0 2px; background:#fff; border-width:0 4px;}
.b6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.b7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 


.infoboxcontent {display:block; background:#fff; border:3px solid #4C6370; border-width:0 3px;}

div#infoboxwrapper {
	width: 310px;
	display: inline;
	float: right;  
	margin: 0px 27px 20px 10px; 
	}


div#infoboxinnerwrapper {
	padding-bottom:0.5em; 
	}

div#infoboxleft {
	float: left;
	display: inline;
	margin: 4px 0px 0px 8px;
	padding-right: 12px;
	border-right: #4C6370 1px solid;
	}

div#infoboxright {
	float: right;
	display: inline;
	margin: 3px 10px 0px 0px;
	}

div#infoboxclear {
	clear: both;
	border: white 1px solid;
	}

.infobox { 
	font-size: 0.9em;
	color: #272732;
	font-weight: normal;
	text-align: center;
	line-height: 1.8em;
	padding: 0;	
	margin: 0;
	}

.infobox td{
	font-size: 0.9em;
	color: #272732;
	font-weight: normal;
	text-align: left;
	line-height: 1.6em;
	}


div#staffpic {
	width: 300px;
	float: right;
	display: inline;
	background: white; 
	padding: 0px; 
	margin: 10px 30px 10px 10px;
	text-align: center;
	}

.staffpictext {
	text-align: center;
	display: inline;
	font-style: italic;
	}

div#alertbox {
	width: 300px;
	float: right;
	display: inline;
	background: white; 
	padding: 0px; 
	margin: 10px 30px 20px 10px;
	text-align: center;
	}

#index li {
	padding-top: 5px;
	}


/*
*    ---------------------------------------------
*	Veterinarian's page divs 
*    --------------------------------------------- 
*/



div#bodytexttable {
	clear: left;
 	width: 785px;
	float: left;
	display: inline;
	margin: 0px 10px 20px 5px;
	}

div#vetwrapper {
	float: left;
	width: 100%;
	text-align: center;
	}


/* are these IE5 OK? */


.namebold {
	font-weight: bold;
	}

.bio	{
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	line-height: 1.2em;	
	}



/*
*    ---------------------------------------------
*	Staff page divs 
*    --------------------------------------------- 
*/

div#bodytextstaff {
	clear: left;
 	width: 760px;
	float: left;
	display: inline;
	margin: 0px 10px 20px 20px;
	}

div#staffpageheader{
	float: left;
	display: inline;
	width: 400px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1.1px;
	margin: 15px 0px 3px 310px;
	}

div#staffbio	{
	width: 510px;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	line-height: 1.2em;	
	margin-top: -0.3em;
	margin-left: 20px;
	}



/*
*    ---------------------------------------------
*	Services and Forms page
*    --------------------------------------------- 
*/


#services li {
	padding-top: 5px;
	}


#forms li {
	padding-top: 10px;
	}


	
/*
*    ---------------------------------------------
*	Links page
*    --------------------------------------------- 
*/

.links{
	margin-top: 4px;
	margin-bottom: 0px;
	}


/*
*    ---------------------------------------------
*	Gallery page
*    --------------------------------------------- 
*/



div#gallerypageheader{
	float: left;
	display: inline;
	width: 800px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1.1px;
	margin: 12px 0px 0px 0px;
	}


#gallerywrapper {
	display: inline;
	float: left;
	width: 760px;
	margin: 20px 20px 20px 20px;
	}


#photofloat {
	display: inline;
	float: left;
	width: 170px;
	height: 185px;
	margin: 9px;
	text-align: center;
	}

#photofloat p{
	text-align: center;
	margin: 0;
	font-style: italic;
	}


/*
*    ---------------------------------------------
*	Navigation Bar Display 
*    --------------------------------------------- 
*/


/* Initial Setup */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}


/* Describe all menu text */

#nav p, #nav a {
	display: inline;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.6px;
	color: #4C6370;
	text-decoration: none; 
	text-align: left;
	font-size: 1em;
	}

/* Describe top-level menu layout */

#nav li {
	float: left;
	position: relative;
	overflow: visible;
	height: 2.3em;
	margin-top: 7px;
	margin-left: 30px;
	border: gray 0px solid;
  	}


/* Shift the "Home" link a little to the right */

#nav li a {
	padding-left: 0px;
	/* change this one to move */
	}
#nav li ul li a {
	padding-left: 0px;
	}


/* Describe color of "home" link upon mouse-over */

#nav li a:hover {
	text-decoration:none; 
	color:#818C96;
	}


/* Describes submenus */

#nav li ul{
	position: absolute; 
	display: block;
	width: 10em;
	left: -999em;  
	background-color:#ECE4CC; 
	top: 1.8em;
	padding: 5px 10px 5px 10px;	
	border: 1px solid #4C6370;
	}

#nav li ul a{
	color: #2C3D47;
	}

#nav li ul li {
	margin: 0px;
	width: 12em; 
	height: auto;
	line-height: 2.1; 
	}


/* Color of submenu links upon mouse-over */

#nav li ul li a:hover, #nav li.sfhover {
	text-decoration:none;
	color:#6A7681;
	}


/* Tells the sub-menus to display upon mouse-over */

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
	}


