body {
   margin: 0;
   padding: 10px 0 14px 0;
   color: #000;
   background-color: #f2f2f2;
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 16px
}

h1, h2, h3 {
   padding: 0 0 2px 0;
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   clear: left
}

h1 {
   width: 740px;
   margin: 8px 0 10px 0;
   padding: 3px 0 3px 10px;
   color: #fe4291;
   border-top: 1px solid #ffd1dc;
   border-bottom: 1px solid #ffd1dc;
   background-color: #ffe2e8;
   font-weight: 700;
   font-size: 24px;
   position: relative;
   left: -10px
}

h1 i {
   margin-right: 8px;
   color: #f688b1;
   position: absolute;
   right: 0
}

h1.main_header i a {
   font-size: 90%;
   vertical-align: bottom;
   text-decoration: none
}

h1.section_header, #school_info h1 {
   font-size: 100%
}

h1.section_header a, #school_info h1 a {
   text-decoration: none
}

h2, h3 {
   margin: 0;
   font-size: 95%
}

p {
   margin: 0;
   text-indent: 1.4em;
   line-height: 160%;
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 95%
}

b.special {
   color: #f688b1
}

a {
   color: #0174d7
}

a:hover {
   color: #0154b7
}

img {
   vertical-align: top;
   border-width: 0
}

img.left {
   margin: 0 20px 20px 0;
   float: left
}

img.right {
   margin: 0 0 20px 20px;
   float: right
}

img.full {
   margin: 0 0 2px 0
}

img.pad_right {
   margin-right: 10px
}

img.pad_top {
   margin-top: 10px
}

img.pad_bot {
   margin-bottom: 2px
}

form {
   display: inline
}

input.search_query {
   width: 207px;
   vertical-align: middle
}

input.submit_password {
   width: 100px;
   vertical-align: middle
}

.clear {
   height: 0;
   clear: both
}

.clear2 {
   height: 0
}

.right {
   text-align: right
}

.button {
   margin: 10px 6px 0 0
}

.button.top {
   margin: 0 6px 8px 0
}

.button.search, .button.submit {
   margin: 0;
   vertical-align: middle
}

.paragraph_spacer {
   height: 8px
}

.error {
   color: #fe4291;
   font-weight: bold
}

.success {
   color: #0b9a00;
   font-weight: bold
}

#top_notice {
   padding-bottom: 7px;
   color: #fe4291;
   text-align: center;
   font-weight: bold
}

#header {
   width: 730px;
   margin: 0 auto;
   padding: 16px 15px 9px 15px;
   background: url(/images/border-top.gif) top no-repeat
}

#logo {
   width: 230px;
   float: left
}

#header_message {
   width: 371px;
   float: left
}

#header_message h1 {
   width: auto;
   margin: 0.40em 0 0.15em 0;
   padding: 0;
   border: none;
   background-color: transparent;
   font-size: 110%;
   left: 0px
}

#header_message a {
   text-decoration: none;
   font: normal 11px Verdana, Helvetica, sans-serif;
   float: left
}

#header_message div.search_query {
   padding-top: 16px
}

#school_box {
   width: 129px;
   height: 53px;
   background: url(/images/en_us/school-box.jpg) top no-repeat;
   position: relative;
   float: left
}

#school_box a, #school_box span {
   font: bold 10px Verdana, Helvetica, sans-serif;
   position: absolute;
   top: 36px;
   left: 20px
}

#menu {
   width: 740px;
   height: 31px;
   margin: 0 auto;
   padding: 0 15px 0 5px;
   background: url(/images/menu.gif) no-repeat;
   clear: left
}

#menu ul {
   margin: 0;
   padding: 3px 4px 1.2em 0;
   list-style-type: none;
   display: block
}

#menu ul li {
   border-right: 1px solid #5a5c5a;
   display: inline;
   position: relative;
   float: left;
   z-index: 1
}

#menu ul li.current, #menu ul li a {
   padding: 3px 12px 4px 13px;
   color: #fff;
   text-decoration: none;
   font: bold 13px Tahoma, Helvetica, sans-serif;
   display: block
}

