/*

main brown colour #553201
   

*/       
    
body {
	background-image: url(bg-gradient.png);
	background-repeat: repeat-x;
	background-color:#442801;   
 	color:#000;    
 	text-align:center;    
 	margin-left:auto;      
 	margin-right:auto; 
 	font-size:9pt;
 	font-family: helvetica, verdana, arial, sans-serif;
 	margin-bottom:0px; 
 	margin-top:0px;  
 }      
 
 /*#site-container{	background-image: url(bg-idea.jpg);background-repeat: no-repeat; background-position:center top;}*/
              
 img {       
 	border:0px;   
 }  
 
 a {    
 	color:#3F2B01;         
 	text-decoration:none;  
 }
   
 a:hover {   
 	color:#009999;       
 	text-decoration:underline;  
 }
 
table, td, th {   
	font-size:9pt; 
} 

 input {
 	background:#F6F6F6; 
 	border:1px #000 solid;
 	font-size:10pt;
 	color:#000;
 }

 .inputmain {
 	background:#fff;
 	border:1px #000 solid;
 	font-size:10pt;
 	color:#000;
 }

 textarea {
	background-color:#F6F6F6;
 	border:1px #000 solid;
 	font-size:8pt;
 	color:#000;
 }

 .textarea {   
 	background-color:#fff;
 	border:1px #000 solid;
 	font-size:8pt;
 	color:#000;
 }


 /*########################
 	SITE CONTAINER
 ########################*/

 #outer {
 	width:915px;
 	margin-left:auto;
 	margin-right:auto;
 	font-size:8pt;
 	text-align:left;
	background-color:#442801;
 }


 /*########################
 	INPUT BUTTONS / FORMS
 ########################*/

 .button {
 	background:#195B85;
 	color:#fff;
 	border:1px #fff solid;
 	font-size:8pt;
 	cursor:pointer;
 }

 .button2 {
 	background:#009999;
 	color:#fff;
	border:1px #fff solid;
 	font-size:8pt;
 	cursor:pointer;
 }


 .input {
 	background:#E7F2FC;
 	border-right:2px #344D71 solid;
 	border-bottom:2px #344D71 solid;
 	border-top:2px #6689AA solid;
 	border-left:2px #6689AA solid;
 	font-size:8pt;
 	color:#000;
 }

 .input2 {
 	background:#B4E9FF;
 	border:2px #FF0052 solid;
 	font-size:8pt;
 }
 
 .input3 {
 	background:#000;
 	border:1px #fff solid;
 	font-size:8pt;
 	color:#fff;
 }

 .input4 {
 	background:#000;
 	border:1px #459DCF solid;
 	font-size:8pt;
 	color:#fff;
 }


 /*########################
 	IMAGES
 ########################*/


 .pic1 { background-color:#FFF; padding:3px; border:1px #888 solid; }

 .pic2 { background-color:#009999; padding:3px; border:1px #888 solid; }

 .pic3 { border:2px #fff solid; }

 .pic4 { /*filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/ border:1px #fff solid; }

 .pic5 { border:1px #ccc solid; }

 .pics1 {

 }

 .pics4 {

 }

 .pics2 {

 }

 .pics3 {

 }

.wrap1 {

}

.wrap2 {

}

.wrap3 {

}

.wrap4 {

}

.wrap5 {

}

.wrap5 img {

}

 /*########################
 	TOP AREA =  logo table area - full div width
 ########################*/

 #top .top_text a { color:#fff; }
 #top .top_text a:hover { color:#54A4DE; }
 #top .top_text { color:#fff; }

 #top {
 	background:#fff;
 	width:100%;
 	color:#fff;
 }

 #top td {
 	color:#fff;

 }

 #top input,select {
 	font-size:8pt;
 	background:#fff;
 	color:#000;

 }

 #top a {
 	font-size:7pt;
 	color:#fff;

 }

 #top a:hover {
 	font-size:7pt;
 	color:#fff;
 	text-decoration:underline;
 }

