/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");
@import url("forms.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
	font-family: verdana, helvetica, sans-serif;
	color: black;
	font-size: 11px;
}

h1{
	color: #000;
	margin: 0 0 16px 0;
	padding: 3px 0;
	font-size: 20px;
}

h2 {
	color: #EF0000;
	margin:10px 0 6px 0;
	font-size: 14px;
	font-weight:bold;
	border-bottom:1px dashed #660000;
}

h3{
	color: #FFF;
	margin: 0 0 6px 0;
	font-size: 16px;
	text-transform:uppercase;
	border-bottom:1px dashed #FFF;
}

h4{
	color: #FF0000;
	margin: 0 0 6px 0;
	font-size: 16px;
	text-transform:uppercase;
}

h5{
	color: #000;
	margin: 0 0 6px 0;
	font-size: 12px;
}

p {
	margin: 6px 0 0 0;
}

a:link, a:visited {
	color: blue;
}

a:hover {
}


/* HEADER CONTENT
----------------------------------------------------------------*/



/* SIDEBAR CONTENT
----------------------------------------------------------------*/



/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	text-align: left;
	border:#ccc 1px solid;
}

th{
	text-align:left;
	background:#ccc;
}

td, th{
	padding: 2px 3px;
}

td.altRow{
	background:#eee;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#Footer p {
	
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
.error {
	color: red;
}

.hot {
	color:#FF0000;
	font-weight:bold;
}

.large{
    font-size:13px;
	color:#4DAE75;
	font-weight:bold;
	margin-top:20px;
}

.quote{
    color:#000;
	text-align:right;
	vertical-align:text-bottom;
	margin-top:20px;
	line-height:15px;
}

.addressTop{
    background:url(../images/sidebar-top.gif) no-repeat;
	height:14px;
	margin-top:15px;
}

.addressBottom{
    background:url(../images/sidebar-bottom.gif) no-repeat;
	height:14px;
}

.address{
    background:#660000;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

.hoursTop{
    background:url(../images/sidebar-top.gif) no-repeat;
	height:14px;
	margin-top:15px;
}

.hoursBottom{
    background:url(../images/sidebar-bottom.gif) no-repeat;
	height:14px;
}

.hours{
    background:#660000;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 15px;
}

.pawsTop{
    background:url(../images/sidebar-top.gif) no-repeat;
	height:14px;
	margin-top:15px;
}

.pawsBottom{
    background:url(../images/sidebar-bottom.gif) no-repeat;
	height:14px;
}

.paws{
    background:url(../images/pawprints-bg.gif) repeat-y;
	height:200px;
}

hr{
	border:none;
	border-top: dashed 1px #ccc;
	height:0px;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.floatRight{
	float:right;
	display:block;
	margin:0 0 15px 15px;
}

.floatLeft{
	float:left;
	display:block;
	margin:0 15px 15px 0;
}

.callOutBox{
	border:#ccc 1px solid;
	background:#eee;
	padding:5px;
}

/* SITE COLORS
----------------------------------------------------------------*/
.blue{
	color:#003366;
}

.red{
	color:#CC0000;
}

.green{
	color:#003300;
}