#menu ul li a.special {
   color: #fffc9d
}

#menu ul li a:hover {
   color: #0174d7;
   background-color: #fff
}

#menu ul li ul {
   padding: 0;
   background-color: #2d2d2d;
   display: none;
   position: absolute;
   float: none;
   top: 24px;
   left: -1px
}

#menu ul li ul li {
   border: 1px solid #5a5c5a;
   border-top-width: 0px;
   line-height: 16px;
   white-space: nowrap;
   display: block;
   float: none
}

#menu ul li ul li a {
   padding: 4px 12px 5px 13px;
   vertical-align: top
}

#contents {
   width: 730px;
   margin: 0 auto;
   padding: 0px 15px;
   background: url(/images/border-middle.gif) repeat-y;
   overflow: hidden
}

div.two_columns.first div, div.three_columns.first div {
   margin-top: 0
}

div.two_columns a, div.three_columns a {
   width: 225px;
   padding: 4px 10px;
   border: 1px solid #cbe3fd;
   background-color: #f5faff;
   text-decoration: none;
   display: block
}

div.two_columns a:hover, div.three_columns a:hover {
   color: #0a6bbe;
   border-color: #afd5fe;
   background-color: #eef7ff
}

div.two_columns div, div.three_columns div {
   margin: 10px 10px 0 0;
   font-size: 120%;
   float: left
}

div.two_columns div {
   width: 360px
}

div.two_columns div a {
   width: 338px
}

div.two_columns div.last, div.two_columns div.last a {
   margin-right: 0
}

div.three_columns div {
   width: 237px
}

div.three_columns div.clear {
   margin: 0
}

div.three_columns div a {
   width: 215px
}

div.three_columns div.last {
   width: 236px;
   margin-right: 0
}

div.three_columns div.last a {
   width: 214px;
   margin-right: 0
}

div.three_columns.bottom {
   height: 0
}

div.bottom_spacer {
   clear: left;
   height: 2px
}

div.lists_spacer {
   height: 6px
}

div.above_image {
   height: 12px
}

#school_results {
   margin: 11px 0 0 0;
   font: normal 12px Tahoma, Helvetica, sans-serif
}

#school_results.empty {
   margin: 11px 0 2px 0
}

#school_info h1.students {
   margin-bottom: 1px
}

#school_results table, #school_info table {
   width: 730px;
   border: 1px solid #cbe3fd;
   border-collapse: collapse
}

#school_info table {
   margin-bottom: 2px;
   border: none
}

#school_results table.tabs {
   width: auto;
   border-bottom-width: 0px
}

#school_results tr {
   vertical-align: bottom
}

#school_results tr.odd {
   background-color: #eef7ff
}

#school_results th {
   padding: 5px 5px 6px 5px;
   color: #0174d7;
   font: normal 8px Arial, Helvetica, sans-serif;
   text-align: left;
   white-space: nowrap
}

#school_results table.tabs th {
   font-size: 11px
}

#school_results th img {
   vertical-align: bottom
}

#school_results table.tabs th {
   border-left: 1px solid #cbe3fd
}

#school_results table.tabs th.selected {
   background-color: #eef7ff
}

#school_results th.right {
   text-align: right
}

#school_results td.right {
   text-align: right;
   white-space: nowrap
}

#school_results td.nowrap {
   white-space: nowrap
}

#school_results th a {
   font: bold 12px Tahoma, Helvetica, sans-serif
}

#school_results th.first {
   width: 16px;
   padding: 5px 0 6px 5px
}

#school_results td {
   padding: 4px 5px 5px 5px;
   border-top: 1px solid #cbe3fd
}

#school_results td a {
   text-decoration: none
}

#school_results td.first {
   width: 16px;
   padding: 1px 0 2px 1px;
   vertical-align: bottom
}

#school_info table td, #school_info table th {
   width: 570px;
   padding: 4px 0px 5px 0px;
   border-bottom: 1px dashed #cbe3fd;
   text-align: left
}

#school_info table td.right, #school_info table th.right {
   width: 80px;
   text-align: right
}

