body {
	background-image: url(images/stripes.png), url(images/stripes.png);
	background-repeat:no-repeat, repeat;
	background-position:50% -40%;
	background-color: #91A6C6;
	font-family:      Georgia, "Times New Roman", Times, serif;
	font-size:        small;
	overflow-y: scroll;
}


div.fill-screen {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

img.make-it-fit {
    max-width: 99%;
    max-height: 99%;
}


#form {
	font-family:  sans-serif;
	background:       #e3cbac;
	border-style:solid;
	border-width:5px;
	z-index:99;
  /*The line below this is marked as invalid. It uses css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
  -webkit-border-radius: 50px;}


#info a {

   background: #473a29;
   background: -webkit-gradient(linear, left top, left bottom, from(#9e8f61), to(#473a29));
   background: -webkit-linear-gradient(top, #9e8f61, #473a29);
   background: -moz-linear-gradient(top, #9e8f61, #473a29);
   background: -ms-linear-gradient(top, #9e8f61, #473a29);
   background: -o-linear-gradient(top, #9e8f61, #473a29);

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: sans-serif;
   text-decoration: none;

}

.clearbutton {margin-left:35%;}

a.GlobalOrangeButton span {font-size:300%;
background: transparent url('images/button.png') no-repeat 0 0;
display: block;
line-height: 55px;
padding: 7px 0 5px 18px;
color: #fff;

}

a.GlobalOrangeButton {
background: transparent url('images/button_right.png') no-repeat top right;
display: block;
float: left;
height: 65px;
margin-right: 6px;
padding-right: 20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.GlobalOrangeButton:hover span {
background-position: 0 -66px; color: #fff;
}

a.GlobalOrangeButton:hover {
background-position: right -66px;
}


#header {
  /*margin:           10px; */
  background-color: #675c47;
}


#img {
 z-index:99;
}


#call {
  color: white;
 z-index:119;
}

#intro {
font-family:Arial,Helvetica,sans-serif;
  background:       #e3cbac;
  font-size:        200%;
  padding:19px;
  border-style:solid;
  border-width:5px;
  z-index:99;
  /*The line below this is marked as invalid. It uses css3 to round the edges of s. It will only work in Chrome and Safari so far
however it does not prevent the page from loading into other browsers properly*/
  -webkit-border-radius: 50px;
}

.text-buble {
font-family:Arial,Helvetica,sans-serif;
  background:       #e3cbac;
  font-size:        200%;
  padding:19px;
  border-style:solid;
  border-width:5px;
  z-index:99;
  /*The line below this is marked as invalid. It uses css3 to round the edges of s. It will only work in Chrome and Safari so far
however it does not prevent the page from loading into other browsers properly*/
  -webkit-border-radius: 50px;
}

#service {
	COLOR: black; FONT-FAMILY: Arial; language: EN; mso-ansi-language: EN;
	background:       #e3cbac;
	padding:          15px;
	border-style:solid;
	border-width:5px;
	z-index:99;
	font-size:17px;
	/*The line below this is marked as invalid. It uses css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	-webkit-border-radius: 50px;
}
#service h4 {
color:#BD4446;
font-weight:bold;
}

#service ul p{
font-size:15px;
}


#noBulletList li{
font-size: 80%;
COLOR: black;
LINE-HEIGHT: 220%;
FONT-FAMILY: Arial;
list-style-type: none;
margin-left:-1em;
}

#bulletList li{
	list-style-image: url("images/bullet.png");
}

#vaccines {
	margin-bottom:10px;
	font-family:  sans-serif;
	background:       #e3cbac;
/*	font-size:        100%;*/
	padding:          15px;
	border-style:solid;
	border-width:5px;
	z-index:99;
	/*The line below this is marked as invalid. It uses css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	-webkit-border-radius: 50px;
}

#vaccines h1 {
	font-weight:bold;
	color: black;
}

th
{
	background-color:#675c47;
	color:white;
}

#fineprint a{
	padding-right: 20px;
}

#gmap {
	padding:30px;
}

#gmap button {
	background-color: #675c47;
	color:  #e3cbac;
	font-size: 180%
}
#form {font-size:150%;}

#nav {
	font-family:  sans-serif;
	color:            #e3cbac;
	text-align:       center;
	font-size:        130%;
	/*These lines are marked as invalid. They use css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	-webkit-border-radius: 50px;
	border-radius: 10px;
}

#nav ul { float:left; }
#nav li  {
	list-style-type: none;
	width:150px;
}
#nav a p{
   border-top: 1px solid #96d1f8;
   background: #473a29;
   background: -webkit-gradient(linear, left top, left bottom, from(#9e8f61), to(#473a29));
   background: -webkit-linear-gradient(top, #9e8f61, #473a29);
   background: -moz-linear-gradient(top, #9e8f61, #473a29);
   background: -ms-linear-gradient(top, #9e8f61, #473a29);
   background: -o-linear-gradient(top, #9e8f61, #473a29);

   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: sans-serif;
   text-decoration: none;
}
#nav a p:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
#nav a p:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

h1 {
  font-size:        110%;
  color:            #e3cbac;
}

h2 { font-size: 110%; }

a:link {color:black; text-decoration:none;}      /* unvisited link */
a:visited {color:purple;}  /* visited link */
a:hover {color:black;}  /* mouse over link */
a:active {color:black;}  /* selected link */


