body { background: #fff url('img/bg.gif') repeat top left; color: #fff; font: 62.5% Helvetica, Arial, sans-serif; }
a img { border: 0; }
.clear { clear: both; }
.replaced { text-indent: -9999px; }

#wrap {
    width: 885px;
    margin: 40px auto; 
    border: 8px solid #c4c4c4;
    overflow: auto;
    background: #fff;
    padding-bottom: 10px; 
}

#header {
    background: #c71d22 url('img/header_bg.gif') repeat-x bottom left;
    height: 90px;
    position: relative;
    border-bottom: 2px solid #ddd;
}

#logo { position: absolute; top: 34px; left: 19px; }

#search { position: absolute; bottom: 11px; right: 19px; }
#search form { display: inline; }
#search form div { display: inline; }
#search span { font-variant: small-caps; font-size: 1.2em; font-weight: bold; padding-right: 20px; }
#search span.logo {padding-right:0; height:19px; padding-left:10px; padding-right:3px;}
#search span.logo img {display:inline; margin-bottom:-5px;}
#keywords {
    background: #fff url('img/search.gif') no-repeat 5px center;
    padding-left: 20px;
    color: #999;
}
#search input.active { color: #000; }


#menu {
    background: #c6c6c6 url('img/menu_bg.gif') repeat-x bottom left;
    height: 26px;
    border-bottom: 2px solid #939393; 
}
#menu ul { margin: 0; padding: 8px 0; list-style: none; text-align: center; }
#menu li { display: inline; padding: 0 9px; }
#menu a { color: #000; text-decoration: none; text-transform: uppercase; }

#main {
    color: #787878;
    padding: 13px 8px 10px;
    width: 692px;
    float: right;
}

#sidebar {
    width: 170px;
    float: left;
    margin: 13px 0 0 7px;
    background: #e2e2e2 url('img/sidebar-top.gif') no-repeat top left;
    padding: 4px 0 12px 0;
    font-size: 1.2em;
    color: #000;
    min-height: 500px;
}
#sidebar #virtual {
    background: #a6a6a6 url('img/lock.gif') no-repeat 140px 4px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 3px 0;
}
#sidebar #login {
    padding: 0 0 6px 16px;
}

#sidebar #login iframe {  width: 154px; height: 112px; }

#wrap .oldForm { background-color: #ccc; }
#wrap .oldForm #login iframe { height: 75px; }

#sidebar #login label {
    display: block;
    font-weight: bold; 
}
#sidebar #login p { margin: 0; padding: 3px 0; }
#sidebar #login input { margin-bottom: 3px; }
#sidebar #login a { color: #666; text-decoration: none; }
#sidebar #login .links { clear: both; margin-top: 3px; margin-bottom: 10px; color: #a8a8a8; }

.roundedInput input { width: 100px; font-size: 0.8em; }

#sidebar .submit { padding-top: 5px; }
#sidebar .submit input { float: left; }
#sidebar #login div.submit a { display: block; float: right; padding-right: 8px; height: 29px; line-height: 29px; }
#sidebar #login .links a { font-weight: bold; color: #000; text-decoration: underline; }

#sideLinks { list-style: none; margin: 0; padding: 0; border-top: 1px dashed #a8a8a8; }
#sideLinks li { border-bottom: 1px dashed #a8a8a8 }
#sideLinks a {
    color: #3e3e3e;
    text-decoration: none;
    display: block;
    padding: 8px 3px 8px 8px;
}

#sidebar #signup {
    padding: 8px 0 0 0;
	margin: 0 auto ;
	width: 148px;
}

#section_header {
    border-bottom: 1px solid #ddd;
    padding: 0 0 8px 5px;
    width: 687px;
    overflow: auto;
}
#section_header img { float: left; margin-right: 20px; }
#section_header h2 {
    margin: 0;
    padding: 0;
    color: #c71d22;
    font-weight: normal;
    font-size: 2.6em;
}

#section_header p {
    font-size: 1.4em;
    line-height: 1.5;
    padding: 0.5em 20px 0.5em 0; 
    margin: 0;
}

#tabs .first { margin-left: 5px; }
#tabs {
    padding-top: 5px;
    height: 29px;
    background: url('img/content-bot.png') no-repeat -683px 28px;
}
#tabs div {
    background: url('img/tab-inactive.png') repeat-x 0 -50px;
    float: left;
    margin-top: 4px;
}
#tabs a {
    display: block;
    padding-left: 11px;
    background: url('img/tab-inactive.png') no-repeat 0 -25px;
    text-decoration: none;
    cursor: hand;
}
#tabs span { 
    display: block;
    padding:  0 22px 0 11px;
    background: url('img/tab-inactive.png') no-repeat top right;
    height: 25px;
    font-size: 1.2em;
    color: #4a4a4a;
    line-height: 2.2;
}

#tabs .active {
    background: url('img/tab-active.png') repeat-x 0 -58px;
    margin-top: 0;
    margin-left: 0;
}