#school_info table th {
   font-size: 95%
}

#school_info table td.good, div.left div.table span.good  {
   color: #0b9a00
}

#school_info table td.bad {
   color: #ec0000
}

#school_info table td.all {
   width: 730px;
   color: #888;
   font-size: 13px
}

#school_info table td.bold {
   font-weight: bold
}

#driving_directions table {
   width: auto
}

#driving_directions table td {
   border: none
}

#map_contents {
   width: 750px;
   margin: 0 auto;
   padding: 9px 5px 0 5px;
   background: url(/images/border-middle.gif) repeat-y;
   overflow: hidden
}

#map_results {
   width: 196px;
   height: 476px;
   padding: 0px 0 2px 13px;
   font-size: 80%;
   float: left;
   overflow: -moz-scrollbars-vertical;
   overflow-x: hide;
   overflow-y: auto;
}

#map_results ol {
   margin: 0;
   padding: 0;
   list-style-type: none
}

#map_results ol li {
   margin: 0 0 1.2em 0;
   padding: 0;
   font: normal 10px Verdana, Helvetica, sans-serif;
   line-height: 1.4em
}

#map_results ol li a, #map a {
   text-decoration: none
}

#map_results ol li .smaller, #map .smaller {
   color: #fe4291;
   font: normal 10px Tahoma, Helvetica, sans-serif
}

#map_results ol li a.title {
   text-decoration: underline;
   font: bold 11px Tahoma, Helvetica, sans-serif;
   line-height: 1.4em
}

#map_results ol li b {
   font: bold 11px Tahoma, Helvetica, sans-serif
}

#map_results ol li span.info {
   padding: 0.2em 0 0.1em 0;
   display: block
}

#map_results ol li.last {
   margin: 0
}

#map_results span.info_window_spacer2 {
   display: none
}

#map {
   width: 540px;
   height: 478px;
   margin-bottom: 2px;
   float: right
}

#map span.info_window_spacer {
   height: 5px;
   display: block
}

#criteria {
   margin: 0.7em 0 0.15em 0;
   padding-left: 3px;
   font: bold 13px Tahoma, Helvetica, sans-serif
}

#criteria .error {
   padding-top: 10px
}

#criteria select {
   font: normal 13px Tahoma, Helvetica, sans-serif
}

#schools_directory {
   padding: 0 0 2px 0
}

#schools_directory ul {
   margin: 0;
   padding: 0 28px 0 0;
   list-style-type: none;
   float: left
}

#schools_directory ul li {
   padding: 0
}

#schools_directory ul.public li  {
   width: 168px
}

#schools_directory ul.private li  {
   width: 176px
}

#schools_directory ul.last li  {
   width: 315px
}

#schools_directory ul li div {
   padding: 0 0 0px 60px;
   display: inline
}

#schools_directory ul li a {
   padding: 0;
   font-weight: bold;
   white-space: nowrap
}

#schools_directory ul.public a {
   color: #ff5a00
}

#schools_directory ul.public a:hover {
   color: #cc3a00
}

#schools_directory ul.private a {
   color: #0b9a00
}

#schools_directory ul.private a:hover {
   color: #117700
}

#schools_directory ul.last {
   padding: 0
}

#schools_directory ul ul {
   padding: 7px 0 0 0
}

#schools_directory ul ul li {
   padding: 5px 5px 0 0;
   position: relative
}

#schools_directory ul ul li a {
   padding: 0;
   font-weight: normal
}

#schools_directory ul ul li a.map {
   font-size: 12px;
   position: absolute;
   top: 25px;
   left: 60px
}

#schools_directory ul ul li img {
   padding-right: 10px
}

#school_info div.left {
   width: 230px;
   padding-right: 20px;
   float: left
}

#school_info ul.details {
   margin: 0;
   padding: 20px 0 0 0;
   border-bottom: 1px solid #cbe3fd;
   list-style-type: none
}

#school_info ul.details li {
   padding: 2px 7px 3px 7px;
   border: 1px solid #cbe3fd;
   border-bottom-width: 0px;
   background-color: #eef7ff
}

