html, body {
		margin: 0 auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}

#container {
	margin:0 auto;
	width:500px;
	border:1px solid #ccc;
	padding:10px;
	display:block;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
font-family:Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
margin:0px 0 0 0;
}

p {
	margin:0 0 20px 0;
}
h3 {
border-top:8px solid #006600;
font-size:20px;
 color:#006600;
 font-weight:bold;
 padding:8px;
}

h4 {
font-size:20px;
}

.boxed {
border:1px solid #006633;
margin-bottom:30px;
}

.boxed p { 
margin:0 20px 10px 20px;
}

.boxed { font-size:12px; }
#container table, #container table td, .boxed table { font-size:12px; }
.boxed .callout {
	margin:20px; background:#eee;
	padding:10px;
	}
	
a#registerdog {
	background:url(http://www.nutsformutts.org/forms/register.gif) no-repeat;
	width:450px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin:20px auto;
	text-align:center;
	}

a:hover#registerdog {
	background-position:0 -30px;
	}
	
h5 {
background:#006633;
padding:5px;
font-size:16px;
color:#fff;
margin-bottom:20px;
}

	a.signup  {
			margin-top:10px;
			display:block;
			width:56px;
			height:27px;
			background:url(http://www.nutsformutts.org/assets/images/text/signup.gif);
			text-indent:-9999px;
			}
			 a:hover.signup { background-position: -56px 0; }
			 
			 
			 
			 
			 
	#container a, #container a:visited {
			color:#88ba31;
			}
		#container a:visited { text-decoration:none}
		#container a:hover {
			color:#006600;
			text-decoration:none;
			}
		#container a:visited:hover {
			color:#006600;
			text-decoration:underline;
			}		 
			 
	#container a.formbutton, a.formbutton:visited {
		font-family:Myriad, Myriad Pro;
		text-transform:uppercase;
		padding:8px;
		font-weight:bold;
		border:1px solid #882461;
		color:#882461;
		text-decoration:none;
		font-size:13px;
		text-align:right;
		
		
		}
	
	#container a.formbutton:hover, a.formbutton:visited:hover {
		color:#fff;
		background:#882461;
		text-decoration:none;
		}
			 
	form p{
width: 300px;
clear: left;
margin: 10px 0;
padding: 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;

}

.full {
padding-left:0px; 
width:475px;
 border-top:0px;
 }
 
 form h3 {
border-top:8px solid #006600;
font-size:20px;
 color:#006600;
 font-weight:bold;
 padding:8px;
 }
 
 form h4 {
border-top:4px solid #666;
font-size:16px;
 color:#666;
 font-weight:bold;
 padding:8px;
 }

form label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

form textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

form label em { display:block; font-weight:100; }

#secure {
	
	display:block;
	background:url(http://www.nutsformutts.org/forms/secure.gif) no-repeat;
	width:143px;
	height:28px;
	margin:20px auto 0px auto;
	}