#tabs .active a { 
    padding-left: 13px;
    background: url('img/tab-active.png') no-repeat 0 -29px;
}
#tabs .active span { 
    background: url('img/tab-active.png') no-repeat top right;
    height: 25px;
    padding: 4px 26px 0 13px;
    color: #c71d22;
}

#content { 
    clear: both;
    background: url('img/content-sides.png') repeat-y top left;
    font-size: 1.2em;
    line-height: 1.4;
}

#contentWrap {
    background: url('img/content-bot.png') no-repeat bottom left;
    padding: 10px 37px;
}

#content h1 { font-size: 1.5em; color: #c71d22; }
#content h2 { font-size: 1em; color: #c71d22; }
#content h3 { font-size: 1em; }
#content a { color: #c71d22; }

#content li { margin: 0; padding: 0 0 0.1em 0; }
.fine { font-size: 0.8em; margin: 0.2em 0; padding: 0; }

.data { border-collapse: collapse; }
.data td, .data th { border: 1px solid #c71d22; text-align: center; padding: 3px; }
.data th, .data .divider { background: #c71d22; color: #fff; border: 1px solid #fff; }

div.highlight { font-weight: bold; color: #c71d22; }

.data td.bannerRow { padding: 0; }
.bannerRow img { display: block; }


.flRight { float: right; margin: 0 0 1em 1em; }

#partners td { vertical-align: top; }
#hours { width: 80%; }
#hours .header2 { color: #c71d22; }
#rates { width: 80%; }

#footer { clear: both; padding: 20px 8px 0 8px; color: #3e3e3e; }
#footer #icons { float: right; }
#footer a { color: #3e3e3e; text-decoration: none; }
#footer span { padding: 0 5px; }
#footer .fine { padding-left: 120px; }

#cycleWrap { position: relative; height: 302px; width: 471px; float: left; overflow: hidden; }
#cycleNav { position: absolute; bottom: 0; left: 10px; z-index: 20; }
#cycle .secondary { display: none; }
#cycle div.replaced { position: absolute; }

.navtab .outer div { 
    height: 20px;
    padding-top: 14px;
    background: url('img/navtab.png') repeat-x 0 -137px;
}
.navtab .outer {
    background: url('img/navtab.png') no-repeat 0 -172px;
    padding-left: 10px;
}
.navtab {
    display: block;
    background: url('img/navtab.png') no-repeat right -103px;
    padding-right: 23px;
    float: left;
    margin-left: -4px;
    color: #555;
    text-decoration: none;
    cursor: hand;
}

.activeSlide { background: url('img/navtab.png') no-repeat right 0; color: #000; }
.activeSlide .outer { background: url('img/navtab.png') no-repeat 0 -69px; }
.activeSlide .outer div { background: url('img/navtab.png') repeat-x 0 -34px; }
.activeSlide span { color: #f70d13; }

#homeCols {
    padding-top: 7px;
    clear: both;
}
#homeCols h2 {
    margin: 0;
    padding: 5px 0 5px 8px;
    color: #fff;
    background: #5d5d5d;
    font-size: 1em;
}
#homeCols .col {
    border: 1px solid #b7b7b7;
    height: 206px;
    float: left;
    margin-left: 7px;
}

#homeCols #news {
    width: 151px;
    margin: 0;
}
#news a { color: #000; text-decoration: none; }
#news h2 { background: #c51116; }
#news div { padding: 4px 0; margin: 0 auto; }
#news div h3 { color: #c71d22; padding: 0 7px; }
#news div p { margin: 0 7px; font-weight: normal; }

#homeRates { width: 247px; color: #000; }

#ratesCyc {
    width: 233px;
    margin: 0 auto;
    clear: both;
}
#homeRates .rateTable {
    padding: 5px;
    background: #e2e2e2;
}
#homeRates table { border-collapse: collapse; margin: 0 auto; width: 223px; }
#homeRates .even td { background: #fff; }
#homeRates td { padding: 3px; text-align: center; }
.rateTable a { color: #c71d22; text-decoration: none; margin-left: 7px; }
#homeRates .secondary { display: none; }

#homeRates .tabs {
    padding-top: 3px;
    padding-left: 7px;
}
#homeRates .tabs a {
    display: block;
    background: #b4b4b4 url('img/corners.gif') no-repeat -74px 0;
    padding-top: 6px;
    width: 74px;
    float: left;
    margin-right: 3px;
    text-align: center;
    text-decoration: none;
    color: #000;
}
#homeRates .tabs a.activeSlide { background: #e2e2e2 url('img/corners.gif') no-repeat top left; }

#findUs { width: 260px; position: relative; }
#findUs span { color: #c71d22; }
#findUs .wrap { padding: 5px 7px; }
#findUs table { width: 100%; }
#findUs table p { font-size: 0.9em; margin: 0; padding: 0 0 8px 0; line-height: 1.1;}
#findUs td { vertical-align: top; }
#findUs a { display: block; padding-left: 15px; color: #c71d22; float: left; }
#findUs .cusc {
    height: 12px;
    background: url('img/cusc-sm.gif') no-repeat top left;
    padding-right: 15px;
    float: right;
}
#findUs #lBotLinks { position: absolute; bottom: 3px; left: 0; width: 100%; }

