/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align:center;
	background-color:White;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em;
}

h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;}

a {text-decoration:underline;color:Blue}

a:hover {text-decoration:none;color:Blue}


.container1 {
	text-align:left;
	margin:5px;
	padding:0 20px 15px 20px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

.container2 {
	text-align:left;
	margin:5px;
	padding:10px 10px 10px 10px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

.teaser1{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}


fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#4AA6FF;
    font-size:1em;
}

#copy .container .button {border-color:#CCCCCC;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}