#school_info ul.details li.last {
   color: #aaa;
   background-color: #fff
}

#school_info div.directions {
   width: 350px;
   float: left
}

#school_info div.info {
   margin: 0;
   line-height: 160%;
   position: relative;
   top: -3px
}

#school_info .school_box_link {
   color: #fe4291
}

#school_info i span.school_box_link {
   color: #f688b1
}

#school_info div.legend {
   margin-top: 7px
}

#school_info div.legend a, #school_info div.legend span, #school_info div.top_legend a {
   line-height: 25px;
   float: left
}

#school_info div.top_legend a {
   line-height: 21px
}

#school_info div.legend img, #school_info div.top_legend img {
   float: right
}

#school_images {
   width: 480px;
   margin-bottom: 2px;
   float: right
}

#school_images img.large {
   margin-bottom: 10px
}

#school_images img.small, #public_school_images img.small, #review_school_images img.small {
   width: 80px
}

#public_school_images {
   margin-bottom: 10px
}

#review_school_images div {
   margin-right: 10px;
   float: left
}

#public_school_facts1, #public_school_facts2 {
   width: 230px;
   padding-right: 20px;
   padding-bottom: 2px;
   float: left
}

div.left div.table, #public_school_facts1 div.table {
   width: 228px;
   margin-top: 10px;
   border: 1px solid #cbe3fd;
   background-color: #eef7ff;
   font: bold 10px Verdana, Helvetica, sans-serif
}

div.left div.table span, #public_school_facts1 div.table span {
   padding: 3px 0 4px 5px;
   float: left
}

div.left div.table span.all, #public_school_facts1 div.table div.all {
   padding: 3px 5px 4px 5px;
   font-weight: normal
}

#public_school_facts1 div.table div.all span.blue {
   padding: 0;
   color: #568bb4;
   float: none
}

#public_school_facts1 div.table div.all span.green {
   padding: 0;
   color: #3abb30;
   float: none
}

div.left div.table span.right, #public_school_facts1 div.table span.right {
   padding: 3px 5px 4px 0;
   font-weight: normal;
   float: right
}

div.three_columns div.left, div.three_columns div.table {
   margin: 0
}

#public_school_facts2 {
   padding-right: 0
}

.percent_box, div.three_columns div.percent_box {
   width: 223px;
   margin: 10px 0 0 0;
   padding: 3px 0 4px 5px;
   border: 1px solid #b3e9af;
   font: normal 10px Verdana, Helvetica, sans-serif;
   position: relative
}

div.comparisons .percent_box {
   margin-right: 20px;
   margin-bottom: 2px;
   float: left
}

div.comparisons div.percent_box.last {
   margin-right: 0
}

.percent_box div.green {
   width: 228px;
   height: 100%;
   margin: 0;
   background-color: #e2fcdf;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: -2
}

.percent_box div.yellow {
   width: 0px;
   height: 100%;
   margin: 0;
   background-color: #fffed8;
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: -1
}

#starting_address {
   width: 320px
}

#driving_directions {
   width: 321px
}

#school_map {
   width: 480px;
   height: 400px;
   margin-bottom: 2px;
   float: right
}

#directions_map {
   width: 380px;
   height: 400px;
   margin-bottom: 2px;
   float: right
}

div.submit_password.error {
   padding-bottom: 9px
}

#footer {
   width: 760px;
   height: 12px;
   margin: 0 auto;
   padding: 16px 0 13px 0;
   background: url(/images/border-bottom.gif) top no-repeat;
   text-align: center
}

#footer a {
   color: #344d6b;
   font: 0.6em Verdana, Helvetica, sans-serif
}

#footer a:hover {
   color: #223246
}

#footer img {
   vertical-align: -10%;
   border-width: 0
}

#copyright {
   width: 760px;
   margin: 0 auto;
   padding: 2px 0 0 0;
   color: #aaaeb0;
   text-align: center;
   font: 0.6em Verdana, Helvetica, sans-serif;
   line-height: 2.35em
}