#surgical {
	background:       #e3cbac;
	font-size:        150%;
	border-style:solid;
	border-width:5px;
	z-index:99;
	/*The line below this is marked as invalid. It uses css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	-webkit-border-radius: 50px;
}

#surgical h1 {
	color: black;
}

#HeaderRow {
}

#RightColumn  {
	margin-top: 15px;
	font-size: 105%;
}

#RightColumn p {
	font-size: 110%;
	background-color: #91A6C6;
}

#RightColumn h2 {
	font-size: 110%;
	background-color: #91A6C6;
}

#LeftColumn p {
	background-color: #91A6C6;
	font-size: 110%;
}

#MiddleColumn {
	margin-top: 15px;
}

#EspanolButton {
	background: url('images/flag-of-mexicoS.png') no-repeat top left;
	width:110px;
	height:53px;
	text-shadow:-1px -1px 0px #e3cbac, 1px 1px 0px #e3cbac;
	font-size: 150%;
}

#EnglishButton {
	background: url('images/Flag_of_the_United_States.png') no-repeat top left;
	width:110px;
	height:53px;
	text-shadow:-1px 1px 0px black, 1px -1px 0px black;
	font-size: 150%;
	color: white;
}

#AnimalSilhouette {
	width:180px;
	height:190px;
//	width:170px;
//	height:180px;
//	width:105%;
//	height:105%;
}

.socialButton {
	width:40px;
	margin-right:10px;
}

.section {
	font-family: sans-serif;
	background-color:#e3cbac;
	border-radius: 5px;
	padding: 15px 15px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	-ms-border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
	-o-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
	font-size:120%;
}

.section a{font-weight:bold;color:black;}
.sectionheader{font-size:1.4em;line-height:1.4em;font-weight:bold;text-align:left;margin-bottom:10px;}
.section img{float:left;margin-right:10px;border:3px solid #EEE;}
.section li{text-align:left;}
.section label {margin:10px;}



.button {
	border-top: 1px solid #96d1f8;
	background: #473a29;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e8f61), to(#473a29));
	background: -webkit-linear-gradient(top, #9e8f61, #473a29);
	background: -moz-linear-gradient(top, #9e8f61, #473a29);
	background: -ms-linear-gradient(top, #9e8f61, #473a29);
	background: -o-linear-gradient(top, #9e8f61, #473a29);

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 18px;
	font-family: sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.buttonnolink
{
	border-top: 1px solid #96d1f8;
	background: -webkit-linear-gradient(top, #1b435e, #473a29);
	background: -moz-linear-gradient(top, #9e8f61, #473a29);
	background: -ms-linear-gradient(top, #9e8f61, #473a29);
	background: -o-linear-gradient(top, #9e8f61, #473a29);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 18px;
	font-family:  sans-serif;
	vertical-align: middle;
}


.responsiveCal {

	position: relative;
	padding-bottom: 75%;
	height: 70%;
	overflow: hidden;

}

.responsiveCal iframe {

	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;

}

.classWithPad {
	padding: 10px;
	margin: 10px;
}


.textbox {
	font-family:Arial,Helvetica,sans-serif;
	  background:       #e3cbac;
	  font-size:        200%;
	  padding:19px;
	  border-style:solid;
	  border-width:5px;
	  z-index:99;
	  /*The line below this is marked as invalid. It uses css3 to round the edges of s. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	  -webkit-border-radius: 50px;
}

.textbox h1 {
  color:            black;
}

.blue-background {

	background-color: #91A6C6;
}

.font-size-110percent {
	font-size: 110%;
}

.font-size-120percent {
	font-size: 120%;
}

.font-size-130percent {
	font-size: 130%;
}

.font-size-140percent {
	font-size: 140%;
}

.font-size-150percent {
	font-size: 150%;
}

.vaccines {
	margin-bottom:10px;
	font-family:  sans-serif;
	background:       #e3cbac;
/*	font-size:        100%;*/
	padding:          15px;
	border-style:solid;
	border-width:5px;
	z-index:99;
	/*The line below this is marked as invalid. It uses css3 to round the edges of containers. It will only work in Chrome and Safari so far
	however it does not prevent the page from loading into other browsers properly*/
	-webkit-border-radius: 50px;
}

.vaccines h1 {
	font-weight:bold;
	color: black;
}