/*
Add Special Font
@font-face {
font-family: "Maiandra GD";
src: url("fonts/maian.ttf")
}
*/
body
{
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
 	font-size: 12px;
	font-family: Arial;
	background-image: url('images/bg.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}

	#container
	{
		margin: auto;
		padding: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #000000;
	}
		
				
		#logo
		{
			margin: auto;
			padding: 0px;
			width: 1000px;
			text-align: left;
			background-color: #FFFFFF;
		}
				
		#nav
		{
			margin: auto;
			padding: 10px;
			width: 1000px;
			text-align: left;
			background-image: url('images/nav-bg.png');
			background-repeat: no-repeat;
			background-position: center top;
		}
		
		#body
		{
			margin: auto;
			padding: 0px;
			width: 1000px;
			text-align: left;
			background-color: #FFFFFF;
			border-left: 1px solid #DDDDDD;
			border-right: 1px solid #DDDDDD;
		}
			
			#addform
			{
				margin-bottom: 20px; 
				padding: 4px; 
				text-align: left; 
				background-color: #3B5998;
				border-bottom: 10px solid #627AAD;
			}
			
			#editform
			{
				margin: 0px;
				padding: 4px; 
				text-align: left; 
				background-color: #3B5998;
				border-bottom: 10px solid #627AAD;
				
				
			}
		
			#content
			{
				padding: 20px;
			}
			
			div.red
			{
				margin: 0px; 
				padding: 10px; 
				text-align: left; 
				background-color: #990000;
				border: 2px solid #660000;
			}
			
			div.blue
			{
				margin: 0px; 
				padding: 10px 4px; 
				text-align: left; 
				background-color: #627AAD;
			}
			
			div.bluedark
			{
				margin: 0px; 
				padding: 10px 4px; 
				text-align: left; 
				background-color: #3B5998;
			}
		
			div.petprint
			{
				margin-top: 5px;
				padding: 10px;
				background-color: #F5F5F5;
				border: 1px solid #DDDDDD;
				min-height: 420px;
			}
		
			div.petinfo
			{
				margin: 5px 5px 0px 5px;
				padding: 10px;
				background-color: #F5F5F5;
				border: 1px solid #DDDDDD;
				min-height: 85px;
			}
			
			div.comment
			{
				margin: 0px 5px 0px 5px;
				padding: 5px;
				background-color: #F0E8DD;
				border: 1px solid #DDDDDD;
			}
			
			div.caption
			{
				margin: 5px; 
				padding: 10px; 
				text-align: left; 
				background-color: #990000;
				border: 5px solid #FFFFFF;
			}
			
			div.pic
			{
				width: 75px; 
				height: 75px;
				float: left;
				margin-right: 20px;
				border: 4px solid #3B5998;
				background-color: #627AAD;
			}
			
			div.bigpic
			{
				width: 400px; 
				height: 400px;
				float: left;
				margin-right: 20px;
				border: 4px solid #3B5998;
				background-color: #627AAD;
			}
			
			div.thumbnailview
			{
				width: 75px; 
				height: 95px;
				float: left;
				margin: 7px;
				background-color: #3B5998;
				border: 4px solid #3B5998;
			}
			
			div.thumbnail
			{
				width: 75px; 
				height: 75px;
				margin-bottom: 5px;
				background-color: #627AAD;
			}
			
			div.footnote
			{
				position: static;
				width: 100%;
				bottom: 0px;
				margin: 0px; 
				padding: 10px 0px; 
				text-align: left; 
				border-top: 2px solid #3B5998;
				background-color: #627AAD;
			}

				
		#footer
		{
			margin: auto;
			padding: 0px;
			width: 1000px;
			min-height: 200px;
			text-align: left;
		}

		td
		{
		 	font-size: 12px;
			font-family: Arial;
		}
		
		span.petid
		{
			margin-right: 10px;
			padding: 2px;
			text-align: center;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #3B5998;
			border: 1px solid #627AAD;
		}
		
		span.blue
		{
			margin-left: 10px;
			font-weight: bold;
			color: #3B5998;
		}
		
		a, a:visited
		{
			font-weight: bold;
			text-decoration: none;
			color: #3B5998;
			background-color: transparent;
		}
		
		a:hover
		{
			font-weight: bold;
			text-decoration: underline;
			color: #627AAD;
			background-color: transparent;
		}
		
		a.white, a.white:visited
		{
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
			background-color: transparent;
		}
		
		a.white:hover
		{
			font-weight: bold;
			text-decoration: underline;
			color: #FFFFFF;
			background-color: transparent;
		}
		
		a.nav, a.nav:visited
		{
			padding: 5px 10px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
			background-color: transparent;
			line-height: 30px;
		}
		
		a.nav:hover
		{
			padding: 5px 10px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
			background-color: #627AAD;
			line-height: 30px;
		}
		
		a.add, a.add:hover, a.add:visited
		{
			padding: 5px 10px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
			background-color: #990000;
			border: 2px solid #660000;
		}
		
		a.footer, a.footer:visited, a.footer:hover
		{
			font-weight: normal;
			text-decoration: underline;
			color: #999999;
			background-color: transparent;
		}
				
		p
		{
			margin: 0px;
			text-align: left;
			color: #000000;
			background-color: transparent;
		}
		
		p.center
		{
			margin: 0px;
			text-align: center;
			color: #000000;
			background-color: transparent;
		}
		
		p.right
		{
			margin: 0px;
			text-align: right;
			vertical-align: middle;
			color: #000000;
			background-color: transparent;
		}
		
		p.bold
		{
			margin: 0px;
			text-align: left;
			font-weight: bold;
			color: #000000;
			background-color: transparent;
		}
		
		p.blue
		{
			margin: 0px;
			text-align: left;
			font-weight: bold;
			color: #3B5998;
			background-color: transparent;
		}
		
		p.white
		{
			margin: 0px;
			padding: 0px;
			text-align: left;
			font-weight: normal;
			color: #FFFFFF;
			background-color: transparent;
		}
		
		p.subtext
		{
			margin: 0px;
			padding: 0px;
			text-align: left;
			font: 100 10px Arial;
			font-style: italic;
			color: #666666;
		}
		
		p.form
		{
			margin: 0px;
			padding: 5px;
			text-align: left;
			font-weight: bold;
			color: #FFFFFF;
			background-color: transparent;
			border-bottom: 2px solid #627AAD;
		}
		
		p.nav
		{
			margin: 0px;
			text-align: center;
			color: #FFFFFF;
			font-weight: bold;
			background-color: transparent;
		}
		
		p.footer
		{
			margin: 0px;
			text-align: right;
			color: #3B5998;
			background-color: transparent;
		}
		
		td
		{
			vertical-align: bottom;
		}
		
		input, select, option, textarea
		{
			font: 100 12px Arial;
			color: #333333;
		}
		
		input.submit
		{
			margin: 0px;
			padding: 4px 20px;
			text-align: left;
			font-size: 20px;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #627AAD;
			border: 2px solid #3B5998;
			cursor: pointer;
		}
		
		input.red
		{
			margin: 0px;
			padding: 4px 10px;
			text-align: left;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #990000;
			border: 2px solid #660000;
			cursor: pointer;
		}
		
		input.biglink
		{
			margin: 3px;
			padding: 13px;
			color: #FFFFFF;
			font-weight: bold;
			background-color: #3B5998;
			border: 2px solid #627AAD;
			cursor: pointer;
		}
		
		input.biglink:hover
		{
			margin: 3px;
			padding: 13px;
			color: #FFFFFF;
			font-weight: bold;
			background-color: #627AAD;
			border: 2px solid #3B5998;
			cursor: pointer;
		}
		
		ul 
		{ 
			list-style-image: url('images/bullet.png'); 
		}
		
		ul.bulletlogo 
		{ 
			list-style-image: url('images/bullet-logo.png'); 
		}
		
		li.boxlist 
		{ 
			margin-bottom: 2px;
			padding: 5px;
			background-color: #F0E8DD;
			border-bottom: 1px solid #DDDDDD; 
		}
		
		h1
		{
			margin: 0px;
			text-align: left;
			font: 100 22px 'Candara';
			font-weight: bold;
			color: #3B5998;
			background-color: transparent;
		}
		
		h2
		{
			margin: 0px;
			padding: 4px 10px;
			text-align: left;
			font: 100 22px 'Candara';
			font-weight: bold;
			color: #FFFFFF;
			background-color: #3B5998;
			border-bottom: 10px solid #627AAD;
		}