body {
	margin: 0;
	padding: 0;	
}

h1 {
	font-family: "Myriad Pro", Arial;
	font-size:20px;
	color:#217797;
}

h2 {
	font-family: "Myriad Pro", Arial;
	color:#217797;
	font-size:18px;
	text-transform:uppercase;
}

h3 {
	font-family: "Myriad Pro", Arial;
	color: #fff;
	font-size: 20px;
}
h3 a {
	color:#fff;
	text-decoration:none;
}
h3 a:hover {
	color:#fff;
	text-decoration:underline;
}

h4 {
	font-family: "Myriad Pro", Arial;
	color:#217797;
	font-size:16px;
}
h5 {
	font-family: "Myriad Pro", Arial;
	font-size: 15px;
	margin: 0;
	padding: 10px;
	font-weight: bold;
	color: #217797;
}

p, ol, ul {
	font-size: 14px;
	color: #000;
	font-family: "Myriad Pro", Arial;
}

a {
	font-family: "Myriad Pro", Arial;
	font-size:1em;
	color:#217797;
}
a:hover {
	font-family: "Myriad Pro", Arial;
	font-size:1em;
	color:#217797;
	text-decoration:underline;
}
a img {border:none;}
td {font-family: "Myriad Pro", Arial;}

.DialogBodyValueFont {
	font-size: 14px;
	color: #000;
	font-family: "Myriad Pro", Arial;
}

.staffList {
	overflow:hidden;
	margin:25px 0px;
}
.staffList h4 {margin:0px 0px 5px;}
.staffList img {
	margin:0px 10px 0px 0px;
	float:left;
}

#main{
	width: 1008px;
	height: auto;
	margin: 0 auto;
}

#header {
	height: 200px;
	padding: 0px;
	padding-left: 30px;
	padding-top: 16px;	
}
#headerAccount {
	height: 219px;
	padding: 0px;
	padding-left: 30px;
	padding-top: 16px;	
}

#logo_box{
	width: 356px;
	height: 153px;
	float: left;
	margin-right: 11px;
}
#operation_box{
	width: 191px;
	height: 143px;
	float: left;
	padding: 15px 10px 0;
}
#operation_box p {margin:0px;}
#calendar_box{
	width: 374px;
	height: 163px;
	float: left;
	position: relative;
	top: 2px;	
	left: 1px;
}

#rclear{
	clear: right;
}
#lclear{
	clear: left;
}
#bclear{
	clear: both;
	padding: 0;
	margin: 0;
}
#top{
	width: 992px;
	height: 460px;
}
#Rotator div {
	width:992px;
	height:460px;
}
#Rotator div:first-child {position:absolute;}

#HiddenImages {display:none;}

#bottom{
	min-height: 320px;
	padding: 20px 14px;
}

#bottom p{
	padding: 5px 5px 2px 5px;
	margin-left: 15px;
	line-height: 17px;	
}
#bottom ul {
	margin-left:15px;
}



.box{
	float: left;
	width: 316px;
}
#box2{
	float: left;
	width: 316px;
	margin: 0 16px;
}



.box h3, #box2 h3{
	margin: 0;
	padding-bottom: 10px;
	font-size: 20px;
	text-align: center;
}


#bleft {	
	min-height: 262px;	
	text-align: center;
	padding-top: 15px;
}

#bcenter {	
	min-height: 262px;	
	padding: 15px;
	text-align: center;
	
}
#bright{	
	min-height: 262px;	
	text-align: center;
	padding-top: 7px;	
}

#bright td {padding: 4px 0px;}
#bright td a {
	font-size: 12px;
	color:#000;
}
#bright td a:hover {
	text-decoration:underline;
	color:#000;
}




#footertop{
	padding: 0;
	padding-top: 10px;
	background: #217797;
}

#footertext td {	
	color: #c4e1f0;
	font-size: 20px;
	line-height: 18px;	
	font-weight: bold;
	text-align:center;
	
}
#footertext td a {color: #c4e1f0;}
#footertext td a:hover {color:#fff;}
#footerbottom{
	height: 55px;
	padding-top: 25px;
	color: red;
}

#footerbottom p {color: #eee;}
#footerbottom a {color:#eee;}

/*nav*/
#HeadNav {
	margin-left:-34px;
}
#HeadNav #NavigationCustom {text-align:center;}
#HeadNav #NavigationCustom ul {
	list-style:none;
	margin:10px 0px;
	padding:0px;
}
#HeadNav #NavigationCustom ul li {
	display:inline;
}
#HeadNav #NavigationCustom ul li a {
	font-size:20px;
	color:#c4e1f0;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 22px 0 22px;
	line-height:30px;
	border-left:2px solid #c4e1f0;
}
#HeadNav #NavigationCustom ul li a:hover {
	font-size:20px;
	color:#fff;
	text-decoration:underline;
}
#HeadNav #NavigationCustom ul li span {
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 22px 0 22px;
	line-height:30px;
	border-left:2px solid #c4e1f0;
}
#HeadNav #NavigationCustom ul li:first-child a, #HeadNav #NavigationCustom ul li:first-child span {border:none;}

/*Home*/
#AppointmentTitle {
	position:absolute;
	cursor:pointer;
}
#AppointmentTitle h2 {
	margin:0px 12px 7px;
	height:24px;
	line-height:24px;
}
#AppointmentTitle h2 span {
	display:block;
	float:left;
}
#calendar_box img {margin-top:29px;}

.aboutButton {
	display:inline-block;
	width:140px;
	height:98px;
}

#AboutVets {margin:0 1px 1px 0;}
#AboutSurvey,#AboutCoupons {margin:0 0 1px 1px;}
#AboutStaff, #AboutAskVets {margin:1px 1px 0 0;}
#AboutGreen {margin:1px 0 0 1px;}

