/****************************************************************************************

Copyright (c) 2008 Animal Medical Clinic, PC.

This software is the confidential and proprietary information of Animal Medical Clinic, PC. ("Confidential Information"). You shall not disclose such Confidential Information and shall use it only in accordance with the terms of the license agreement you entered into with Animal Medical Clinic, PC.

DOC			Screen Styles
VERSION 	1.0
AUTHOR		Doug Scamahorn
EMAIL		dougscamahorn@hotmail.com

DATE       	NAME           	DESCRIPTON
12/22/2007 	Doug Scamahorn 	Initial creation.

****************************************************************************************/

/* =IMPORTS
---------------------------------------------------------------------------------------*/

	/*YUI Reset Styles*/
	@import url("http://yui.yahooapis.com/2.4.1/build/reset/reset-min.css");

/* =TAGS
---------------------------------------------------------------------------------------*/

	html {
		font-family:Arial, Helvetica, sans-serif;
		color:#003c7b;
		background-color:#FFFFFF;
		font-size:12px;
		background-image:url(../images/bgHTML.gif);
		background-repeat:repeat-x;
	}
	h1, h2, h3 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#ce000c;
		font-size:24px;
		font-weight:bold;
		text-transform:uppercase;
	}
	h2 {
		font-size:14px;
	}
	h3 {
		font-size:12px;
	}
	p, ul, dl {
		line-height: 18px;
		margin-bottom: 18px;
	}
	li {
		background: url(../images/bgBullet.gif) no-repeat 7px 6px;
		padding-left: 18px;
	}
	a, a:link, a:hover, a:active, a:visited {
		color: #ce000c;
	}
	a:hover {
		text-decoration: none;
	}

/* =PAGE LAYOUT
---------------------------------------------------------------------------------------*/

	.pageContainer, .pageHeader, .pageBody, .pageFooter {
		margin:0 auto 0 auto;
		width: 768px;
	}
	.pageContainer {
		width:784px;
		background-color:#FFFFFF;
		background-image:url(../images/bgPageContainer.gif);
		background-repeat:no-repeat;
	}
	.pageHeader {
		background-color:#ffffff;
		background-image:url(../images/bgPageHeader.gif);
		background-position:center bottom;
		background-repeat:no-repeat;
		position: relative;
	}
	.altLayout .pageHeader {
		background-image:none;
	}
	.pageBody {
		background-color:#ffffff;
		background-image:url(../images/bgPageBody.jpg);
		background-position: right bottom;
		background-repeat:no-repeat;
		padding:0 30px 0 30px;
		width: 708px;
	}
	.altLayout .pageBody {
		background-image:none;
	}
	.pageFooter {
		border-top:solid 3px #ce000c;
		background-color:#ffffff;
		color: #007eaf;
		font-size: 11px;
		background-image:url(../images/bgFooter.gif);
		background-repeat:repeat-x;
		padding-top: 14px;
	}

/* =PAGE HEADER
---------------------------------------------------------------------------------------*/

	/*Nav Primary*/
	ul.navPrimary {
		text-align:right;
		width:753px;
		background-image:url(../images/bgNavPrimary.gif);
		background-repeat:repeat-x;
		background-color:#003c7b;
		font-size: 11px;
		border-top: solid 3px #ce000c;
		margin-bottom: 55px;
		float: left;
		padding-right: 15px;
	}
	ul.navPrimary li {
		display: inline;
		border-left: solid 1px #ffffff;
		background-image:none;
		padding-left: 3px;
		margin-left: 2px;
	}
	ul.navPrimary li.first {
		border: none;
	}
	ul.navPrimary a, ul.navPrimary a:link, ul.navPrimary a:hover, ul.navPrimary a:active, ul.navPrimary a:visited {
		line-height:27px;
		color: #ffffff;
	}
	/*Welcome*/
	.pageHeader .welcome {
		width: 309px;
		padding-top: 45px;
		float: left;
		padding-left:30px;
	}
	.pageHeader .welcome h1 {
		text-transform:none;
	}
	.pageHeader .welcome h1 span {
		font-size:12px;
		display:block;
		color:#003c7b;
	}
	/*Slideshow*/
	.pageHeader .slideshow {
		float:right;
		width: 384px;
		height: 260px;
		padding-right: 15px;
	}
	.pageHeader .slideshow img {
		border-top: solid 10px #ecf6f0;
		border-left: solid 10px #ecf6f0;
		border-right: solid 10px #ecf6f0;
		background-color: #ffffff;
		padding: 2px;
		margin-left: 15px;
	}
	/*Identity*/
	.pageHeader .logo {
		position:absolute;
		top:45px;
		left:15px;
	}

