/* CSS Document */
body {
	font: 100%/1.4 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #333333;
	padding-bottom: 10px;
	background: #fff;
	margin: 0px;
}

/* layout areas */
#frame {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	position: relative;
	background-color: transparent;
}

/* general styles */
a:link, a:visited, #contentleft ul.arrow li a:link, #contentleft ul.arrow li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #0083AF;
}

a:hover, a:active, #contentleft ul.arrow li a:hover, #contentleft ul.arrow li a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #819A13;
}

/* header area */
#contentheader {
	background:#fff url(../images/layout/banner.gif) no-repeat left top;
	display: block;
	height: 117px;
	width: 780px;
	text-align:right;
	margin: 0px;
	padding: 0px;
}

#controltop {
	width:259px;
	padding:0px 13px 0px 0px;
	text-align:right;
	font-size: 11px;
	line-height: 11px;
	color: #333333;
	margin: 25px 0px 0px;
	float:right;
	display: block;
	vertical-align: top;
}
#sizer {
	background:url(../images/layout/text_default.gif) no-repeat 0px 0px;
	display: inline;
	height: 13px;
	width: 90px;
	margin: 0px;
	padding: 0px;
}

#petcam  {
	margin: 25px 0px 0px;
	padding: 0px;
}

/* HOMEPAGE ONLY  */
#contentarea {
	display: block;
	height: auto;
	width: 758px;
	text-align:left;
	background: #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
	margin-right: 5px;
	margin-left: 5px;
}
/* left column on homepage */
#contentleft {
	width:214px;
	padding:0px;
	float:left;
	margin: 18px 0px 0px;
	font-size: 70%;
	height: 473px;
}

#contentleft #blue {
	background:#C0E3F0;
	height: 383px;
	position: relative;
}
		
#contentleft #catboy {
	border: 7px solid #C0E3F0;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 267px;
}
		
#contentleft p, #contentleft ul {
	margin: 11px 9px 0px;
	padding: 0px 0px 2px;
}

#contentleft ul li {
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	list-style: none;
	background: url(../images/home/bullet_blue.gif) no-repeat 0px 4px;
	margin: 0px 0px 11px;
	line-height: 1.4;
	position: relative;
}

#contentleft ul li a:link, #contentleft ul li a:visited {
	color: #333333;
}

#contentleft ul li a:hover, #contentleft ul li a:active {
	text-decoration: underline;
	color: #819A13;
}

#contentleft ul.arrow {
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

#contentleft ul.arrow li {
	display: block;
	text-decoration: none;
	padding: 0px 18px 0px 0px;
	list-style: none;
	background: url(../images/home/arrow_news.gif) no-repeat right 4px;
	margin: 0px 0px 4px;
	line-height: 1.5;
	text-align: right;
}

#homegoogle  {
	width:177px;
	padding:10px 15px 10px 20px;
	display: block;
	margin: 7px 0px 0px;
	background: #fff;
	display: block;
	border: 1px solid #E7E7E7;
	font-size: 11px;
	line-height: 11px;
	height: 63px;
}
		
/* center column on homepage */
#contentcenter {
	float:left;
	background:#fff;
	background-color: transparent;
	font-size: 70%;
	line-height: 1.4;
	overflow: hidden;
	padding:0px;
	width:535px;
	/* hide from IE mac \*/
	width:535px;
	margin: 0px 0px 0px 7px;	/* end hiding from IE5 mac */
}


/* SUBPAGES ONLY */
/* center column on subpage */
#contentcentersub {
	float:left;
	background-color: transparent;
	font-size: 70%;
	line-height: 1.4;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 2px;
	margin-right: 0px;
	overflow: hidden;
	padding:0px;
	width:568px;
	/* hide from IE mac \*/
	width:568px;
	/* end hiding from IE5 mac */
}

#contentcentersub p, #contentcentersub table  {
	margin: 0px 20px 20px;
} 

#contentcentersub h2 {
	font-size: 120%;
	color: #819A13;
	font-weight: bold;
	display: block;
	height: 18px;
	margin: 20px 20px 5px;
	padding-bottom: 0px;
}

#contentcentersub h3 {
	font-size: 105%;
	color: #01243A;
	font-weight: bold;
	display: block;
	height: 18px;
	margin: 20px 20px 5px;
	padding-bottom: 0px;
	text-transform: uppercase;
}

/*.leftphoto  {
	margin: 0px;
	padding: 4px 10px 0px 0px;
	position: relative;
	float: left;
		}*/
.leftphoto {
	margin: 0px 10px 10px 0px;
	border: 1px solid #F3EA8D;
	position: relative;
	float: left;
		}
		