#locations h2 { margin:0; padding: 8px 0 5px 0; border-top: 1px solid #ccc;  clear: both; font-size: 1.2em; }
#locations .col { width: 200px; float: left; padding-right: 5px; }
#locations p { margin: 0 0 5px 0; }
#locations .cusc { display: block; background: url('/img/cusc-sm.gif') no-repeat left center; padding-left: 15px; font-size: 0.8em; }

#newsTable td { vertical-align: top; }

#wrap .searchRes div { background: none; }

#donation label { display: block; padding-top: 5px; }
#donation .dContact { width: 325px; float: left; }
#donation .left { width: 250px; padding-right: 25px; }
#donation .submit { clear: both; text-align: center; }
#donation label.long { padding-top: 10px; }
#donation label.error { color: #c71d22; }

#updatesSignup {
	margin-bottom: 15px;
}
#updatesSignup input {
	width: 200px;
	margin: -5px 0 0;
}
#updatesSignup .hidden {
    border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
#eutitk-eutitk, #name {
	color: #999;
}
#updatesSignup input.active {
	color: #000;
}
#updatesSignup .submit {
	width: 62px;
	margin-top: 8px;
}
.hillCol {
	float: left;
	width:285px;
	margin-right: 15px;
}
.hillCol ul li {
	font-size: 1.2em;
	
}
.hillCol2 {
	float: left;
	width: 285px;
	margin-top: 18px;
	padding-left: 15px;
	border-left: 1px solid #ccc;
}
#content h2.hillListHead {
	display: block;
	width: 261px;
	height: 18px;
	background: #787878 url('/img/listHeaderBg.gif') no-repeat top left;
	padding: 12px;
	color: #fff;
	font-size: 1.2em;
	margin: 0 0 1em;
}
#content .hillCol2 ul {
	margin: 0;
	width: 285px;
	padding: 0;
	list-style: none;
}
.hillCol2 strong { color: #000; }
#content .hillCol2 li {
	display: block;
	margin-bottom: 1em;
	overflow: auto;
}
.hillCol2 li img {
	float: left;
	width: 36px;
	margin-right: 8px;
}
#content .hillCol2 li a {
	text-decoration: none;
	color: #787878;
}
#content .hillCol2 a strong {
	text-decoration: underline;
}
.hillCol2 li p {
	float: left;
	width: 241px;
	margin: 0;
}
.clearBoth {
	clear: both;
}

.pick5 h1 { color: #ec1c24; }
#wrap .pick5 .hillCol2 a, .pick5 .hillCol2 span { color: #ec1c24; font-weight: bold; }

.pick5 .hillCol2 {
   	border-left: 1px solid #ccc;
	margin-left: -1px;
	padding-left: 15px;
}
.pick5 .hillCol {
   	border-right: 1px solid #ccc;
	margin-right: 0;
	padding-right: 15px;
}
.pick5 #content .hillCol2 h3 {font-size:1.2em; color: #95171a;}
.pick5 #content .hillCol2 li img.school {width:285px; height:228px; margin: 4px 0 0; }

.pick5 input.text { width: 235px; margin-bottom: 5px; }
.pick5 input.autopop { color: #ccc; }
.pick5 .error { color: #ec1c24; font-weight: bold; display: block; }

.schoolName { color: #ec1c24; display: block; }
#wrap .schools .score { color: #374643; font-weight: bold; font-size: 1.2em; width: 50px; float: left; }
.meter {
   	border: 1px solid #374643;
	height: 12px;
	width: 230px;
	float: right;
	margin-top: 1px;
	padding: 1px; 
}
.meter div { height: 12px; background: #a2181b url('img/school_bg.gif') repeat-x top left; }

#overlay {
   	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('img/trans.png');
}

#question {
	position: absolute;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -125px;
	background: #fff;
	text-align: center;
	font-size: 2em;
	width: 300px;
	height: 150px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px #000;
}

#question .q { display: block; padding-bottom: 10px; padding-top: 20px; }
#question a { display: block; float: left; }
#question .y { clear: both; margin-left: 60px; }
#question .n { margin-left: 100px; }

#footer img { border: 0; }

#survey-form {width: 800px; margin: 22px auto 32px;}
#survey-form h1, #survey-form label, #survey-form p, #survey-form h2 {color: #222;}
#survey-form p {font-size: 130%; width: 60%;}
#survey-form a {color: #C71D22;}
#survey-form ol {padding-left: 20px; color: #aaa;}
#survey-form li {font-size: 130%; padding-top: 22px; width: 60%; clear:both;}
#survey-form .col {float:left; width: 33%;}
#survey-form textarea {margin-top: 5px; width: 100%; height: 50px;}
#survey-form p.submit {margin-top: 22px; padding-left: 20px;}