/* =PAGE BODY
---------------------------------------------------------------------------------------*/

	/*Content*/
	.pageBody .content {
		float: left;
		width: 339px;
	}
	.altLayout .pageBody .content {
		float: none;
		width: 664px;
	}
	.pageBody .content img {
		border: solid 1px #ededbf;
		background-color:#FFFFFF;
		padding: 2px;
		float: left;
		margin: 3px 9px 9px 0;
	}
	/*Sidebar*/
	.pageBody .sidebar {
		float:right;
		width: 324px;
		background-color:#ecf6f0;
		padding: 0 15px 0 15px;
	}
	.pageBody .sidebar h2 {
		border-top: solid 2px #ffffff;
		padding-top: 18px;
	}
	/*Sidebar - Pet Portal*/
	.pageBody .sidebar .petPortal {
		background-image:url(../images/bgPetPortal.jpg);
		background-repeat:no-repeat;
		padding-left: 122px;
		margin: 18px 0 18px 0;
		min-height: 80px;
	}
	.pageBody .sidebar .petPortal h2 {
		border-top: none;
		padding: 0;
	}
	.pageBody .sidebar .petPortal p {
		margin: 0;
	}
	.pageBody .sidebar .petPortal a.petPortalLogin {
		border-left:solid 1px #ffffff;
		border-right:solid 1px #ffffff;
		text-transform:uppercase;
		line-height: 25px;
		display:block;
		width: 80px;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		margin: 6px 0 6px 0;
		background-image:url(../images/bgBtnLogin.gif);
		background-repeat:repeat-x;
		background-position:left top;
	}
	.pageBody .sidebar .petPortal a.petPortalLogin:hover {
		background-position:left bottom;
	}
	/*Sidebar - Resources*/
	.pageBody .sidebar .resources li {
		background-image:url(../images/bgBulletArrow.gif);
	}
	.pageBody .sidebar .resources a {
		display: block;
	}

/* =PAGE FOOTER
---------------------------------------------------------------------------------------*/
	
	.pageFooter img {
		border: solid 1px #cccccc;
		padding: 2px;
		width: 156px; /*162*/
		float: left;
		margin: 0 0 0 15px;
		background-color:#FFFFFF;
	}
	.pageFooter div {
		margin: 0 0 0 0;
		float: left;
		width: 177px;
	}
	.pageFooter h2 {
		color: #003c7b;
		font-size:11px;
	}
	.pageFooter p.copyright {
		border-top: solid 1px #007eaf;
		float:left;
		padding-top: 9px;
		text-align: center;
		clear:both;
		margin-top: 18px;
		width: 100%;
	}
	/*Contact*/
	#contact {
		margin: 0 0 0 15px;
	}
	#contact li {
		display: inline;
		border-left: solid 1px #007eaf;
		background-image:none;
		padding-left: 3px;
		margin-left: 2px;
	}
	#contact li.first {
		border:none;
		padding: 0;
		margin: 0;
	}
	#contact a.mapLink {
		display: inline;
		padding-left: 20px;
		background-image:url(../images/bgIconMap.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}
	/*Hours*/
	#hours {
		margin: 0 0 0 15px;
	}
	#hours dl {
		margin-bottom:0px;
	}
	#hours dt {
		float:left;
	}
	#hours dd {
		text-align: right;
		background-image: url(../images/bgTabLeader.gif);
		background-repeat:repeat-x;
		background-position:left bottom;
	}
	#hours p {
		font-style:italic;
	}
	/*Emergencies*/
	#emergencies {
		margin: 0 0 0 15px;
	}
	#emergencies dt {
		background: url(../images/bgBullet.gif) no-repeat 7px 6px;
		padding-left: 18px;
	}
	#emergencies dd {
		padding-left: 18px;
	}

/* =FLOAT CLEARING
---------------------------------------------------------------------------------------*/

	/*P.I.E. - See http://www.positioniseverything.net/easyclearing.html*/
	.wrap:after {
		content: ".";
		clear: both;
		height: 0;
		visibility: hidden;
		display: block;
	}