/*# logo section to the right*/

 .top2 {
 	background:#fff;

	
 }
 
  /*########################
 	TOP AREA 3 =  logo table area - full div width
 ########################*/


 #top3 .top_text a { color:#fff; }
 #top3 .top_text a:hover { color:#54A4DE; }
 #top3 .top_text { color:#fff; }

 #top3 {
 	width:100%;
 	color:#fff;
 }

 #top3 td {
 	color:#fff;

 }

 #top3 input,select {
 	font-size:8pt;
 	background:#fff;

 }

 #top3 a {
 	font-size:7pt;
 	color:#fff;

 }

 #top3 a:hover {
 	font-size:7pt;
 	color:#fff;
 	text-decoration:underline;
 }


/*########################
   MENU LINKS
########################*/

 #outer2 {
 	background:#553201;
 	border-left:1px #fff solid;
 	border-right:1px #fff solid;    
 	text-align:center;
 }
 
 #outer-ml {
	
 }
 
 
/* menu navigation */ 

 .menu {
    border-bottom:1px #fff solid;
	background-image:url(tab-navi.jpg);
 	height:40px;
	width:130px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }  
 
  .menuml {
    border-bottom:1px #fff solid;
	background-image:url(tab-nav.jpg);
 	height:40px;
	width:130px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }

 .menu a {
 	color:#fff;
 	font-size:11pt; 
 	text-decoration:none;
 }

