/*** Global reset ***/
/*** Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui ***/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0;
}

html,body {
	overflow: auto;
}

li, p {
	font-size: 13px;
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
}

a { 
	text-decoration:none;
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none; 
}

/***General styles***/

body {
	padding:0;
	border:0;
	width:100%;
	background:#fff;
	font-size:90%;
	font-family: "Segoe UI", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
	color: #333;
}

#onecol {
	float: none;
	margin: 0 auto;
	min-width: 600px;
	max-width: 1004px;
	width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 1006? "1004px" : "auto");
}

.bluefont {
	color: #517693;
	font-style: italic;
	font-family: "Trebuchet MS", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.1em;
}

.caption {
	font-size: .75em;
	margin-top: -2em;
	text-align: center;
}
	
.center {
	text-align: center;
	margin: 0 auto;
}

.centerimage {
	text-align: center;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	display:block;
}

.centerlarge {
	text-align: center;
	margin: 0 auto;
	font-size: 1.5em;
	padding: 1em 0;
}

.clear {
	clear: both;
}

.displaylist {
	padding: 1em;
	list-style-image: url("../images/icons/0381.gif");
	list-style-position: indent;
}

.displaylist li {
	padding-bottom: 2em;
	font-size: 1em;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: "Trebuchet MS", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
}

.headercol2 {
	font-size: 1.5em;
	color: #fdf5e6;
}

.headercol3 {
	font-size: 1.5em;
	color: #f0f8ff;
}

.headerlink {
	background: transparent !important;
	border-bottom: none !important;
}

.homepageindent {
	padding: .5em .5em .5em 1.5em;
	list-style-image: url("../images/icons/0381.gif");
	list-style-position: indent;
}

.homepageindent li {
	margin-top: .5em;
}

img {
	margin:10px 0 5px;
}

img.floatleft {
	float: left;
	margin: 4px 10px 4px 0;
}

img.floatright {
	float: right;
	margin-right: 1em;
	margin-top: -2em;
}

#maincontent {
	margin-bottom: 1.5em;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size: 1em;
}

.pdf {
	background:url(../images/icons/page_white_acrobat.png) center right no-repeat;
	padding:0 18px 0 0;
	white-space:nowrap;
}

.redfont {
	color: #f00;
	font-weight: 700;
}

/*** Header styles ***/

#header {
	position: relative;
	float: none;
	margin: 0 auto;
	height: 150px;
	min-width: 600px;
	max-width: 1004px;
	width: expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 1006? "1004px" : "auto");
	clear:both;
	width:100%;
	background: #f1f1f1 url(../images/dogheader1.png);
	border-bottom: 1px solid #48668e;
	background-repeat: no-repeat;
}

#header p,
#header h1,
#header h2 {
	padding:.4em 1em 0 1em;
	margin:0;
}

div.hr {
	height: 15px;
	background: url(../images/pawprint_3.gif) no-repeat scroll center;
	padding: 1em;
}

div.hr hr {
	display: none;
}

.imgposlogo {
	position:relative;
	left:1em;
	top:-.3em;
}

.imgpostext {
	position:relative;
	top:-2em;
	left:1.5em;
}

.slugline {
	position: absolute; 
	top: 5px;
	right: 10px;
	font-size: 2.35em;
	font-family: "Trebuchet MS", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: italic;
	color: #fa6900;
}

.whitetext {
	color: #fff;
}

h1 b {
	display:none;
}

/***skip navigation***/

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .85em;
}

#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
}

/***main nav ***/

#navlist  {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 8px;
    padding-left: 0;
    margin-top: 22px;
    margin-left: 0;
    background: #48668e url(../images/navgrad.png);
    color: #fff;
    width: 100%;
    font-family: "Trebuchet MS", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 1.5em;
    line-height: 18px; /* fixes Firefox 0.9.3 */
}

#navlist li {
    display: inline;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5px; /* matches link padding except for left and right */
    padding-top: 5px;
}

#navlist li a {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 8px;
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}

#navlist .highlight {
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 700;
}

#navlist li a:hover {
    background: #8fa8e7 url(../images/navgradhover4.jpg);
    color: #f0f8ff;
}

#navlist #active {
    border-left: 1px solid #fff; 
}

