@charset "utf-8";
/* CSS Document */



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F5F1E9;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	
}

#container {
	width: 930px; 
	background-color:#F5F1E9;
	margin: 0 auto; 
	text-align: left;
	border-left:1px solid #CCB38C;
	border-right:1px solid #CCB38C
	
	
}

#container_bgWhite {
	width: 930px; 
	background-color:#fff;
	margin: 0 auto; 
	text-align: left;
	
}

#header {
	
	height:125px; 
	width:930px;
	margin-top:20px;
	border:none;
	 
}
/*header classes for right float*/
.hRt_1{font-family:Georgia,Times New Roman, Times, serif;font-size:22px;font-style:italic}
.hRt_2{font-family:Georgia,Times New Roman, Times, serif;font-size:14px}


#headerRight {float:right;
              display:inline;
			  text-align:center;
			  margin-right:20px;
			  margin-top:15px
			  }
			  
#headerlog {font-size:12px;
            font-weight:bold;
			text-align:center;
			width:930px;
			padding:7px 25px;
			border-bottom:1px solid #663300
			}			  

#announce {width:740px;padding:5px 20px;background-color:#663300;height:25px;text-align:right;font-family:Georgia,Times New Roman, Times, serif;font-size:20px;font-style:italic;font-weight:bold;color:#FFFFFF}



			 
.links a:link, .links a:visited, .links a:active {font-weight:bold;text-decoration:none;color:#663300}
.links a:hover  {font-weight:bold;text-decoration:underline;color:#000099;}
					
.mainlinks a:link, .mainlinks a:visited, .mainlinks a:active  {text-decoration:none;color:#0000CC}
.mainlinks a:hover  {text-decoration:underline;color:#286918;}


.mainlinks2 a:link, .mainlinks2 a:visited, .mainlinks2 a:active  {text-decoration:underline;color:#FFFF00}
.mainlinks2 a:hover  {text-decoration:none;color:#66FFFF}

.redlink a:link, .redlink a:visited, .redlink a:active  {text-decoration:none;color:#CC0000}
.redlink a:hover  {text-decoration:underline;color:#FF9900}

#redlink a:link, #redlink a:visited, #redlink a:active  {text-decoration:none;color:#CC0000}
#redlink a:hover  {text-decoration:underline;color:#FF9900}




.pad12 {padding:12px}
.pad20 {padding:20px}
.pad30 {padding:30px}					
.storyText p {text-indent:10px}		
		
#navtop {width:928px;
		font-size:11px;
		background-color:#E6D2B9;
		color:#663300;
		font-weight:bold;
		
		
		}
.taf {float:left;width:28%;text-align:center}
.navtopL {float:left;width:28%}
.navtopR {float:right;width:70%}	
.navtop {width:908px;
		height:30px;
		font-size:11px;
		color:#663300;
		padding:5px 20px 10px 0;
		font-weight:bold;
		text-align:right;
		line-height:1.5;
		border:1px solid #663300;
		border-top:none;
		}		
.navtopR a:link, #navtopR a:visited, #navtopR a:active {color:#663300;text-decoration:none}
.navtopR a:hover {color:#000099;text-decoration:underline}

.navtopL a {font-size:16px;padding:3px}
.navtopL a:link, #navtopL a:visited, #navtopL a:active {color:#fff;text-decoration:none;background-color:#CC0000;border:1px solid #000}
.navtopL a:hover {color:#CC0000;text-decoration:underline;background-color:#fff}
/*used in headerlog file*/	
.navLower a:link, .navLower a:visited, .navLower a:active {background-color:#357143;color:#fff;text-decoration:none;padding:5px 3px;border:1px solid #663300}
.navLower a:hover {background-color:#EAFFEB;color:#663300;text-decoration:none;padding:5px 3px}



/*navUpper width=930px - 40px padding - 10px border*/
#navUpper {width:888px;
           background-color:#F5F1E9;
           padding:0 20px;
           color:#663300;
           height:105px;
          border:1px solid #663300;
		  border-bottom:none;
		  border-top:none
           }

#navUpper label {float:left;width:50px;text-align:right;font-size:11px}



#loginHL{float:left;width:250px;padding:0 5px;height:85px;background-image:url(../images/logInLinks.png);background-repeat:no-repeat;margin-top:5px}
#loginHL input{float:left;text-align:left;margin-bottom:2px;margin-left:10px}
.loginLinks{padding:15px 10px 5px 60px;height:70px;background-image:url(../images/logInLinks.png);background-repeat:no-repeat;font-size:14px}

#byeMsg{font-size:14px;text-align:center}

#loginMsg{float:left;width:270px;height:65px;text-align:center;margin-top:25px;line-height:1.5;font-size:12px}
.search {float:right;width:350px;text-align:right;height:60px;padding-top:20px}

.navLower {width:880px;padding:10px 20px}
#navLower {border-bottom:1px solid #FFFFFF;padding:10px 0;width:930px}



.loginHdg{background-color:#663300;color:#fff;margin-bottom:3px;width:300px;text-align:center}		

	
#navleft {float:left;
          width:149px;
		  background-color:#357143;
		  color:#FFFFFF;
		  line-height:1.3;
		  border-left:1px solid #663300;
		  text-align:right}		
	
#navleft a:link, #navleft a:visited, #navleft a:active {float:left;width:125px;background:url(../images/navLeftBg.png) no-repeat #663300;color:#fff;text-decoration:none;border-bottom:1px solid #663300;padding:10px 15px 3px 10px;height:30px;font-weight:bold}
#navleft a:hover {float:left;width:125px;text-decoration:underline;border-bottom:1px solid #663300;padding:10px 25px 3px 5px;height:30px;font-weight:bold}

#navleft_vid {float:left;
          width:129px;
		  background-color:#333366;
		  color:#FFFFFF;
		  line-height:1.5;
		  border-left:1px solid #663300;
		  padding:40px 10px}		
	
#navleft_vid a:link, #navleft_vid a:visited, #navleft_vid a:active {text-decoration:none;color:#fff}
#navleft_vid a:hover {text-decoration:underline;color:#FFF000}

		
#mainContent {float:left;
			  width:779px;
              padding:0;
			  margin:0;
			  font-family:Verdana;
			  font-size:12px;
			  
			  }		
#mainContent930 {float:left;
			  width:930px;
              padding:0;
			  margin:0;
			  font-family:Verdana;
			  font-size:12px
			  }				
		
#info {float:right;
       width:153px;
	   padding:10px;
	   }

	   
	   		
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
#footer {
    float:left;
	width:910px;
	padding:10px; 
	background-color:#E6D2B9;
	font-family:Tahoma;
	font-size:12px;
	border:1px solid #663300;
	line-height:1.5
	}


.subhead1 {
           font-weight:bold;
		   font-size:24px;
		   font-family:Times New Roman, Times, serif;
		   text-align:center
		   }
.subhead2  {
           font-weight:bold;
		   font-size:22px;
		   font-family:Times New Roman, Times, serif;
		   text-align:center;
		   
		   }
		   
.subhead3 {
           font-weight:bold;
		   font-size:20px;
		   font-family:Times New Roman, Times, serif;
		   text-align:center;
		   font-style:italic
		   }		   
		   

			

label {float:left;
       width:175px;
	   text-align:right;
	   padding-right:10px;
	   font-size:14px;
	   font-weight:bold;
	   }
select {margin-bottom:5px}
input {margin-bottom:5px}
textarea {margin-bottom:5px}	   
	   
	   
	   
/*used in signin.php*/	   
.width125 {width:125px}

	   


.error {color:#FF0000}
.errorB {color:#FF0000;font-weight:bold}
.fs10 {font-size:10px}
.fs11 {font-size:11px}
.fs11b {font-size:11px;font-weight:bold}
.fs12 {font-size:12px}
.fs14 {font-size:14px}				   
.fs14bold {font-size:14px;font-weight:bold}
.fs16 {font-size:16px}
.fs16bold {font-size:16px;font-weight:bold}
.fs18bold{font-size:18px;font-weight:bold}



/*div for register.php initial form*/
#signUp {float:left;
         width:400px;
		 padding:30px 5px;
		 }
#regDog {background-image:url(../images/registerDog.png);
         font-family:Segoe Print;
		 font-size:18px;
		 font-weight:bold;
		 color:#915e0f;
		 width:325px;
		 height:239px;
		 float:left;
		 margin-left:20px;
		 margin-top:40px;
		 text-align:center;
		 padding-top:15px;
		 line-height:1.3;
		 }
#loginDog {float:right;
           width:253px;
		   height:335px;
		   background-image:url(../images/loginDog.png);
		   margin:40px 40px 40px 0;
		   font-family:Georgia, Times New Roman, Times, serif;
		   font-style:italic;
		   font-size:18px;
		   padding-top:40px;
		   text-align:center
		   }		 

		 
/*general content div*/
#content {margin:40px;padding:10px 15px 15px 15px;border:1px solid #4E3D23;font-family:Arial, Helvetica, sans-serif;float:left;width:670px;background-color:#F3F2FF}
#content p{text-indent:20px}
#content ul {list-style-type:circle;line-height:1.3}
#upload1 {margin:30px;padding:20px;border:2px solid #663300;border-bottom:none;font-family:Arial, Helvetica, sans-serif;background-color:#FFFFFF}
#upload2 {margin:30px;padding:20px;border:2px solid #EBEBFC;font-family:Arial, Helvetica, sans-serif}
#upload1 ul {list-style-type:decimal;line-height:1.3}	

#storyUplConf {margin:30px;padding:20px;border:1px solid #663300;background-color:#F8F4ED}
#login {float:left;width:400px;padding:15px 0 30px 30px}
/*photo list table divs*/
#correct {color:#FF0000;font-weight:500}
.column1 {float:left;
          width:100px;
		  height:100px;
		  margin-left:40px;
		  margin-top:40px
		  }
		  
.column2 {float:left;
          width:200px;
		  height:100px;
		  margin-top:40px
		  }
		  
.column3 {float:left;
          width:300px;
		  height:100px;
		  margin-top:40px
		  }

.column4 {float:left;
          width:60px;
		  height:100px;
		  margin-right:30px;
		  margin-top:40px
		  }

/*button divs for delete photo Yes or No*/		  
#deleteYes {float:left;
            width:49%;
			text-align:right;
			margin-right:5px
			}

#deleteNo  {float:left;
            width:49%;
			margin-left:5px
			}
/*div for row of photo list*/			
.myphotos {width:100%;height:110px}

/*classes for myaccount categories*/
.userHeading {font-size:14px;
                 font-weight:bold;
				 padding:7px;
				 margin:0 39px;
				 background-color:#FFF4E8;
				 border:1px solid #999999;
				 width:688px;
				 text-align:center
				
				 }
				 
.userHeading a:link, .staffedithdg a:visited, .staffedithdg a:hover {color:#000099;text-decoration:none}
.userHeading a:hover {color:#009900;text-decoration:underline}
			 
				 
.userForm {width:662px;border:1px solid black;background-color:#F2F9FF;padding:25px 20px 20px 20px;margin:0 39px;font-size:14px}	

/*used in addcomment and viewcomments files*/	
.photolist {float:left;width:94px;height:94px;margin:2px}
#photolist {float:left;width:198px;margin-top:30px;text-align:center;padding-left:20px}
#photolist a img {width:94px;height:94px;border:1px solid #000000}
#photolist a:hover img {border:1px solid #E3D8C1}

.largePhoto {float:left;width:410px;padding:40px 0 40px 30px;text-align:center}

.showCommentPhoto {border:5px solid #F5E6B4;padding:5px;background-color:#FFFFFF;margin-top:20px;width:430px}
.showComment {width:88%;border:5px solid #F5E6B4;margin-left:5%;padding:3px}
.comment_border {border:1px solid #F5E6B4}
.comment_user {font-size:12px;background-color:#EFEFEF;padding:2px 5px}
.comment_text {font-size:13px;background-color:#FCFBE0;padding:2px 5px}

.navBack{background-color:#EFEFEF;border:5px solid #fff;padding:10px;width:420px;margin-top:12px}
.navBack ul {list-style-type:none;line-height:1.5;text-align:left;margin-left:75px}




.catHeading{height:80px;background:url(../images/catBg.png) repeat-y #FFFFFF;border-bottom:groove}
.meowHeader{float:right;width:250px;margin-right:20px;text-align:center}


.galleryHeading {padding:5px 0;background-color:#FFF4EA;font-family:Georgia, Times New Roman, Times, serif;font-size:24px;text-align:center;line-height:1.3;height:60px;border:outset}
.fl500{float:left;width:486px;border:1px solid #663300;margin:3px;padding:3px 10px}
.fl250{float:left;width:250px}

.gallery2{float:left;
          width:257px;
		  height:500px;
		  font-size:12px;
		  font-family:Arial, Helvetica, sans-serif;
		  background-color:#D9DDE8;
		  border:1px solid #FFFFFF}
.gallery2_pg{float:left;width:760px;height:30px;padding-top:10px;background-color:#D9DDE8;border:1px solid #FFFFFF;text-align:right;padding-right:20px}

.pgLinks{float:left;width:930px;height:30px;padding-top:10px;background-color:#fff;border-top:1px solid #663300;text-align:center;margin:20px 0}

.pagelinks {font-weight:bold}

.dupPawsUp {font-size:14px;background-color:#FFFFFF;color:#CC0000;text-align:center;font-weight:bold}



.vote {float:left;
          width:244px;
		  height:400px;
		  padding:7px;
		  font-size:12px;
		  font-family:Verdana;
		  background-color:#FFFFFF;
		  border:1px solid #CCCCCC}



.nopass {width:60%;margin-left:20%;margin-top:40px;background-color:#EFEFEF;padding:20px;border:1px solid #999999}

/*divs for special situations*/

/*used on tag order form page*/
.tagform {width:70%;margin:20px 117px}

/*used on index Jan.09*/
#flash0109 {float:left;width:310px;border:groove}
.lhCenter {line-height:1.5;text-align:center}
#info0109 {float:right;width:440px;height:230px;border:1px solid #996600;background-color:#FFFDF0;padding:10px}
#infoSub1 {float:left;width:183px}
#infoSub2 {float:left;width:240px}
.hdg_new {font-weight:bold;color:#CC0000;font-family:Segoe Print;font-size:20px}
.mcStories_title {font-family:Times New Roman, Times, serif;font-size:24px;font-style:italic;font-weight:bold;padding:10px}
.synopsis {font-family:Times New Roman, Times, serif;font-size:14px;padding:5px 10px}
#info0109 p {text-indent:10px}


/*homeMidRight is used on index page for member stories div*/
#homeMidRight {float:right;width:460px;height:279px;background-color:#FFFDF0;border:1px solid #663300}


#homeMidRight a:link, #homeMidRight a:visited, #homeMidRight a:active {text-decoration:underline;font-style:italic;font-size:16px;color:#FFFF00}
#homeMidRight a:hover {text-decoration:none;font-style:italic;font-size:16px;color:#FF9900}

#info0209 {float:right;width:440px;border:1px solid #996600;background-color:#FFFFFF;padding:10px;background-image:url(../images/bg_photo0109.jpg);height:445px}

#cartoon0109 {float:left;width:315px}
.margLeft200 {margin-left:200px}
.margRL30 {margin:0px 30px}
#userstories {float:left;width:776px;height:315px;font-weight:bold;background-color:#FFFFFF;border:1px solid #996600}


#jsquote{float:right;width:210px;font-family:Times New Roman, Times, serif;font-size:15px;font-style:italic;line-height:1.3}
#imagelowerRt {float:right;width:200px;border:1px solid white}
#lowerText {float:left;width:720px;padding:10px;font-family:Georgia, Times New Roman, Times, serif;background:#FFFFFF;margin:0 20px}
#storyText {font-family:Arial;font-size:13px;padding:35px;margin:20px;background-color:#FFFFFF;border:1px solid #663333}
.storyFloat{float:left;width:325px;height:900px;margin-bottom:20px}
#storyFloat_left{margin-right:10px;padding-right:7px;border-right:1px solid #000000}

#votehdg {font-family:Georgia,Times New Roman, Times, serif;font-size:14px;padding:10px 40px;margin:20px;background-color:#FFFFFF;border:1px solid #663333}
#compContent {float:left;width:295px;padding:10px;background-color:#FFFFFF;height:430px;border-left:1px solid #999999} 
.lh15 {line-height:1.5}

/*font classes*/
.timesBold22 {font-family:Times New Roman, Times, serif;font-weight:bold;font-size:22px}
.timesBold26 {font-family:Times New Roman, Times, serif;font-weight:bold;font-size:26px}


#aboutUsTxt {padding:30px 10px;border-bottom:1px solid black;font-family:Arial;font-size:14px}
#faqTxt {margin:20px 40px;background-color:#FFFFFF;padding:20px 40px}
#faqBox {border:inset;background-color:#E9F1FE;margin:0 50px}

#addcom_story {text-align:center;margin:10px;width:80%;border:5px solid #F5E6B4;padding:5px;margin-left:10%;background-color:#FCFBE0}
 


.upload_message_success {
	padding:5px 30px;
	line-height:1.3;
	background-color:#009900;
	border:1px solid #006600;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}

.upload_message_error {
	padding:5px 30px;
	background-color:#CE0000;
	border:1px solid #990000;
	color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
}



/*used in verify and for other php error divs, i.e. class=\"message\" delete and I will make your life very difficult!!!!*/
.message {width:555px;margin:20px 0 40px 98px;padding:15px;text-align:center;background-color:#F5F1E9;border:1px solid #663300;line-height:1.5}
.message2 {width:60%;margin-left:20%;margin-top:20px;text-align:center;font-weight:bold;border:2px solid white}
.messageLI {background-color:#FF0000;color:#FFFFFF;margin-left:30px;text-align:center;width:400px;height:18px;margin-top:20px}
#comMsg {margin:10px 140px}
/*end verify classes for messages*/

.gaHeadingPlus{font-family:Georgia;font-style:italic;font-size:24px;text-align:center}
.gaHeading{font-family:Georgia;font-style:italic;font-size:20px;text-align:center}
.gaSubHead{font-family:Georgia;font-style:italic;font-size:18px;text-align:center}

.linksHdg {background-color:#D9F0D2;font-family:Georgia;font-style:italic;font-size:24px;text-align:center;margin-bottom:25px}
#linksContent{padding:30px;background-color:#fff;border:1px solid #663300}



/*pomHistory page divs*/
.pomFloat{float:left;width:382px;height:600px;text-align:center;border:double;padding-bottom:15px}
.runnersup{float:left;width:50%}

.bg_offwhite {background-color:#FEFBF3}
.bg_white {background-color:#fff}
/*art gallery*/
.flashAG {margin-left:35px;margin-right:35px;border:5px solid #000099}
.headingAG{font-size:14px;background:url(../images/gradPearl.png) repeat-x #cdd9f4;padding:5px 0;margin-left:35px;margin-right:35px;border:5px solid #000099;border-bottom:none}
.margL30{margin-left:30px}

/*slideshows*/
#container_slides {background-color:#000000;
                   width: 930px; 
					margin: 0 auto; 
					text-align: left
					}
					
#flash450 {width:450px;margin:40px 0 100px 157px}
#flash565 {width:565px;margin:40px 0 100px 107px}
.slideHeading{font-family:Georgia, Times New Roman, Times, serif;font-size:36px;font-style:italic;color:#fff;text-align:center;margin:20px 0}

.credit{width:450px;margin:20px 0 30px 157px;padding:10px;background:#CCCCCC;border:1px solid #fff}
.colorwhite{color:#fff}
.colorwhite a {font-size:16px}
.colorwhite a:link  {color:#00CCFF;text-decoration:underline}
.colorwhite a:visited {color:#CCCCCC;text-decoration:none}
.colorwhite a:hover {color:#FFFF00;text-decoration:none}
.colorwhite a:active {color:#00CCFF;text-decoration:underline}

.none{display:none}

/*tell a friend*/
#taf{width:300px;padding:200px 5px 10px 15px;border:2px solid #663300;color:#CC0000;font-family:Segoe Print;background:url(../images/taf.jpg) no-repeat}
#taf label {float:left;
       width:110px;
	   text-align:right;
	   padding-right:10px;
	   font-size:15px;
	   	   
	   }
.normal {background-color:#EFEFEF}
.focus {background-color:#FFFFCC}

.alignCtr{text-align:center}

/*checkPhotoStat*/
.checkPhotoError {text-align:center;width:480px;margin:30px 0 0 120px;border:1px solid #663300;background-color:#efefef;padding:10px;color:#CC0000;font-size:14px;font-weight:bold}

/*used in mult.choice quizzes*/
.green{color:#009933;font-weight:bold;font-size:14px}
.red{color:#CC0000;font-weight:bold;font-size:14px}

#quiz{margin-top:30px;padding:20px}
#quiz label {float:none;
       padding:0;
	   text-align:left;
	   font-size:14px;
	   font-weight:normal;
	   }
.question{margin-bottom:10px}

.scoreline{margin-top:30px;text-align:center;border-bottom:1px solid #663300;border-top:1px solid #663300;font-size:16px;font-weight:bold;margin-left:20px;margin-right:20px;padding:10px 0}

/*video bg divs*/
.introHdg {background-color:#E9EAF8;padding:5px}
.videoBlack {width:780px;text-align:center;padding-top:20px;padding-bottom:80px;background-color:#000000;color:#fff}
.videoWhite {width:780px;text-align:center;padding-top:20px;padding-bottom:80px;background-color:#ffffff}
.videoBlue {width:780px;text-align:center;padding-top:20px;padding-bottom:80px;background-color:#333399;color:#fff}
.colorRed{color:#FF0000}
#video a:link, #video a:visited, #video a:active {text-decoration:none;color:#FFF000}
#video a:hover {text-decoration:underline;color:#fff}