/* rollover for menu navigation */ 

 .menu2 {
 	border-bottom:1px #fff solid;
	background-image:url(tab-nav.jpg);
 	height:40px;
	width:130px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }

 .menu2 a {
 	color:#fff;
 	font-size:11pt;
 	text-decoration:none;
 }

 .menu2 a:hover {
 	color:#fff;
 	font-size:11pt;
 	text-decoration:none;
 }
 .menuactive {
    border-bottom:1px #fff solid;
	
 	height:40px;
	width:130px;
 	padding-left:5px;
 	padding-right:5px;
 	cursor:pointer;
 }



 /*########################
 	MENU LINKS 4
 ########################*/


 .menu4 {
 	padding:2px;
 	/* border-top:1px #014E82 solid;
 	border-left:1px #000 solid; */
 	border-bottom:1px #014E82 solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }

 .menu4-1 {
 	padding:2px;
 	border-bottom:1px #195B85 solid;
 	/*cursor:pointer;*/
 	font-size:7pt;
 	font-weight:bold;
 }

 .menu4-2 {
 	font-size:7pt;
 	font-weight:bold;
 	padding-left:15px;
 }

 .menu4-4 a {
 	color:#fff;
 }

 .menu4-4 a:hover {
 	color:#fff;
 }


 /*########################
 	LOGIN BOX
 ########################*/

 .LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
 .LoGin2 {background:#195B85;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}




 /*########################
 	MENU LINKS 5

 	MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;

 ########################*/

 .menu5border {

 }

 .menu5 {

 	font-size:7pt;
 	color:#fff;
 	padding-left:5px;
 	cursor:pointer;
 	background:#000 url(menu_BG.gif);
 }

 .menu5c {
 	font-size:7pt;
 	color:#fff;
 	padding-left:5px;
 	cursor:pointer;
 	background:#000 url(menu_BG.gif);
 }

 .menu5a {
 	background:#000  url(line5red.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;
 	height:41px;
 }

 .menu5b {
 	background:#000  url(line5.gif) right;
 	background-repeat:no-repeat;
 	text-align:right;
 	width:24px;
 	height:41px;
 }

 .menu5d {
 	font-size:7pt;
 	color:#000;
 	text-align:center;
 	background:#fff;
 }

 .menu5e {
 	font-size:8pt;
 	color:#fff;
 	text-align:right;
 	padding-right:10px;
 	padding-top:8px;
 	background:#000;
 	font-weight:bold;
 }

 .menu5f {
 	background:#000;
 	width:24px;
 	height:35px;
 }

 .menu5g {
 	border:1px #000 solid;
 	padding:5px;
 	background:#000;
 	font-size:7pt;
 }

 .menu5g2 {
 	border:1px #000 solid;
 	padding:5px;
 	background:#1F1F1F;
 	font-size:7pt;
 }


 .menu5 a {
 	color:#fff;
 }

 .menu5c a {
 	color:#fff;
 }

 .menu5d a {
 	color:#064D9F;
 }

 .menu5d a:hover {
 	color:#000;
 }

 .menu5g a {
 	color:#fff;
 }

 .menu5g2 a {
 	color:#000;
 }




 /*########################
 	MAIN PAGES - central content section
 ########################*/


 #main {

 	font-size:8pt;
 	color:#000;
	margin:0px;
	padding:0px;

 }

 .main2 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }

 .main3 {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }

 .main3-b {
 	background:#000;
 	vertical-align:bottom;
 }



 .main3-a {
 	background:#fff;
 	text-align:right;
 	vertical-align:bottom;
 }



 .main3-c {
 	background:#fff;
 	border-left:1px #D9D9D9 solid;
 	font-size:7pt;
 	color:#fff;
 }



 .main4 {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#000;
 }

 .main3 a {
 	color:#fff;
 }

 .main3 a:hover {
 	color:#fff;
 	text-decoration:underline;
 }


 #topright {
 	background:#fff;
 	border-right:1px #D9D9D9 solid;
 	font-size:8pt;
 	color:#000;

 }


 /*##############################
 	#topleft - TOP LEFT AREA BLACK SWOSH
 	A:LINKS - USERNAME
 ###############################*/
 #topleft {
 	background:#fff  url(swosh.gif);
 	background-repeat:no-repeat;
 	width:480px;
 	height:45px;
 	color:#fff;
 	border-left:1px #D9D9D9 solid;
 }

 #topleft a { color:#fff; text-decoration:underline; }
 #topleft a:hover { color:#fff; text-decoration:none; }


 .page {
 	color:#fff;
 }


 .pbar1 {
 	background:transparent;
 }

 .pbar2 {
 	background:#941D31;
 }

 .pbar3 {
 	font-size:8pt;
 	padding:1px;
 	border:solid #014E82 1px;
 }


 /*########################
 	MENUS
 ########################*/



 .mainmenu {
 	background:#555555 url(line11.gif);
 	font-size:10pt;
 	color:#000;
 }

 .mainmenu2 {
 	background:#555555 url(line10.gif);
 	font-size:7pt;
 	color:#fff;
 }

 .mainmenu2 a { color:#fff; }
 .mainmenu2 a:hover { color:#54A4DE; }

 /* mainmenu 3 = members login + recent logins*/

 .mainmenu3 {
 	background:#3F2B01;
 	font-size:7pt;
 	color:#fff;
 }
 
 /* mainmenu 4 =  */

 .mainmenu4 {
 	background:#553201;
 	font-size:7pt;
 	color:#fff;
 }

 .mainmenu5 {
 	background:#553201;
 	font-size:7pt;
 	color:#fff; 
 }

.mainmenu6 {
	border:1px #553201 solid;
	padding:3px;
	font-size:8pt;
	cursor:pointer;
	color:#fff;
	background:#009999;
}

.mainmenu6 a { color:#fff; text-decoration:none; }
.mainmenu6 a:hover { color:#fff; text-decoration:none; }

.mainmenu7 {
	border:1px #553201 solid;
	padding:3px;
	background:#553201;
	font-size:8pt;
	cursor:pointer;
	color:#fff;
}

.mainmenu7 a { color:#FFF; text-decoration:none; }
.mainmenu7 a:hover { color:#FFF; text-decoration:none; }




 /*########################
 	SITE MENUS
 ########################*/


 .item {

 	border-top:1px #ccc solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #ccc solid;
 	padding:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
	background:#fff url(line9.gif);

 }

 .item2 {

 	border-top:1px #000 solid;
 	border-left:1px #ccc solid;
 	border-right:1px #ccc solid;
 	border-bottom:1px #fff solid;
 	padding-top:5px;
 	padding-bottom:5px;
 	padding-right:5px;
 	padding-left:5px;
 	cursor:pointer;
 	font-size:7pt;
 	font-weight:bold;
 	background:#fff;
 }

 .item3 { border-bottom:1px #ccc solid; color:#553201; }
 .item a { color:#553201; text-decoration:none; }
 .item2 a { color:#553201; text-decoration:none; }
 .item2 a:hover { color:#553201; text-decoration:none; }


 /*########################
 	BORDERS
 ########################*/


 .border {
 	border:1px #332F2F solid;
 	background:#3F2B01;
 }

 .border2 { border:1px #BDBDBD solid; color:#000; background:#f9f9f9;  }
 .border3 { border:1px #95C719 solid; background:#000; color:#fff; }
 .border4 { border:1px #BDBDBD solid; background:#54A4DE; }
 .border4 .color { color:#fff; }
 .border4 .sqr { background:#fff; vertical-align:middle; }
 .border5 { border-bottom:1px #000 dashed; }
 .border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
 .border7 { border-bottom:1px #98C920 dashed; }
 .border8 { background:#F5F5F5; border:1px #000 solid; }
 .border9 { background:#fff; color:#000; }

 /* USED IN MAIL ALERT */
 .border10 { background:#000 url(line10.gif); color:#fff; }
 .border11 { border:1px #BDBDBD solid; background:#fff; color:#000; }

 /* B-BOARD */
 .border12 { background:#fff; color:#000; }
 .border13 { background:#553201; color:#fff; }
 .border14 { background:#F9F9F9; color:#fff; }
 .border15 { background:#000 url(chat/chat-gradient.jpg) repeat-x bottom; color:#553201; border-top:1px solid #999; height:40px;  }

 /*########################    
 	TEXT COLORS
 ########################*/

 .color { color:#4A2E01; }   
 .color a:hover{color:#099;}
 .color2 { color:#fff; }
 .color3 { color:#ff0000; }
 .color4 { color:#000; }
 .color4 a{color:#fff;}
 .color5 { color:#099; }

 /*########################
 	BACKGROUNDS & EXTRAS
 ########################*/

 .cur { cursor:pointer; }


 .pollinput {
 	background:transparent;
 	font-size:7pt;
 	border:0px;
 }


 .frame1 { background:#fff; margin:0px; }
 .main_frame1 { background:#FFFFFF; margin:0px; }

 .link1 a { color:#195B85; }
 .link1 a:hover { color:#195B85; text-decoration:underline; }

 /* USED IN MAIN MENU SQURE */
 .sqr { background:#54A4DE; vertical-align:middle; }

 .sqr1
 {
     background:#54A4DE;
     vertical-align:middle;
     margin-left: 4px;
     margin-right: 3px;
 }

 /* COMMENT BOX */
 .comment {
 	border:1px #BDBDBD solid;
    background:#fff;
    color:#000;
 }

 .comment-text {
 	color:#000;
 	font-size:8pt;
 }
 
 .comment img {
max-width:300px;
max-height:300px;
}

.comment-text img {
max-width:300px;
max-height:300px;
}

 .comment-headline {
 	background:#fff;
 	color:#000;
 	padding:5px;
 	font-size:7pt;
 }

 .comment-head {
 	background:#195B85;
 	font-size:7pt;
 	color:#fff;
 	padding:5px;
 }

 .comment-head a { color:#fff; }
 .comment-head a:hover { color:#54A4DE; }



 /*########################
 	BOTTOM MENUS
 ########################*/

 #bottom3 {
 	width:80%;
	heigbt:80px;
 	font-size:7pt;
 	font-weight:bold;
 	text-align:left;
 	color:#fff;
	background-color:#442801;
	padding:20px 0px 20px 40px;
 }

 #bottom3 a {
 	color:#fff;
	heigbt:80px;
	padding:20px 20px 20px 40px ;
	background-image: url(footer-image-bg.jpg);
	background-repeat:no-repeat;
 }

 #bottom3 a:hover {
 	color:#fff;
	heigbt:80px;
 	text-decoration:underline;
 }

 #bottom4 {
 	background:#54A4DE;
 	width:100%;
 	color:#fff;
 }

  /*########################
 	FORUM
 ########################*/

 .forum-1 {
 	background:#3c2b00;
 	color:#fff;
 	font-size:22pt;
	
 }

 .forum-2 {
 	background:#FFFFFF;
 	color:#000;
 	font-size:16pt;
 }

 .forum-2 a { color:#54A4DE; }
 .forum-2 a:hover { color:#54A4DE; text-decoration:underline; }

 .forum-3 {
 	border:1px #553201 solid;
 }

 .forum-4 {
 	border:1px #000 solid;
 	background:#fff;
 	color:#000;
 	font-size:8pt;
 }

 .forum-q {
 	background:#F5F5F5;
 	color:#000;
 	font-size:8pt;
 	border:1px #54A4DE solid;

 }

 /*########################
 	DROP DOWN MENU
 ########################*/

 #dropmenudiv{
 	padding:5px;
 	border:1px #c0c0c0 solid;
 	background:#1c4c80;
 	position:absolute;
 	z-index:100;
 	font-size:7pt;
 	text-align:left;
 }

 #dropmenudiv a {
 	color:#fff;
 }

 #dropmenudiv a:hover {
 	color:#fff;
 	text-decoration:underline;
 }

 /*########################
 	MESSAGES AND ERRORS
 ########################*/
 span.message_message {
    background-image: url("/design/pic/message.gif");
    background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 6px;
 }

 span.error {
	background-image: url("/design/pic/warning.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }

 span.message_error {
	background-image: url("/design/pic/warning.gif");
    font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #FF0000;
	padding-bottom: 6px;
 }
 
 
 <!--MARTYNS NEW CSS SECTION -->
 
  /*########################
 	HOMEPAGE WELCOME SECTION 
 ########################*/
 
#welcome-image-left {margin:0px; padding:0px;}

.clear {
 clear: both;margin:0px; padding:0px;
 }
 


#signup-page {

background-color:#ffffff;
width:100%;
margin:0px 0px 20px 0px; padding:0px;
}

#recent-logins {
background-image: url(navi-image-recent-logins.jpg);
background-repeat:no-repeat; 
float:left; 
margin:0px; 
padding:65px 0px 0px 0px;
text-align:center;
width:301px;
height:93px;
} 

.barkbox-bg {
color:#444; background: url(barkbox-bg.jpg) no-repeat; 
margin-bottom:20px;
}

#chatarea {
margin: 60px 10px 10px 10px; 
left:0; 
height: 180px; 
text-align: left; 
overflow:auto;
color:#333333;
}

#chat-entertextbox {
}

.news-header {color:#fff; background: url(memberpage-newsheader.jpg) no-repeat; height:30px; width:100px; }

.newblog-bg { color:#444; background: url(memberpage-newblogs-bg.jpg) no-repeat  ; }
.newforum-bg { color:#444; background: url(memberpage-newforums-bg.jpg) no-repeat  ; }

.mart {font-size:8pt;vertical-align:top;width:80%;} 

#memberpage-recent-logins {
width:100%; height:175px;
color:#444; background: url(memberpage-recentlogins.jpg) no-repeat  ; 

}

#memberpage-latestphotos {
width:100%; 
background: url(memberpage-latestphotos.jpg) no-repeat ; 
width:100%;
margin:80px auto 0px auto;

}

.memmenu-section {       
color:#003399;      

}

.avatar-bg{background-color:#FFFFFF;}

.bloglist{background-color:#FFFFFF:}

.white-text a { color:#FFFFFF;}

.top100 {float:right; background-color:#333333; height:33px; width:80px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px;}

.contact-away {padding:3px; font-size:16px; text-decoration:none;}

.contact-over {padding:3px; font-size:16px; text-decoration:none;}

.contact-over a {padding:3px; font-size:16px; text-decoration:none;}

#profile_headline{color:#FFFFFF;}


.featured{ background: url(featured-bg.jpg) no-repeat ;  width:220px; height: 220px; padding:5px 0px 0px 118px;}


             






.stuff-headline { margin:25px auto 10px auto; padding:55px 40px 0px 20px ; font-size:12px; color:#492E01; line-height:19px; background:url(stuff-bg/intro-bg.png) no-repeat; height:120px; width:810px} 

.stuff-headline p{padding:0px 00px 0px 0px ; margin:0px;}
.stuff-headline  a img{ float: right; padding:10px 0px 0px 20px ; }

.stuff-sub-headline {float:right; display:inline; margin:10px 25px 5px 0px; padding:10px; font-size:12px; color:#492E01; line-height:19px; height:150px; width:810px}

.stuff-image-links-1 {margin:0px auto 20px auto; padding:60px 0px 0px 5px; background:url(stuff-bg/dog-friendly-bg.png) no-repeat; height:120px; width:870px; }   
.stuff-image-links-1 img {margin:0px 0px 10px 10px; padding:0px; }  


.stuff-image-links-2 {margin:0px auto 20px auto; padding:60px 0px 0px 5px; background:url(stuff-bg/information-bg.png) no-repeat; height:235px; width:870px; }   
.stuff-image-links-2 img {margin:0px 0px 10px 10px; padding:0px; }  

.stuff-image-links-3 {margin:0px auto 10px auto; padding:60px 0px 0px 5px; background:url(stuff-bg/products-bg.png) no-repeat; height:120px; width:870px; }   
.stuff-image-links-3 img {margin:0px 0px 10px 10px; padding:0px; }  


.stuff-bg-wrapper{float: left; display:inline; background: url(stuff-main-bg.jpg) no-repeat ;  width:880px; height: 650px; margin:0px auto 0px auto;}

.stuff-top-text-area{float:left; display:inline; margin:70px 25px 5px 0px; padding:15px; font-size:12px; color:#492E01; line-height:19px;}

.stuff-top-text-area a, .stuff-top-text-area a:hover {color:#009999;}

#livechat-link{font-size:12px; font-weight:bold; width:290px; text-align:center;}

#onlineuser a{color:#FFF}


        


#menuContainer{width:915px; height:40px; background-color:#FFF;} 



.links-items-wrapper { 
	float: left;
	display:inline;
	background-color:#FFFFFF;
	background: url(bg_top.jpg) no-repeat ;
	width:900px;
	margin:15px 0px 0px 6px;
}
 

.links-items-bottom { 
	float: left;
	display:inline;
	background-color:#FFFFFF;
	background: url(bg_bottom.jpg) no-repeat ;
	width:900px;
	margin:0px auto 0px auto;
}    

       
                  
   

.link-to-us-link{float:right; height:35px; width:130px; margin:20px 0px 0px 0px;}

.link-intro-text{margin:70px 20px 0px 20px; font-size:13px;}
.link-intro-text a{ text-decoration:none; }
.link-intro-text a:hover{ text-decoration:none; color:#099;}

.links-left-content{float:left;width:45%;margin:0px 0px 20px 20px; font-family:Verdana, Geneva, sans-serif;}
.links-right-content{float:left;width:45%;margin:0px 0px 20px 0px; font-family:Verdana, Geneva, sans-serif;}

.links-header{margin:30px 0px 15px 0px; padding:0px; font-size:18px; color:#472C00;}
           
.links-title{margin:0px 0px 0px 0px; padding:0px; font-size:14px; color:#099}       
.links-title a{color:#099; text-decoration:none;}
.links-title a:hover{color:#066; text-decoration:none;}                   
.links-desc{margin:0px 0px 12px 0px; padding:0px; font-size:12px;}           
           
.link-graphics{margin:10px 0px 20px 10px; }         
.link-graphics img{padding:0px 20px 0px 0px; }        
       
                
          
            
.main-bg{margin:0px; padding:0px;background-image:url(gradient-bg.png); background-color:#3A2201; background-repeat: repeat-x}
.main-bg-footer{background-image:url(gradient-bg-footer-left.png); height:15px; background-repeat:no-repeat; }
   
   
.avatar-profile{background-image: url(profile/avatar-bg.png); background-repeat:no-repeat;height:190px}
    
      
#visitor-page-container{ font:Verdana, Geneva, sans-serif; font-size:13px; }
#visitor-signup-container{margin:20px auto 0px auto; width:890px; height:250px; background-image: url(visitor-home/signup-bg.png)}
#advertise-with-wuffstuff{float: right;margin:20px 20px 0px 20px; }
#create-profile-text{float: left;margin:10px 20px 0px 20px; }
#go-button{float: right;margin:20px 350px 0px 20px; }
   
#member-page-container{ font:Verdana, Geneva, sans-serif; font-size:13px; height:1000px}
 
#news-container{margin:20px auto 0px auto; width:900px; height:250px; background-image: url(member-home/news-bg.png)}
#news-content{width:440px; margin:40px 0px 0px 20px; float:left; }
#stuff-content{width:380px; margin:15px 0px 0px 35px; float:left; }     
#signup-content{width:380px; margin:65px 0px 0px 23px; float:left; color:#FFF} 
#stuff-content-visitor{width:380px; margin:10px 20px 0px 74px; float:left; }          
#user-login-section{ margin:40px 0px 0px 10px; }   
   
 
#latest-news-container-visitor{width:285px; margin:10px 0px 0px 12px; height: 210px; float:left; }
#forum-container-visitor{width:285px; margin:10px 0px 0px 17px; height: 210px; float:left; } 
#newsletter-container-visitor{width:285px; margin:10px 0px 0px 17px; height: 210px; float:left; }      
#sign-up-newsletter{width:150px; margin:35px 0px 0px 180px;  float:left; }  

   
#member-month-container-visitor{width:285px; margin:15px 0px 0px 12px; height: 210px; float:left; }

#photos-logins-visitor{width:285px; margin:15px 0px 0px 17px; height: 240px; float:left; background-image: url(visitor-home/latest-photos-logins.png) }  
#dog-month-container-visitor{width:285px; margin:15px 0px 0px 17px; height: 210px; float:left; }    
          
#recent-photos-visitor{margin:35px 0px 0px 0px;height:120px;}
#recent-logins-visitor{margin:0px 0px 0px 0px;} 

#world-news-container{width:285px; margin:5px 0px 0px 15px; height: 210px; float:left; background-image: url(member-home/world-news-bg.png)}
#blogs-container{width:285px; margin:5px 0px 0px 15px; height: 210px; float:left; background-image: url(member-home/blogs-bg.png)} 
#forum-container{width:285px; margin:5px 0px 0px 15px; height: 210px; float:left; background-image: url(member-home/forum-bg.png)}
      
#member-month-container{width:285px; margin:15px 0px 0px 15px; height: 240px; float:left; }
#latest-photos-container{width:584px; margin:15px 0px 0px 15px; height: 240px; float:left; background-image: url(member-home/latest-photos-bg.png) } 
 
#dog-month-container{width:285px; margin:15px 0px 0px 15px; height: 240px; float:left; }    
#recent-logins-container{width:584px; margin:15px 0px 0px 15px; height: 240px; float:left; background-image: url(member-home/recent-logins-bg.png) } 














/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.roundedheader{
	padding:6px 10px 6px 10px;font-size:11pt; background-color:#371F01; color:#FFF; float:left; margin-bottom:10px;
	}





.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:980px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;
 margin-left:14px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(rounded/dialog-bg.png) no-repeat top right;
 _background-image:url(rounded/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;

}
 
.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:14px; /* top slice width */
 margin-left:-14px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:14px; /* bottom corner width */
 margin-left:-14px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,   
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:3000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}







.whiterounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.whiterounded .content,
.whiterounded .t,
.whiterounded .b,
.whiterounded .b div {
 background:transparent url(rounded/whiterounded.png) no-repeat top right;
 _background-image:url(rounded/dialog2-blue.gif);
}

.whiterounded .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.whiterounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.whiterounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.whiterounded .b,
.whiterounded .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.whiterounded .b {
 background-position:bottom right;
}

.whiterounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.whiterounded .hd,
.whiterounded .bd,   
.whiterounded .ft {
 position:relative;
}

.whiterounded .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.whiterounded h1,
.whiterounded p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.whiterounded h1 {
 padding-bottom:0px;
}




.darkbrownrounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.darkbrownrounded .content,
.darkbrownrounded .t,
.darkbrownrounded .b,
.darkbrownrounded .b div {
 background:transparent url(rounded/darkbrownrounded.png) no-repeat top right;
 _background-image:url(rounded/dialog2-blue.gif);
}

.darkbrownrounded .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.darkbrownrounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.darkbrownrounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.darkbrownrounded .b,
.darkbrownrounded .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.darkbrownrounded .b {
 background-position:bottom right;
}

.darkbrownrounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.darkbrownrounded .hd,
.darkbrownrounded .bd,   
.darkbrownrounded .ft {
 position:relative;
}

.darkbrownrounded .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.darkbrownrounded h1,
.darkbrownrounded p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.darkbrownrounded h1 {
 padding-bottom:0px;
}









.gradientrounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */

 margin-bottom:0.5em; /* spacing under dialog */
}

.gradientrounded .content,
.gradientrounded .t,
.gradientrounded .b,
.gradientrounded .b div {
 background:transparent url(rounded/gradientrounded.png) no-repeat top right;
 _background-image:url(rounded/dialog2-blue.gif);
}

.gradientrounded .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.gradientrounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
  
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.gradientrounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.gradientrounded .b,
.gradientrounded .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.gradientrounded .b {
 background-position:bottom right;
}

.gradientrounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px; 
 background-position:bottom left;
}

.gradientrounded .hd,
.gradientrounded .bd,   
.gradientrounded .ft {
 position:relative;
}
  
.gradientrounded .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.gradientrounded h1,
.gradientrounded p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.gradientrounded h1 {
 padding-bottom:0px;
} 

.tab9{background-image: url(menu/mypage-button.jpg); height:40px; width: 88px;cursor:pointer; background-repeat:no-repeat;}
.tabActive_9{background-image: url(menu/mypage-button.jpg); height:40px;width: 88px; background-position: 0 -79px;background-repeat:no-repeat;}
.tabOver_9{background-image: url(menu/mypage-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;background-repeat:no-repeat;}

.tab8{background-image: url(menu/groups-button.jpg); height:40px; width: 88px;cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_8{background-image: url(menu/groups-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_8{background-image: url(menu/groups-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;}
 
.tab7{background-image: url(menu/chat-button.jpg); height:40px; width: 88px;cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_7{background-image: url(menu/chat-button.jpg); height:40px;width:88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_7{background-image: url(menu/chat-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab6{background-image: url(menu/forum-button.jpg); height:40px; width: 88px;cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_6{background-image: url(menu/forum-button.jpg); height:40px;width:88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_6{background-image: url(menu/forum-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab5{background-image: url(menu/blogs-button.jpg); height:40px; width: 88px;cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_5{background-image: url(menu/blogs-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_5{background-image: url(menu/blogs-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab4{background-image: url(menu/fun-button.jpg); height:40px; width: 88px;cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_4{background-image: url(menu/fun-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_4{background-image: url(menu/fun-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab3{background-image: url(menu/videos-button.jpg); height:40px; width: 88px; cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_3{background-image: url(menu/videos-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_3{background-image: url(menu/videos-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;}  

.tab2{background-image: url(menu/photos-button.jpg); height:40px; width: 88px; cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_2{background-image: url(menu/photos-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_2{background-image: url(menu/photos-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab1{background-image: url(menu/stuff-button.jpg); height:40px; width: 88px; cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_1{background-image: url(menu/stuff-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_1{background-image: url(menu/stuff-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

.tab0{background-image: url(menu/home-button.jpg); height:40px; width: 88px; cursor:pointer; padding-right:4px; background-repeat:no-repeat;}
.tabActive_0{background-image: url(menu/home-button.jpg); height:40px;width: 88px; background-position: 0 -79px;padding-right:4px;background-repeat:no-repeat;}
.tabOver_0{background-image: url(menu/home-button.jpg); height:40px;width: 88px; background-position: 0 -40px;cursor:pointer;padding-right:4px;background-repeat:no-repeat;} 

 

   
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/

width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#099;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}   
#popupContactClose{
font-size:14px;
line-height:14px;   
right:6px;     
top:4px;  
position:absolute;      
color:#6fa5fd; 
font-weight:700;  
display:block; 
cursor:pointer;    
}
#button{
text-align:center;
margin:100px; 
} 

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}  
 
     
.fun-headline { margin:25px auto 0px auto; padding:55px 0px 0px 0px ; font-size:12px; color:#492E01; line-height:19px; background:url(fun/bg.png) no-repeat; height:330px; width:867px} 

.fun-headline p{padding:0px 0px 0px 0px ; margin:20px;}
.fun-headline  a img{ float: right; padding:10px 0px 0px 20px ; }

.stuffItemsContent p{margin:0px 0px 0px 0px;}
.stuffItemsContent .label{margin:0px; padding:0px;}
.stuffItemsContent a{margin:0px; padding:0px;}

.stuffItemsContent div {margin:0px; padding:0px; line-height:17px; font-size:12px;}