/*#contentcentersub ul, #contentcentersub ol  {
	margin: 0px;
	padding: 0px 20px 20px 45px;
}
*/
#backtotop {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 12px;
	padding:0px 0px 65px;
	margin:0px;
	display: none;	
	/* hide from IE mac \*/
	display: block;	
	/* end hiding from IE5 mac */
}


	
#footer1 {
	width:780px;
	padding:0px;
	text-align:right;
	position: relative;
	font-size: 70%;
	color: #B7DFF7;
	margin: 0px auto 10px;
	text-align:center;
	background: url(../images/layout/footer.gif) no-repeat left top;
}
#footer2 {
	width:780px;
	padding:0px;
	text-align:right;
	position: relative;
	font-size: 70%;
	color: #fff;
	margin: 0px auto 10px;
	text-align:center;
	background-color: transparent;
}
#footer2 a {
	font-weight:normal;
	color: #fff;
}

/* home boxes left */

/* something in this code is causing the P tag to hide offscreen in IE */
#homebox1 {
	width:304px;
	padding: 19px;
	float:left;
	margin: 0px;
	border: 1px solid #E6E8CB;
	height: 184px;
	background: #FEFEFD url(../images/home/welcome.jpg) no-repeat left top;
	display: block;
}

#homebox1 p {
	margin: 40px 0px 0px;
	padding: 0px;
}

/*ul.arrow {
	margin: 0px;
	padding:  0px;
	border: 1px dotted #0000FF;
}*/

#homebox1 ul.arrow li {
	display: block;
	text-decoration: none;
	padding: 0px 18px 0px 0px;
	list-style: none;
	background: url(../images/home/arrow_box1.gif) no-repeat right 4px;
	margin: 0px 0px 3px;
	line-height: 1.5;	
	text-align: right;
}

/* home boxes right */
#homebox2 {
	width:170px;
	padding:20px 10px 0px;
	float:left;
	margin: 0px;
	height: 202px;
	background: #FEFEFD url(../images/home/login.jpg) no-repeat left top;
	border-top: 1px solid #E6E8CB;
	border-right: 1px solid #E6E8CB;
	border-bottom: 1px solid #E6E8CB;
	display: block;
}

#homebox2 p {
	margin: 50px 0px 0px;
	padding:19px;
}

#homebox2 ul.arrow {
	margin: 46px 0px 0px 10px;
	padding: 0px;
	display: block;
}

#homebox2 ul.arrow li {
	text-decoration: none;
	padding: 0px 0px 6px 20px;
	list-style: none;
	background: url(../images/home/arrow_login.gif) no-repeat left 3px;
	margin: 0px;
	line-height: 1.5;
	border-width: 0px;
	display: block;
}

/* right column on subpages */
#contentright {
	width:184px;
	padding:0px;
	float:right;
	background:#fff;
	margin: 18px 0px 0px 0px;
	font-size: 70%;
	line-height: 11px;
}

.rightbox {
	width:166px;
	display: block;
	margin: 0px;
	line-height: 11px;
}

#box1 {
	padding:9px 7px 0px 9px;
	height: 152px;
	background: #fff url(../images/sub/layout/rightboxback.jpg) no-repeat left top;
	border: 1px solid #E6E8CB;
}

#box2 {
	padding:16px 4px 0px 12px;
	height: 28px;
	background: #fff url(../images/sub/layout/rightboxback2.jpg) no-repeat left top;
	border-right: 1px solid #E6E8CB;
	border-bottom: 1px solid #E6E8CB;
	border-left: 1px solid #E6E8CB;
}

#emailpage   {
	background: url(../images/sub/layout/email.gif) no-repeat left top;
	margin-left: 8px;
	padding: 5px 4px 4px 24px;	
	/*margin-top: 2px;*/
}

#rightgoogle  {
	width:166px;
	padding:10px 7px 9px 9px;
	display: block;
	margin: 0px;
	height: 70px;
	background: #fff;
	display: block;
	border-right: 1px solid #E4E7EA;
	border-bottom: 1px solid #E6E8CB;
	border-left: 1px solid #E6E8CB;
	font-size: 11px;
	line-height: 11px;
}

#googlesearch {
	width:160px;
	height: 18px;
	background: #F5F5F5;
	border: 1px solid ##E4E7EA;
	margin: 0px;
	padding: 0px;
}
		
#rightbar {
	background: #819A13;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 184px;
	border-bottom: 5px solid #B6D971;
}
#rightboxbot	 {
	background: #B6D971 url(../images/sub/layout/rightboxbot.gif);
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 184px;
}	
/* Page Header*/

