@media all { 

    /* Modified: 10/03/2014
        Added .numberBack and modified container and radiobutton_indent */

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =html */

html { 
	margin : 0; 
	padding : 0; 
	color : #000; 
	text-align : center; 
}

/* =body */
body { 
	width : 100%;
    /*font-family: 'Lato', 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #87AEC5; what's on the home page*/

	font : 90%/130% "Lucida Grande", Arial, sans-serif; 
	background-color : #87AEC5;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	
}

/* =hx */


h1 { font-size : 160%; color : #0856ae; letter-spacing : .1em; line-height : 165%;}
h2 { font-size : 130%; color : #0856ae; letter-spacing : .1em;}
h3 { font-size : 110%; color : #0856ae; }


/* =a */
a {  
    color: #0088cc; 
    text-decoration: none;
}


a:visited { 
	color : #663399;
	text-decoration : none;
}

a:hover,a:focus {  
    color: #005580;
    text-decoration: underline;
}


a:active { 
	color : #990066; 
	text-decoration : underline; 
}


img, img a { border : none; }


/* =container */
#container { 
	background-color : #fff; 
	width : 810px; 
	margin : auto; 
	padding-left : 20px; 
	padding-right : 20px;
	text-align : left;
}
#containerReport { 
	background-color : #fff; 
	width : 1000px; 
	border : 1px solid #73add3; 
	margin : 0; 
	padding-left : 20px; 
	padding-right : 20px;
	text-align : left;
}

#branding { border-bottom : 1px solid #ECECEC; }
	
#logo { float: left; width : 100px; padding-top : 10px; }

#box {
	width: 80%;
	width : 400px; 
	background : #63a632; 
	color : #fff; 
	border : 1px solid #003399; 
	padding : 15px;
	margin : 0px auto;
	font-size : 110%;
	line-height : 130%;
}
#boxsmall {
	width: 80%;
	width : 350px; 
	background : #63a632; 
	color : #fff; 
	border : 1px solid #003399; 
	padding : 15px;
	margin : 0px auto;
	font-size : 110%;
	line-height : 130%;
}
.boxHighlight { color : #FFCC33; font-weight : bold; }

#design { 
    float: right;
	padding-top: 20px;
	margin-bottom: 20px;
}

#clear { clear : both;}

#sponsors { padding-top : 10px; text-align : center; width : 100%; height : 93px; }

#footer { border-top : 1px solid #ECECEC; padding-top : 10px; }

.footerText { font-size : 90%;}

.SurveyTitle { color: #0856ae; font-weight: bold; font-size: 130%; }

.SurveyName { color: #0856ae; font-weight: bold; font-size: 130%; }

.numberBack {
	/*background-image: url('http://www.speakup4schools.org/speakup2014/images/yellow_back.gif');*/
	background-image: url('../images/yellow_back.gif');
	width: 22px;
	height: 22px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
    line-height: 20px; 
}
.radiobutton_indent {
    /*font: sans-serif;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000;*/
    text-align: left;
    text-decoration: none;
    /*font-weight: bold;*/
}
table.radiobutton_indent td input {
    float: left;
}
table.radiobutton_indent label {
    margin-left: 25px;
    display: block;
}
.checkbox_indent {
    /*font: sans-serif;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000;*/
    text-align: left;
    text-decoration: none;
    /*font-weight: bold;*/
}
table.checkbox_indent td input {
    float: left;
}
table.checkbox_indent label {
    margin-left: 25px;
    display: block;
}
#center {
    margin: 0 auto;
}
	.buttons {right: 0; text-align: center; }

	.buttons .left, .buttons .center, .buttons .right { display: inline-block; margin-bottom: 50px; }

	.buttons .left { float: left; width: 150px; }
	.buttons .center { margin: 0 auto; width: 150px; }
	.buttons .right { float: right; width: 150px; }
	.clear { clear: both; }



}