/***rounded corners***/

.liquid-round {
	width:80%;
	margin:2em auto;
	background:#fff url(../images/rounded/leftside.gif) repeat-y left top;
}

.top {
	width:100%;
	height:20px;
	background:url(../images/rounded/top.gif) no-repeat left top;
}

.top span {
	display:block;
	position:relative;
	height:20px;
	background:url(../images/rounded/top-right.gif) no-repeat right top;
}

.center-content {
	position:relative;
	background:url(../images/rounded/rightside.gif) repeat-y right top;
	padding:20px 20px 38px 25px;
	margin:-1px 0 -50px 0;
}

.center-content form {
	margin: 0 auto !important;
}

.bottom {
	width:100%;
	height:60px;
	background:url(../images/rounded/bottom.gif) no-repeat left bottom;
}

.bottom span {
	display:block;
	position:relative;
	height:60px;
	background:url(../images/rounded/bottom-right.gif) no-repeat right top;
}

/***search form***/

.searchform {
	padding: 20px 4px 8px 4px;
	width:8em;
}

.inputbox {
	background-color: #f0f8ff;
	color:#aaa;
}

.checkbox {
	font-size:75%;
	color:#fdf5e6;
}

/***hoverbox***/

.page-container {
	margin: 0 auto;
	width: 350px;
	text-align: left;
}

.pg {
	width: 350px;
	list-style: none none;
}

.pg:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.pg li {
	list-style: none none;
	display: inline;
}

.pg li a {
	margin: 2px;
	border: 1px solid #ccc;
	padding: 4px;
	position: relative;
	float: left;
	display: block;
	width: 100px;
	height: 75px;
	background:#8b2500; 
}

.pg li a:hover {
	font-size: 100%;
	z-index: 2;
}

.pg li a img {
	border: 0 none;
	position: absolute;
	width: 100px;
	height: 75px;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
	width: 400px;
	height: 300px;
	left: -50px;
	top: -37px;
	z-index: 1;
}

/***jquery pane list***/

.pane-list {
	margin: 0 auto;
	list-style: none;
	width: 80%;
	cursor: pointer;
}

.pane-list li {
	background: #96bdd9;
	padding: 2em;
	border-color: #f0f8ff #9caaab #ccc #d6ecff;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
}

.pane-list li:hover {
	background: #bde0ff;
	border-color: #9caaab #f0f8ff #f0f8ff #ccc;
	border-style: solid;
	border-width: 1px;
}

.pane-list li a:link {
	color: #3f5d73;
	border-bottom: none;
}

.pane-list li a:visited {
	color: #4f4f4f;
	border-bottom: none;
}

.pane-list li a:hover {
	color: #f0f8ff;
	background: #3f5d73;
	border-bottom: none;
}

.pane-list li a:active {
	color: #b22;
	background-color: transparent;
	border-bottom: none;
}

/***column link stylings***/

.col1 a:link {
	color:#204060;
	border-bottom:1px dotted #204060;
}

.col1 a:visited {
	color:#8b2500;
	border-bottom:1px dotted #9d6749;
}

.col1 a:hover {
	color:#fff;
	background:#204060;
	text-decoration:none;
}

.listcol2, .listcol3 {
	list-style-type: none;
}

.listcol2 a:link {
	color: #fdf5e6;
	border-bottom: none;
}

.listcol2 a:visited {
	color: #fdf5e6;
	border-bottom: none;
}

.listcol2 a:hover {
	background-color: #fdf5e6;
	color: #5c4033;
	border-bottom: none;
}

.listcol2 li {
	font-size: 1em;
	padding: .25em;
}

.listcol3 a:link, a:visited {
	color: #f0f8ff;
	border-bottom: none;
}

.listcol3 a:visited {
	color: #f0f8ff;
	border-bottom: none;
}

.listcol3 a:hover {
	background-color: #f0f8ff;
	color: #26466D;
	border-bottom: none;
}

.listcol3 li {
	font-size: 1em;
	padding: .25em;
}

.listcolutilities a:link, a:visited {
	color: #f0f8ff;
	border-bottom: none;
}

.listcolutilities a:visited {
	color: #f0f8ff;
	border-bottom: none;
}