/*Client Corner*/
#ClientCorner #TopContent {
	min-height:406px;
	padding:15px 15px 0;
}
#TopContent h1 {
	margin-top:0px;
}
#TopContent p {
	color:#000;
	font-size:13px;
	margin:10px 0px;
}
#ClientCorner #NavigationCustom {
	overflow:hidden;
	padding: 0 0 35px;
}
#ClientCorner #NavigationCustom  ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#ClientCorner #NavigationCustom > ul > li {
	float:left;
	/*width:50%;*/
	margin:2px 15%;
	text-align:center;
	position:relative;
}
#ClientCorner #NavigationCustom > ul > li > a, #ClientCorner #NavigationCustom > ul > li > span {
	display:inline-block;
	width:180px;
	height:68px;
	padding: 0 0 0 20px;
	font-size:17px;
	color:#217797;
	line-height:68px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	cursor:pointer;
}
#ClientCorner #NavigationCustom > ul > li.rightButton > a, #ClientCorner #NavigationCustom > ul > li.rightButton > span {
	padding: 0 20px 0 0;
	text-align:right;
}
#ClientCorner #NavigationCustom > ul > li > a:hover, #ClientCorner #NavigationCustom > ul > li > span:hover {text-decoration:none;}
#ClientCorner #NavigationCustom ul li ul {
	position:absolute;
	margin-left:-10000px;
}

#ClientCorner #NavigationCustom ul li ul li a, #ClientCorner #NavigationCustom ul li ul li span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#217797;
}
#ClientCorner #NavigationCustom ul li ul li a:hover, #ClientCorner #NavigationCustom ul li ul li span:hover {
	color:#619FDC;
	text-decoration:none;
}
#ClientCorner #NavigationCustom ul li.leftButton ul li a, #ClientCorner #NavigationCustom ul li.leftButton ul li span {
	text-align:left;
	margin-left:-7px;
}
#ClientCorner #NavigationCustom ul li.rightButton ul li a, #ClientCorner #NavigationCustom ul li.rightButton ul li span {text-align:right;}
#ClientCorner #NavigationCustom ul li.leftButton a.active + ul, #ClientCorner #NavigationCustom ul li.leftButton span.active + ul, #ClientCorner #NavigationCustom ul li.leftButton ul:hover, #ClientCorner #NavigationCustom ul li.leftButton ul:hover {
	top:0px;
	/*right:10px;*/
	text-align:left;
	margin:0 0 0 215px;
	min-width:200px;
}
#ClientCorner #NavigationCustom ul li.rightButton a.active + ul, #ClientCorner #NavigationCustom ul li.rightButton span.active + ul, #ClientCorner #NavigationCustom ul li.rightButton ul:hover , #ClientCorner #NavigationCustom ul li.rightButton ul:hover {
	text-align:right;
	top:0px;
	left:-210px;
	margin:0px;
	min-width:200px;
}

#CCPlayer {
	display:block;
	width:320px;
	height:240px;

}

/*Pet Age Calc*/
#Calculator {padding:10px;}
#Calculator p {
	font-size:18px;
	margin:10px 0px;
}
#Calculator button {
	float:right;
	color:#217797;
	font-size:16px;
	background:none;
	border:1px solid #217797;
	cursor:pointer;
}
#Calculator table {
	width:80%;
	margin:auto;
}
#Calculator td {width:30%;}
#Calculator td#Center {
	text-align:center;
}
td#Center h2 {font-size:40px;}


#Calculator #DisplayAge {
	font-size:50px;
	font-weight:bold;
	text-align:center;
}

#HideResults {display:none;}
#HideResults h2 {
	text-transform:none;
	text-align:center;
}

#HideWeight {display:none;}

/*About Us*/
#AboutUsRight {float:right}
#AboutUsRight div {float:left;}
#AboutUsRight div:first-child {margin: 0 23px 20px 0;}
#AboutUsRight div.clear {
	clear:both;
	float:none;
}
#AboutUsRight h4, h5 {text-align:center;}

/*Gallery*/
#GalLeft {
	float:left;
	padding:0px 20px;
	height:500px;
	overflow:auto;
}
#GalLeft ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#GalLeft ul li {
	clear:right;
	margin:5px 0px;
	padding:5px;
	cursor:pointer;
	overflow:hidden;
	min-width:175px;
}
#GalLeft ul li:hover, #GalLeft ul li.selected {background-color:#217797;}
#GalLeft ul li:hover p, #GalLeft ul li.selected p {color:#fff;}
#GalLeft ul li p {margin:0px;}
#GalLeft ul li p img {
	float:right;
	margin-left:10px;
	border:1px solid #fff;
}
#GalLeft ul li div {display:none;}

#GalRight {
	float:right;
	width:600px;
}
#GalRight div img {	max-height:350px;}
#JobOpenings{
	width:650px;
}
#JobOpenings h2 {
	font-family: "Myriad Pro", Arial;
	font-size:16px;
	color:#217797;
}
#JobOpenings h3{
	font-family: "Myriad Pro", Arial;
	font-size:14px;
	color:#217797;
}
#JobOpenings .individualJob{
	padding-left:30px;
}
#ServicesTopButtons {
	text-align:center;
}
#ServicesTopButtons a img{
	margin:11px;
}
#ServicesRightButtons {
	width:328px;
}
#ServicesRightButtons a img {
	margin:11px;
}
#VetButtons {
	width:328px;
	margin-left:79px;
}
#VetButtons a img, #StaffButtons a img {
	padding:11px;
}
.vetButton {
	float:left;
}
.vetButton p {
	text-align:center;
	margin:0px;
}
#StaffButtons {
	width:486px;
}