/*LA Doggy Shop webpage by woohoodesigns.com*/

body {
	text-align: center;
	color: #036;
	background: #fff url(images/bubblesbg.jpg) repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

/*text-align: left; added as IE5.x and IE6 does not recognize the auto margin property, plus the text-align:center: code is added to 'body'*/

#header {
	float: left;
	width: 850px;
	padding: 0;
	margin: 0;
	background: #fff;
}	

#navcontainer {
	width: 850px;
	height: 50px;
	margin: 0px 0px 3px 0px;
	float: left;
}

#navcontainer ul {
	margin: 0px;
	padding: 10px;
	list-style-type: none;
	text-align: left;
	background: #fff;
	width: 100%;
	
} 

#navcontainer ul li { 
	display: inline; 
	margin: 0px; 
	
} 
 
#navcontainer ul li a { 
	text-decoration: none; 
	padding:  0px 0px 3px 0px; 
	color: #fff; background: #036;
} 
 
#navcontainer a:hover { 
	color: #fff; background: #9c0;
	 
} 

#navcontainer li a#current { 
	color: #fff; background: #fa05a6; 
} 


/*content........................................*/
#content {
	width: 510px;	
	float: right;
	color: #036; background: #fff;
	margin: 3px 0px 0px 40px;
	padding: 5px;
	border: 2px solid #f09;
	clear: both;
}

#content h2 {
	font-size: 130%;
	text-align: justify;
	font-style: italic; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #036;
	margin: 20px;
}

#content h4 {
	font-size: 100%;
	text-align: justify;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #036;
	margin: 20px;
}

#content p {
	text-align: justify;
	font-size: 14px;
	padding: 5px 20px 2px 20px;
}

#content ul {
	text-align: left;
	padding: 10px 20px 5px 20px;

}

#content iframe {
	margin: 10px 5px 15px 5px;
	padding: 0px 5px 0px 0px;
	}
.iframep {
	text-align: left;
	background-color: #fff;
	}
.iframe_bg {
	background-color: #fff; 
}

/*--IMAGES------added classes instead

#content img {
background: transparent;
padding: 3px;
margin: 0px 0px 10px 5px;
border: 2px solid #036;
float: right;
	}
	
----*/
#contentbottom {
	width: 495px;	
	float: right;
	color: #036; background: #fff;
	margin: 3px 0px 0px 0px;
	padding: 5px;
	/*--border: 2px solid #003366;--*/
	clear: both;
}
#contentbottom p {
	text-align: justify;
	font-size: 14px;
	padding: 5px 20px 2px 20px;
}


	
.right {
	float: right;
	padding: 3px;
	margin: 0px 0px 10px 5px ;
	border: 2px solid #036;
	background: transparent;
	color: #fff;
 }
 
.bragbook {
	float: right;
	padding: 3px;
	margin: 0px 0px 10px 5px ;
 }
 
.left {
	float: left;
	padding: 3px;
	margin: 0px;
	border: 2px solid #036;
	background: transparent;
	color: #fff;
 }
 
.noborder {
	float: right;
	padding: 3px;
	margin: 0px;
	border: none;
	}
	
.noborderleft {
	float: left;
	padding: 3px;
	margin: 0px;
	border: none;
	}

/*---LINKS----------------------*/

#content a:link { 
text-decoration: none;
color: #f06; 
background: #ccc;
}  

#content a:visited {
text-decoration: none;
color: #306;
background: #ccc;
}

#content a:hover {
text-decoration: none;
color: #f06;
background: #036;
}  

#content a:active { 
text-decoration: none;
color: #f06; 
background: #ccc; 
} 

/*background hack............left................*/
#columnwrapper {
	background: url(images/bluebground.jpg) top left repeat-y;
	float: left;
}

/*background hack............right...............
#columnwrapper2 {
	background: url(images/whitebground.jpg) top right repeat-y;
	float: right;
}
.*/


/*sidecolumn........................................*/

#columnleft {
	width: 285px;					
	float: left;
	background: #036;
	/*border: 4px solid #ccc; */
	color: #fff;
	font-size: 14px;
}

#columnleft p {
	text-align: center;
	margin: 0px 0px 10px 3px;	
}

#columnleft h4 {
	font-size: 100%;
	text-align: left;
	font-style: italic; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 20px 0px 10px 10px;
} 

.greenfont {
	color: #0c0;
	}


#columnleft a:link { 
text-decoration: none;
color: #404080; 
background: #fff;
padding: 4px;
}  

#columnleft a:visited { 
text-decoration: none;
color: #f06; 
background: #fff; 
}

#columnleft a:hover {
text-decoration: none; 
color:#fff; 
background: #fa05a6;
}  


#columnleft a:active { 
text-decoration: underline;
color: #fff; 
background: #fa05a6;
} 

#photobartop {
	float: left;
	height: 120px;
	width: 100%;
	margin: 0px 0px 5px 0px;
	background: #036; color: #fff;
	border: 2px solid #ccc;
	clear: both;
}
#photobartop p {
	margin: 0px;
	text-align: center;
}

#photobartop img {
	margin: 8px 8px 0px 8px;
	padding: 0px;
	border: 1px solid #ccc;
	
}

#photobar {
	float: left;
	height: 120px;
	width: 100%;
	margin: 20px 0px 10px 0px;
	background: #036; color: #fff;
	border: 2px solid #ccc;
	clear: both;
}
#photobar p {
	margin: 0px;
	text-align: center;
}

#photobar img {
	margin: 8px 8px 0px 8px;
	padding: 0px;
	border: 1px solid #ccc;
	
}


/*footer........................................*/
#footer {
	clear: both;
	float: left;
	color: #fff; background: #036;
	font-size: 70%;
	height: 40px;
	width: 100%;
	border: 4px solid #ccc;
}


#footer p {
	margin: 5px;
	padding: 0px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	float: right;
}

#footer img {
	margin: 25px 0px 0px 0px;
	float: right;
	border: 1px solid #ccc;
	}
	
/*-----------------------------------*/
#footer ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background: #036;
} 
	

#footer ul li { 
	display: inline; 
	margin: 0px; 
	
	
} 
 
#footer ul li a { 
	text-decoration: none; 
	padding: 5px; 
	color: #fff; background: #036;
} 
 
#footer a:hover { 
	color: #036; background: #9c0;
	 
} 

#footer li a#current2 { 
	color: #fff; background: #fa05a6; 
} 

/*------------------------------------*/
#footerbottom {
	clear: both;
	float: left;
	color: #000; 
	font-size: 9px;
	text-align: right;
	height: 10px;
	width: 100%;
	margin: 5px 5px 50px 5px;
}