body {
background-image:url(../images/bkg-bluegradient.jpg);
background-repeat:repeat-x;
background-color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
margin:0;
padding:0;
}

#wrapper {
background-color:#FFF;
text-align:left;
width:750px;
margin:0 auto;
padding:0;
}

#socialmedia {width: 750px; height: 26px; position: relative; margin: 0 auto;}
#socialmedia img {margin: 4px 2px; text-align: right; float: right; border: none;}

#header {
width:750px;
margin:0 auto;
float:left;
position: relative;
display: inline;
}

#nav {
width:750px;
height:40px;
float:left;
position: relative;
display: inline;
}


#content {
width:750px;
background-color:#FFF;
margin:0;
float: left;
position: relative;
display: inline;
}

#maincopy {
font-size:14px;
line-height: 1.35em;
margin:10px 45px;
}

.subhead {
font-size:78%;
font-weight:700;
}

#maingrid {width:745px;text-align:center; font-size:9px;font-weight:700;margin:0 3px; float: left;}

#maingrid td {
text-align:center;
vertical-align:middle;
height:65px;
border:1px solid #FFF;
}

.avgrate {
font-weight:700;
font-size:14px;
line-height:1.5em;
width:39px;
color:#fff;
}

.assocs {
height:70px;
color:#FFF;
font-weight:700;
font-size:11px;
line-height:1.3em;
padding:4px 0;
}

.candidate {
height:133px;
width:86px;
font-size:11px;
line-height:1.5em;
font-weight:700;
color:#333;
}

.court {
width:80px;
font-size:12px;
font-weight:700;
line-height:1.5em;
}

.court a {
color:#FFF;
}

.gridfootnote {width: 740px; font-size:12px; margin: 0 0 0 5px; float:left;}

h1 {
font-size:155%;
color:#d11241;
text-align:center;
margin:34px 0 15px;
line-height: 1.23em;
}

h2 {
font-size:125%;
color:#d11241;
text-align:center;
margin:15px 0;
}

#maincopy h2 {
font-size:115%;
color:#d11241;
text-align:left;
margin:20px 0 0 0; padding: 0;
}


#index {
font-size:85%;
width:785px;
}

#index ul {
list-style:square;
margin:10px 5px 0 45px;
}

#maincopy ul {
list-style: square
}

.credit {
text-align:right;
font-weight:700;
margin:3px 5px 25px;
}

#footer {
width:750px;
text-align:center;
background-color:#FFF;
font-size:12px;
float:left;
margin:0 auto;
position: relative;
display: inline;
}

#footer ul {list-style:none; margin: 10px auto; padding: 0;}
#footer ul li {display: inline;  padding: 0 .5em; font-size: 12px; border-right: 1px solid #002d62;}
#footer ul li.lastnav {border: none;}

a {
border:none;
color:#002d62;
}

a:hover {
color:#d11241;
}

.excellent {
font-weight:700;
letter-spacing:1.2em;
color:#000;
}

#index ul li,#maincopy ul li {margin:0 0 5px;}

#indexcontent p {padding: 0 10px; font-size:14px; line-height: 1.35em;}
#indexcontent h1 {padding: 0 10px; font-size:22px; color:#d11241; text-align:left; margin: 10px 0;}

#contribute {width: 220px; height:75px; margin: 0px; padding: 0; float: left; background: url(../images/donatebkg.jpg) #002d62 no-repeat;}
#contribute p {font-size: 12px; font-weight: bold; width: 220px; height:75px; padding: 7px 0 0 0 ;}
#contribute p a:link, #contribute p a {color:#FFF; text-decoration: none; display: block; padding: 15px 0 15px 80px; margin: -20px 0 0 0;}
#contribute p a:hover {color:#6699CC; text-decoration: none; }

#printnow {width: 220px; height:75px; margin: 0px; padding: 0; float: left; background: url(../images/printbkg.jpg) #002d62 no-repeat;}
#printnow p {font-size: 14px; font-weight: bold; width: 220px; height:75px; padding: 15px 0 0 0 ;}
#printnow p a:link, #printnow p a {color:#FFF; text-decoration: none; display: block; padding: 15px 0 15px 85px; margin: -20px 0 0 0;}
#printnow p a:hover {color:#6699CC; text-decoration: none; }

#resultsbtn {width: 220px; height:75px; margin: 0px; padding: 0; float: left; background: url(../images/blnk-blue-btn.jpg) #002d62 no-repeat;}
#resultsbtn p {font-size: 16px; font-weight: bold; width: 220px; height:75px; padding: 15px 0 0 0 ;}
#resultsbtn p a:link, #resultsbtn p a {color:#FFF; text-decoration: none; display: block; padding: 15px 10px 15px 13px; margin: -15px 0 0 0;}
#resultsbtn p a:hover {color:#6699CC; text-decoration: none; }

#gridprintnow {width: 220px; height:75px; margin: -40px 5px 0 15px; padding: 0; float: right; background: url(../images/printbkg.jpg) #002d62 no-repeat;}
#gridprintnow p {font-size: 18px; font-weight: bold; width: 220px; height:75px; padding: 15px 0 0 0 ;}
#gridprintnow p a:link, #gridprintnow p a {color:#FFF; text-decoration: none; display: block; padding: 15px 0 15px 90px; margin: -20px 0 0 0;}
#gridprintnow p a:hover {color:#6699CC; text-decoration: none; }

#ratinginfo {width: 220px;height: 220px;margin: 10px 10px 0 0;padding: 0;background: url(../images/220x220-bkg.jpg) no-repeat #cc0033;float: left;position: relative;}
#ratinginfo h2 {padding: 25px 25px;color: #FFFFFF;line-height: 1.4em;font-size: 21px; width: 185px; height: 180px;}
#ratinginfo h2 a:link, #ratinginfo h2 a { color:#FFFFFF; text-decoration: none; display: block; padding: 10px 15px 10px 15px ; margin: -30px 0 0 -18px;}
#ratinginfo h2 a:hover {color: #ccc; text-decoration: none;}

#gridheader {width: 740px; margin: 0 5px 15px 5px; float: left;}
#gridheader h1{text-align: left; margin: 20px 10px 10px 15px; font-size:165%;}
#gridheader .instructions {margin: 0 15px; font-size: 12px;}

#socialmediahome {width: 220px; float: left;}
#socialmediahome .smbtn {margin: 20px 0 0 35px;}

#rightsidebar {
	width: 220px;
	float: right;
	margin: 10px 10px 10px 0;
}
.quote {
	float: left;
	width: 220px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #333333;
}
.quote blockquote {
	padding:0;
	margin: 12px;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}
#indexcontent h1 {
	margin: 10px 0 0 0;
}
#indexcontent {
	width: 500px;
	margin: 10px 10px 15px 10px;
	padding: 0 0 15px 0;
	float: left;
	position: relative;
}
#homeimage {
	width: 500px;
	margin: 10px 10px 0 10px;
	padding: 0;
	background-color:#FFFFFF;
	float:left;
	position: relative;
}
.subdivision {
	margin:15px 0 -10px 0;
}

.picright {float: right; padding: 0 0 15px 15px;}