/*  
Theme Name: Nokomis
Description: Pets theme custom for Nokomis Pet Clinic
Author: Ninth Ward Media
Version: 1.0
Author URI: http://www.ninthwardmedia.com
*/

/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/goldgreen.png);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #216355;
	background-color: #c4cec3;
}

body h1 {
	font-size: large;
	text-decoration:none;
	color: #f39728;
	line-height: .5em;
}
p { 
    font-family: Arial, Tahoma  , sans-serif;
    font-size: 1em;
    padding-top: 0;
    margin: 1em 0;
    line-height: 1.5;
    }



input[type="text"], input[type="password"] {
	margin-right: 2px;
	font-size: 10px;
	padding: 3px;
	margin-bottom: 6px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 14px;
	color: #666;
}

input[type="submit"] {
	font-size: 10px;
	cursor: pointer;
	color: #246;
	background: #e5e5e5;
	height: 22px;
	padding: 0 4px;
	border: 1px solid #a3a3a3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"]:hover {
	color: #d54e21;
	border-color: #535353;
}

input[type="checkbox"] {
	margin-right: 4px;
}

.thrColLiqHdr #container { 
	width: 100%;  /* this will create a container 100% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images/goldfoot.png);
	background-repeat: repeat-x;
	background-position:bottom;
} 
#logo {
	position:relative;
	left:20px;
	top:0px;
	width:206px;
	height: 289px;
	border: 0;
}
.thrColLiqHdr #main {
}
.thrColLiqHdr #main h1 {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:x-large;
	padding: 10px;	
  }
.thrColLiqHdr #main p {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:medium;
	margin: 15px 10px 15px 10px;
}
.rounded:before {
	background: url(images/top-right.jpg) scroll no-repeat top right;
	margin-bottom: -20px;
	height: 30px;
	display: block;
	border: none;
	content: url(images/top-left.jpg);
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}
.rounded:after {
	display: block;
	line-height: 0.1;
	font-size: 1px;
	content: url(images/bottom-left.jpg);
	margin: 2px 0 0 0;
	height: 30px;
	background: url(images/bottom-right.jpg) scroll no-repeat bottom right;
	padding: 0;
}
.rounded * {
    padding-left: 16px;
    padding-right: 16px;   
}
.rounded h1 a, a:hover, a:visited {
    color: #f39728;
    text-decoration: none;
}
.rounded h2 {
    font-size:small;
	font-weight:normal;

    text-decoration: none;
	text-align: center;
}
.rounded h4 {
	margin-left: 16px;
	color: #c4cec3;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	line-height: 0.25;
}
.rounded {
	background-color: #ffffff;
	padding: 0;
	margin-top: 75px;
	margin-right: 24%;
	margin-bottom: 30px;
	margin-left: 240px;
}

.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 246; /* since this element is floated, a width must be given */
	/* background: #c4cec3;  the background color will be displayed for the length of the content in the column, but no further */
	color:#216355;
	padding: 0px 0; /* top and bottom padding create visual space within this div  */
    font-size: .9m;
    font-weight: bold;
    line-height: .5;

}
.thrColLiqHdr #sidebar1 p {
	text-align: right;
	text-decoration:none;
    font-size: .9em;
    font-weight: bold;
    line-height: .5;


}
.thrColLiqHdr #sidebar1 a {
	color:#ffffff;

	font-weight:bold;
	text-decoration:none;
}
.thrColLiqHdr #sidebar1 a:hover{
	color:#f39728;
	font-weight: bold;
	text-decoration:none;
}
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 23%; /* since this element is floated, a width must be given */
	/* background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 55px;
	padding-bottom: 0px; /* top and bottom padding create visual space within this div */
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3,  {
	margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 0px;
	font-size: small;
}
.thrColLiqHdr #sidebar2 ul {
	list-style:none;
	margin-left: 0;
	padding-left: 1em;
	padding-right: 1em;
	text-indent: 0;
	line-height: 1.5;
}

.thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h1, .thrColLiqHdr #sidebar2 h2, .thrColLiqHdr #sidebar2 h3, .thrColLiqHdr #sidebar2 h4, .thrColLiqHdr #sidebar2 li {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
	font-size: small;
    font-family: Arial, Tahoma  , sans-serif;
    font-size: small;
    padding-top: 0;
    


}
.thrColLiqHdr #sidebar2 a {
	color:#216355;
	font-weight:bold;
	text-decoration:none;
}
.thrColLiqHdr #sidebar2 a:hover{
	color:#f39728;
	font-weight: bold;
	text-decoration:none;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.navigation {
	font-size:x-small;
	text-align:center;
} 
.pagetitle {
	font-variant: small-caps;
	line-height: 1em;
}
/* place css fixes for all versions of IE in this conditional comment */
/* .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 0px; } */
/* .thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; } */
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
#apDiv1 {
	position:absolute;
	left:172px;
	top:16px;
	width:1024px;
	height:140px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:1000px;
	top:70px;
	width:200px;
	height:140px;
	z-index:1;
}
#apDiv1 menu {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
#menu li {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
}
#menu li a {
	display: block;
	width: 100px;
	height: 100px;
	color: #FFFFFF;
	text-decoration: none;
}
/* #menu li a:hover {
	background-color: #216453;
}
*/


.current_page_item  { 
	background-color: #f39728;
}
.page-item-1 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
}
.page-item-1 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
	background-color: #216453;
}

.page-item-2 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconB.png);
}
.page-item-2 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconB.png);
	background-color: #216453;
}
.page-item-3 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconC.png);
}
.page-item-3 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconC.png);
	background-color: #216453;
}.page-item-4 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconD.png);
}
.page-item-4 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconD.png);
	background-color: #216453;
}.page-item-5 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconE.png);
}
.page-item-5 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconE.png);
	background-color: #216453;
}.page-item-6 {
	display: block;


	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconF.png);
}
.page-item-6 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconF.png);
	background-color: #216453;
}.page-item-7 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconG.png);
}
.page-item-7 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconG.png);
	background-color: #216453;
}.page-item-8 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconH.png);
}
.page-item-8 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconH.png);
	background-color: #216453;
}.page-item-9 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconI.png);
}
.page-item-9 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconI.png);
	background-color: #216453;
}.page-item-10 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconJ.png);
}
.page-item-10 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconJ.png);
	background-color: #216453;
}.page-item-11 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconK.png);
}
.page-item-11 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconK.png);
	background-color: #216453;
}.page-item-12 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconL.png);
}
.page-item-12 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconL.png);
	background-color: #216453;
}.page-item-13 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconM.png);
}
.page-item-13 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconM.png);
	background-color: #216453;
}.page-item-14 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconN.png);
}
.page-item-14 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconN.png);
	background-color: #216453;
}.page-item-15 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconO.png);
}
.page-item-15 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconO.png);
	background-color: #216453;
}.page-item-16 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconP.png);
}
.page-item-16 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconP.png);
	background-color: #216453;
}.page-item-17 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconQ.png);
}
.page-item-17 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconQ.png);
	background-color: #216453;
}.page-item-18 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
}
.page-item-18 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
	background-color: #216453;
}.page-item-19 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconS.png);
}
.page-item-19 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconS.png);
	background-color: #216453;


}.page-item-20 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconT.png);
}
.page-item-20 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconT.png);
	background-color: #216453;
}.page-item-21 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconU.png);
}
.page-item-21 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconU.png);
	background-color: #216453;
}.page-item-22 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconV.png);
}
.page-item-22 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconV.png);
	background-color: #216453;
}.page-item-23 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconW.png);
}
.page-item-23 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconW.png);
	background-color: #216453;
}.page-item-24 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconX.png);
}
.page-item-24 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconX.png);
	background-color: #216453;
}.page-item-25 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconY.png);
}
.page-item-25 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconY.png);
	background-color: #216453;
}.page-item-26 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconZ.png);
}
.page-item-26 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconZ.png);
	background-color: #216453;
}
.page-item-28 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
}
.page-item-28 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconA.png);
	background-color: #216453;
}
.page-item-29 {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconD.png);
}
.page-item-29 a:hover {
	display: block;
	cursor: pointer;
	float: left;
	list-style-type: none;
	width: 100px;
	height: 100px;
	text-align:center;
	line-height:12em;
	font-size:small;
	background-image:url(images/iconD.png);
	background-color: #216453;
}
@charset "UTF-8";
/* CSS Document */