#pageheader	 {
	background: #FFFFFF;
	display: block;
	margin: 18px 0px 0px;
	padding: 8px 0px 0px;
	height: 32px;
	width: 565px;
	text-align: left;
}

#pageheader	h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 38px;
	padding: 0px;
	position: absolute;
	display: block;
	/*width: 220px;*/
	left: 16px;
}

/* Need to always apply one of these */
.h1normal {
	width:280px;
	font-size: 24px;
	line-height: 1em;
	/*position: relative;*/
}

.h1wide {
	width:310px;
	font-size: 22px;
	line-height: .6em;
	/*border: 1px dotted #FF0000;	position: relative;*/
	display: block;
	height: 24px;
}

.h1narrow {
	width:200px;
	font-size: 24px;
	line-height: 1em;
	/*position: relative;*/
}


#bread {
	font: 11px/11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 3px 6px 0px 0px;
	padding: 0px;
	position: absolute;
	text-align: right;
	right: 205px;
}
#bread a:link, #bread a:visited {
	font: normal 11px/11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
#bread a:hover, #bread a:active {
	text-decoration: underline;
	color: #819A13;
}

#bread ul {
	margin: 3px 0px 0px;
	padding: 0px;
}

#bread li {
	text-decoration: none;
	padding: 0px 0px 0px 9px;
	list-style: none;
	background: url(../images/sub/layout/arrow_bread.gif) no-repeat 0px 4px;
	margin: 0px 0px 0px 5px;
	line-height: 1;
	float:right;
}
#tertiary {
	font: 100%/2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 15px 10px 20px 4px;
	padding: 0px;
	width:535px;
	display: block;
}
#tertiary li {
	display: inline;
	text-decoration: none;
	padding: 0px 0px 0px 9px;
	list-style: none;
	background: url(../images/sub/layout/dot_tertiary.gif) no-repeat 0px 5px;
	margin: 0px 0px 0px 14px;
	line-height: 2;
}
/* Form Styling -- */
form  {
	padding: 0px;
	margin: 0px;
}
input {
	font: 11px/1.4 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#bodyform {margin: 0px 40px; padding: 0; /*position: relative;*/  border: 0; width: 500px; }

/*#bodyform td {
	vertical-align: top;
	padding-bottom: 4px;
}*/

#bodyform td table. #bodyform td table td {
	vertical-align: top;
	background: #FFCCFF;
	margin: 0px;
	padding: 0px;
}


/* descriptive text */
#bodyform p {
	margin: 0px;
	padding: 5px 0px;
}

#contentcentersub #bodyform h2 {
	margin: 0px;
}
/* spacing of lines */
#bodyform div {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* REVISED: Standard Layout */


.normal label {
	margin: 0 10px 0 0;
	padding: 0px 0 2px;
	width: 287px;
	text-align: left;
	display: block;
}

.normal input {
	margin: 0px 14px 0px 0px;
	font: 11px/1 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 172px;
	border: 1px solid #C3C59E;
	padding: 2px 4px;
}

.normal select, .normal textarea {
	margin: 0px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #C3C59E;
	width: 181px;
}
.normal textarea {
	width: 178px;
}

.normal select {
	height: 18px;
}

/* wide Layout */

.wide label {
	margin: 0 10px 0 0;
	padding: 0px 0 2px;
	width: 400px;
	text-align: left;
	display: block;
}

/* radio floats */
.float p  {
	float: left;
	margin-left: 4px;
}

.float fieldset  {
	border: 0px;
	margin: 0px;
	padding: 4px 0px 0px;
}

.float label  {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}

.float input, .float table  {
	float: left;
	padding: 2px 4px;
	margin-left: 10px;
}

/* salutation layout */
label.salutation  {
	display: none;
}

select.salutation  {
	margin: 0px;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 46px;
	border: 1px solid #C3C59E;
	height: 18px;
}

.firstname {
	text-align: left;
}

.firstname label {
	margin: 0 10px 0 0;
	padding: 0px 0 2px;
	width: 165px;
	text-align: left;
	display: block;
}

.firstname input {
	margin: 0px 14px 0px 0px;
	font: 11px/1 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 122px;
	border: 1px solid #C3C59E;
	padding: 2px 4px;
}

/* adjust the width of this div to align buttons */
#submitContainer {
	text-align: left;
	margin-top: 10px;
	margin-left: 44px;
	margin-bottom: 30px;
}

.orange {
	color: #FF6600;
}

#validationLabel{
	color: #FF6600;
	font-weight: bold;
}

.missing {
	color: #FF00FF;
	font-weight: bold;
}

/* PRINT HIDING */

#topmenu, #contentright, #controltop, #contentheader, #footer1, #footer2, #backtotop {
	display: none;
}