.listcolutilities a:hover {
	background-color: #f0f8ff;
	color: #26466D;
	border-bottom: none;
}

.listcolutilities li {
	font-size: .75em;
	padding: .25em;
	list-style-type: none;
}

/***table styling***/

caption.pawstable {
	border-style:solid;
	border-width:2px;
	border-color:black;
	padding: 1em;
	text-align:center;
	background-color: #f0f8ff;
	font-weight: 700;
}

table.pawstable { 
	width:100%;
	border-style:solid;
	border-color:black;
	border-width:2px;
}

th.pawstable {
	font-size:.9em;
	padding: .5em;
	background-color: #ffcdbd;
}

td.pawstable {  
	font-size:.8em;
	border-style:none;
	border-width:0;
	padding: .5em;
	background-color: #fff;
	vertical-align:text-top;
}

/*** column container ***/

.colmask {
	position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float: none;
	margin: 0 auto;
	min-width: 600px;
	max-width: 1004px;
	width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
}

/*** holy grail 3 column settings ***/

.holygrail {
	background:#247fe6 url(../images/rsgrad.png) repeat-x; /* Right column background colour */
}

.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-12em; /* Width of right column */
	position:relative;
	right:100%;
	background:#eff2f3; /* Centre column background colour */
}

.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:24em; /* Left column width + right column width */
	background:#fa6900 url(../images/lsgrad.png) repeat-x;/* Left column background colour */
}

.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:12em;  /* Width of left column */
	padding-bottom:1em;
}

.holygrail .col1 {
	margin:0 13em;  /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}

.holygrail .col2 {
        float:left;
        float:right; /* This overrides the float:left above */
        width:10em; /* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:1em; /* Width of the left-hand side padding on the left column */
}

.holygrail .col3 {
	float:left;
	float:right; /* This overrides the float:left above */
	width:10em; /* Width of right column content (right column width minus left and right padding) */
	margin-right:3em;  /* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

/***1 column styling***/

.fullpage {
	background:#eff2f3;
}

.fullpage .col1 {
	margin:0 1em;
}

/*** Footer styles ***/

#footer {
	clear:both;
	float: none;
	margin: 0 auto;
	min-width: 600px;
	max-width: 1004px;
	width:100%;
	background: #48668e url(../images/footgrad3.jpg);
	color: #fff;
	padding: 2em 0 2em 0;
}

#footer a:link {
	color: #e5e5e5;
	border-bottom: none;
}

#footer a:visited {
	color: #e5e5e5;
	border-bottom: none;
}

#footer a:hover {
	color:#525c65;
	background: #f0f8ff;
	border-bottom: none;
}

#footer p {
	padding:10px;
	margin:0;
	font-size: .85em;
}

/***footer links ***/

.footerlinks ul {
	list-style:none;
	margin-top: .33em;
}
.footerlinks li {
	display:inline;
	padding: 0 1em;
	font-family: "Trebuchet MS", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;
}

.footerlinks a:link {
	color: #e5e5e5;
	border-bottom: none;
}

.footerlinks a:visited {
	color: #e5e5e5;
}

.footerlinks a:hover {
	color:#525c65;
	background: #f0f8ff;
	border-bottom: none;
}

/***Alert Box***/

#alertwrap {
	width:350px;
	margin:20px auto;
	padding-bottom:10px;
	background:#1565c1;
	border:1px solid #000;
	text-align: center;
}

#alertwrap h2 {
	font-size: 2em;
	text-align:center; 
	background:#1565c1;
	color: #fff;
}

#alertwrap p.tooltip {
	position:relative;
	padding-top:0;
	text-align:center;
	background:#fff;
	font-weight: 700;
	font-size: 1.1em;
}

#alertwrap p.tooltip a {
	color: #c75300;
	text-decoration:none;
}

* html p.tooltip, 
* html p.tooltip a:hover {
	display:inline-block;
}

#alertwrap p.tooltip a span {
	position:absolute;
	width:300px;
	top:-50px;
	left:20%;
	margin-left:-62px;
	padding:15px;
	visibility:hidden;
	background:#fff;
	border:2px solid #c75300;
	color:#1565c1;
	font-size:.9em;
}

#alertwrap p.tooltip a:hover span {
	visibility:visible;
}