/*--------------- HACKS ---------------*/
/* for Internet Explorer to control font size  */
body {
font-size: small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: medium;
}
html>body {
font-size: medium;
}
/*--------- BASIC STYLES  BASIC STYLES  BASIC STYLES ---------*/
body {
background:#fffbf4 url(images/crac_bg_02t.png) repeat-y 50% 0%;
margin: 0;
padding: 0;
}
#container {
position:absolute;
left: 50%;
width: 652px;
margin-left: -326px;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
/*funny thing happens at 76% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
color: #3c3c3d;
background: #ffffff url(images/content_background.gif) repeat-y 50% 0%;
}
.pawdivider {
background: #ffffff url(images/divider5.gif) repeat-x 50% 0%;
height: 18px;
}
div.clearer {
clear: both;
line-height: 0;
height: 0;
}
p {
font: 1.0em/1.2em Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #3c3c3d;
}
h2 {
font: bold 1.7em/1.7em verdana, arial, helvetica, sans-serif;
margin: 25px 0px 25px 0px;
height: 23px;
}
h2 span {
margin: 0;
padding: 0;
display:none;
}
h3, h4 {
font: bold 1.3em/1.3em verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}
h5 {
font: bold 1.2em/1.2em verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}
.notes {
color: #ff0000;
font-style: italic;
}
h5 .notes {
color: #ff0000;
font-size: .8em;
line-height: 1.0em;
font-weight: normal;
font-style: italic;
}
#contactuspage, #staffpagekennel, #aboutuspage, #servicespage {
margin-left: auto;
margin-right: auto;
width: 602px;
height: 554px;
}
#homepage, #staffpagedoctors, #staffpagetech, #staffpageoffice, #linkspage {
margin-left: auto;
margin-right: auto;
width: 602px;
}
#tourpage {
margin-left: auto;
margin-right: auto;
width: 522px;
}
/*--------------- LINK STYLES DEFAULTS ---------------*/
a { color: #000066;}
a:link { color: #000066;}
a:visited { color: #000066;}
a:hover { color: #ff9900;}
/*--------------- LINK STYLES TOP NAVIGATION BAR ---------------*/
#navcontainer a { color: #ffffff; text-decoration: none;}
#navcontainer a:link { color: #ffffff;}
#navcontainer a:visited { color: #ffffff;}
#navcontainer a:hover { color: #ff9900; text-decoration: underline;}
#navcontainer a:active { color: #ff9900; text-decoration: underline;}
/*--------------- TOP NAVIGATION BAR STYLES---------------*/
#navcontainer {
width: 100%;
font-size: .9em;
line-height: 1.0em;
margin: 0;
padding: 3px 0px 0px 0px;
background: transparent url(images/crac_navi_bkgd_02.gif) 50% 0% no-repeat;
}
#navcontainer ul {
height: 20px;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
background: transparent;
color: #ffffff;
padding: 0px 20px 0px 20px;
}
/*--------------- LOGO HEADER / PAGE TITLE STYLES---------------*/
#pageheader {
height: 136px;
background: #ffffff url(images/crac_header_07.gif) 50% 0% no-repeat;
color: #ffffff;
}
#pageheader h1 {
margin: 0;
padding: 0;
display:none;
}
#content{
width: 100%;
margin: 0;
}
/*--------------- HOMEPAGE STYLES ---------------*/
#homepagetitle h2{
background: transparent url(images/homepage_title.gif) 50% 0% no-repeat;
}
.missionphoto .floatleft {
float: left;
margin: 20px 0px 15px 0px;
border: 1px solid #666;
padding: 8px;
width: 248px;
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
background: #000054;
color: #ffffff;
}
#mission {
float: right;
margin: 15px 0px 10px 0px;
padding: 0;
width: 320px;
display: inline;
}
#mission h3 {
padding: 0px 0px 3px 0px;
text-align: center;
}
#mission ul {
margin: 0;
padding: 0;
list-style: none;
}
#mission ul li{
font-size: 1.0em;
line-height: 1.1em;
padding: 5px 2px 10px 0px;
text-align: justify;
}
#petportalimage {
float: right;
margin: 0px 75px 10px 0px;
padding: 0;
}
#hours {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#hours h4 {
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
}
#hours p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 10px 0px;
}
#hours ul {
margin: 0;
padding: 0;
list-style: none;
}
#location, h4{
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#location p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 10px 0px;
}
/*--------------- ABOUT US STYLES ---------------*/
#aboutustitle h2{
background: transparent url(images/aboutus_title.gif) 50% 0% no-repeat;
}
#aboutuspage p {
font-size: 1.0em;
line-height: 1.4em;
padding: 15px 0px 0px 0px;
text-indent:5%;
}
#missionstatement h2{
background: transparent url(images/our_mission2.gif) 50% 0% no-repeat;
}
#missionstatement li {
margin: 0px 10px 5px 0px;
}
/*--------------- SERVICES PAGE STYLES ---------------*/
#servicestitle h2{
background: transparent url(images/services_title.gif) 50% 0% no-repeat;
}
#servicespage ul li {
font-weight: bold
}
.description {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#forms p {
text-indent:5%;
}
/*--------------- STAFF PAGE STYLES ---------------*/
#staffdoctortitle h2{
background: transparent url(images/staff_doc.gif) 50% 0% no-repeat;
margin: 25px 0px 10px 0px;
}
#stafftechtitle h2{
background: transparent url(images/staff_tech.gif) 50% 0% no-repeat;
margin: 25px 0px 10px 0px;
}
#staffofficetitle h2{
background: transparent url(images/staff_office.gif) 50% 0% no-repeat;
margin: 25px 0px 10px 0px;
}
#staffkenneltitle h2{
background: transparent url(images/staff_kennel.gif) 50% 0% no-repeat;
margin: 25px 0px 10px 0px;
}
.navistaff p {
text-align: center;
margin: 0px 0px 25px 0px;
padding: 0px;
}
.person {
margin-top: 10px ;
padding: 0px 0px 0px 0px;
}
.person p {
font-size: 1.0em;
line-height: 1.3em;
color: #3c3c3d;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-indent:5%;
text-align: left;
}
.floatleft {
float: left;
margin: 22px 25px 15px 0px;
border: 1px solid #666;
padding: 8px;
width: 204px;
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
background: #000054;
color: #ffffff;
}
.floatright {
float: right;
margin: 22px 0px 15px 25px;
border: 1px solid #666;
padding: 8px;
width: 204px;
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
background: #000054;
color: #ffffff;
}
.floatleft img {
border: 2px solid #666;
margin: 0 0 4px 0;
padding: 0px;
}
.floatright img {
border: 2px solid #666;
margin: 0 0 4px 0;
padding: 0px;
}
/*--------------- TOUR PAGE STYLES ---------------*/
#tourtitle h2{
background: transparent url(images/tour_title.gif) 50% 0% no-repeat;
}
.horizontalpic {
margin: 25px 0px 25px 0px;
padding: 0px 0px 0px 0px;
}
.horizontalpic .floatnone{
border: 1px solid #666;
padding: 8px;
width: 504px;
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
background: #000054;
color: #ffffff;
}
.horizontalpic img {
border: 2px solid #666;
margin: 0 0 4px 0;
padding: 0px;
}
.verticalpic2 {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.verticalpic2 .floatleft {
width: 224px;
margin: 0px 0px 0px 0px;
}
.verticalpic2 .floatright {
width: 224px;
margin: 0px 0px 0px 0px;
}
/*--------------- LINKS PAGE STYLES ---------------*/
#linkstitle h2{
background: transparent url(images/links_title.gif) 50% 0% no-repeat;
}
#linkspage ul li {
line-height: 3em;
}
/*--------------- CONTACT US PAGE STYLES ---------------*/
#contactustitle h2{
background: transparent url(images/contactus_title.gif) 50% 0% no-repeat;
}
.contactinfo .floatleft {
float: left;
margin: 0px 25px 25px 0px;
border: 1px solid #666;
padding: 8px;
width: 248px;
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
background: #000054;
color: #ffffff;
}
.hours h4{
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------- FOOTER AND BOTTOM NAVIGATION STYLES---------------*/
#navibottom p {
text-align: center;
margin: 0px;
padding: 10px 0 10px 0;
}
#footer {
position: relative;
bottom: 0;
width: 100%;
height: 21px;
background: transparent url(images/crac_footer_04.gif) 50% 100% no-repeat ;
}
#footer p {
text-align: center;
font-size: .75em;
line-height: 1em;
font-style: italic;
color: #ffffff;
margin: 0;
padding: .25em 0 0 0;
}