body { 
    background: #FFF; 
    font-family: Arial, Helvetica;
    font-size: 77%; 
    line-height: 1.4em;
    color: #303030;
}

/* Default styles */
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.8em; letter-spacing: -0.01em; color: #00b5cb; }
h1 { font-size: 2.7em; }
h2 { font-size: 2.5em; text-transform: uppercase; letter-spacing: -0.03em; font-weight:bold; }
h3 { font-size: 1.9em; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.1em; } 
h6 { font-size: 1em; }
p { padding: 0 0 0.5em; margin: 0.8em 0; }

a { 
    text-decoration: none; 
    color: #000;
}

a:hover { 
    color:  #00b5cb;
}


#outer_container {
    width: 955px;
    margin: 0 auto;
}

#banner {
    height: 188px;
    background: url(../images/banner.jpg) no-repeat; 
}

#banner h3 {
    font-weight: bold;
    margin-top: -65px;
    margin-left: 300px;
}

#banner h3 span {
    font-size: 1.1em;
    color: #09347a;
}

h2 span.alt_color_header {
    color: #09347a;
}

#left_column {
    float: left;
    min-height: 434px;
    width: 224px;
}

#main_column {
    float: right;
    margin-top: 20px;
    margin-left: 15px;
    width: 710px;
    min-height: 380px;
    padding-bottom: 20px;
}

#main_column ul {
    list-style: disc inside;
    padding-left:15px;
}

#main_column h5 {
    color:#000;
    font-weight:bold;
}

#school_info {
    margin-top: 15px;
    color: #000;
    border-bottom: 1px solid #9daeda;
    margin-bottom: 15px;
}

#school_info img {
    padding: 0 20px;
    float: right;
}

.school_event_info {
    padding: 8px 0;
}

#school_visual {
    height: 250px;
    width: 710px;
}

#events_block h4 {
    background: #9daeda;
    color: #fff;
    padding:5px 15px;
    font-size: 1.2em;
    font-weight: bold;
}

#events_block div {
    background: #b2e9ef;
}

#events_block p {
    font-style: italic;
    padding:5px 15px;
}

.open_days_school_name {
    display:inline-block;
    vertical-align:top;
    min-width: 200px;
}

.school_events_group {
    display:inline-block;
    vertical-align:top;
}

#main_footer {
    clear: both;
    background: #dde7fd;
    border-top: 2px solid #9daeda;
    margin-bottom: 20px;
    margin-top:30px;
}

#main_footer p  {
    margin-left:10px;
    margin-top:5px;
    font-size: 0.7em;
    color: #a2a2a2;
    font-family: Arial, Helvetica;
}

#main_footer p a  {
    color: #a2a2a2;
}

#main_footer ul  {
    margin-top: 5px;
    padding: 0 10px;
}

#main_footer ul li {
    font-family: Georgia;
    font-size: 0.8em;
    display:inline;
}

hr {
    border:none;
    margin:0;
    padding:1px;
    background-color: #a6e5ed;
}

.bold_blue {
    font-weight:bold;
    color: #09347a;
}

#homepage_events_feed h4 {
    margin-top: -20px;
    clear: both;
    float:left;
    background: #9daeda;
    color: #fff;
    width: 194px;
    padding:5px 15px;
    font-size: 1.2em;
    font-weight: bold;
}

#homepage_events_feed hr#homepage_block {
    margin-top: -20px;
    width: 710px;
    float:right;
    height:27px;
    background: #9daeda;
}

#homepage_events_feed table {
    clear:both;
    border: 0px;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

#homepage_events_feed tr {
    margin-top:53px; 
}

#homepage_events_feed tr.row0 {
    background: #d9f4f7;
    margin-top:5px; 
}

#homepage_events_feed tr.row1 {
    background: #b2e9ef;
}

#homepage_events_feed table td {
    width: 40%;
    margin-bottom:5px;
    color: #000;
    padding:9px;
    text-align: left;
    border-bottom: 2px #fff solid;
}

#homepage_events_feed table td.school_name {
    width: 25%;
    text-transform: uppercase;
    font-weight: bold;
}

#sidebar {
    float:left;
}

#map {
    border: 2px solid  #00b5cb;
    float:right;
    width: 410px;
    height: 280px;
}

/***Menu styles***/
#menu_bar {
    width: 955px; 
    margin: 4px 0;
    height: 42px;
    background: url(../images/main_menu.jpg) no-repeat;
}

#menu_bar li{
    display: inline;
    float: left;
}

#menu_bar li a {
    text-decoration: none;
    text-indent: -999em;
    height: 42px;
    display: block;
    background: url(../images/main_menu.jpg) no-repeat;
}

#menu_bar li#home a { background-position: 0 0; width: 67px; margin-right: 3px;}
#menu_bar li#why_independent a { background-position: -70px 0; width: 163px; margin-right: 3px;}
#menu_bar li#open_days a { background-position: -236px 0; width: 95px; margin-right: 3px;}
#menu_bar li#entrance_tests a { background-position: -334px 0; width: 196px; margin-right: 3px;}
#menu_bar li#financial_assistance a { background-position: -533px 0; width: 180px; margin-right: 3px;}
#menu_bar li#school_finder a { background-position: -716px 0; width: 133px; margin-right: 3px;}
#menu_bar li#contacts a { background-position: -852px 0; width: 103px; }

#menu_bar li#home a:hover { background-position: 0 -43px; width: 67px; margin-right: 3px;}
#menu_bar li#why_independent a:hover { background-position: -70px -43px; width: 163px; margin-right: 3px;}
#menu_bar li#open_days a:hover { background-position: -236px -43px; width: 95px; margin-right: 3px;}
#menu_bar li#entrance_tests a:hover { background-position: -334px -43px; width: 196px; margin-right: 3px;}
#menu_bar li#financial_assistance a:hover { background-position: -533px -43px; width: 180px; margin-right: 3px;}
#menu_bar li#school_finder a:hover { background-position: -716px -43px; width: 133px; margin-right: 3px;}
#menu_bar li#contacts a:hover { background-position: -852px -43px; width: 103px; }

#menu_bar li#home.selected a { background-position: 0 -85px; width: 67px; margin-right: 3px;}
#menu_bar li#why_independent.selected a { background-position: -70px -85px; width: 163px; margin-right: 3px; }
#menu_bar li#open_days.selected a { background-position: -236px -85px; width: 95px; margin-right: 3px;}
#menu_bar li#entrance_tests.selected a { background-position: -334px -85px; width: 196px; margin-right: 3px;}
#menu_bar li#financial_assistance.selected a { background-position: -533px -85px; width: 180px; margin-right: 3px;}
#menu_bar li#school_finder.selected a { background-position: -716px -85px; width: 133px; margin-right: 3px;}
#menu_bar li#contacts.selected a { background-position: -852px -85px; width: 103px; }


#school_menu {
    margin-top: 15px;
    margin-bottom: 15px;
    background: url(../images/schools_menu.jpg) no-repeat;
}

#school_menu li{
    list-style: none;
}

#school_menu li a {
    text-decoration: none;
    text-indent: -999em;
    height: 32px;
    width: 224px;
    display: block;
    background: url(../images/schools_menu.jpg) no-repeat;
}

#school_menu li#beaconhurst a { background-position: 0 0; margin-bottom: 1px;}
#school_menu li#belmont_house a { background-position: 0 -33px; margin-bottom: 1px;}
#school_menu li#craigholme a { background-position: 0 -66px; margin-bottom: 1px;}
#school_menu li#fernhill a { background-position: 0 -99px; margin-bottom: 1px;}
#school_menu li#the_glasgow a { background-position: 0 -132px; margin-bottom: 1px;}
#school_menu li#hamilton a { background-position: 0 -165px; margin-bottom: 1px;}
#school_menu li#the_high_school a { background-position: 0 -198px; margin-bottom: 1px;}
#school_menu li#hutchesons_grammar a { background-position: 0 -231px; margin-bottom: 1px;}
#school_menu li#kelvinside a { background-position: 0 -264px; margin-bottom: 1px;}
#school_menu li#lomond a { background-position: 0 -297px; margin-bottom: 1px;}
#school_menu li#st_aloysius a { background-position: 0 -330px; margin-bottom: 1px;}
#school_menu li#st_columbas a { background-position: 0 -363px; margin-bottom: 1px;}
#school_menu li#wellington a { background-position: 0 -397px; }

#school_menu li#beaconhurst a:hover { background-position: -224px 0; margin-bottom: 1px;}
#school_menu li#belmont_house a:hover { background-position: -224px -33px; margin-bottom: 1px;}
#school_menu li#craigholme a:hover { background-position: -224px -66px; margin-bottom: 1px;}
#school_menu li#fernhill a:hover { background-position: -224px -99px; margin-bottom: 1px;}
#school_menu li#the_glasgow a:hover { background-position: -224px -132px; margin-bottom: 1px;}
#school_menu li#hamilton a:hover { background-position: -224px -165px; margin-bottom: 1px;}
#school_menu li#the_high_school a:hover { background-position: -224px -198px; margin-bottom: 1px;}
#school_menu li#hutchesons_grammar a:hover { background-position: -224px -231px; margin-bottom: 1px;}
#school_menu li#kelvinside a:hover { background-position: -224px -264px; margin-bottom: 1px;}
#school_menu li#lomond a:hover { background-position: -224px -297px; margin-bottom: 1px;}
#school_menu li#st_aloysius a:hover { background-position: -224px -330px; margin-bottom: 1px;}
#school_menu li#st_columbas a:hover { background-position: -224px -363px; margin-bottom: 1px;}
#school_menu li#wellington a:hover { background-position: -224px -397px; }

#school_menu li#beaconhurst.selected a { background-position: -448px 0; margin-bottom: 1px;}
#school_menu li#belmont_house.selected a { background-position: -448px -33px; margin-bottom: 1px;}
#school_menu li#craigholme.selected a { background-position: -448px -66px; margin-bottom: 1px;}
#school_menu li#fernhill.selected a { background-position: -448px -99px; margin-bottom: 1px;}
#school_menu li#the_glasgow.selected a { background-position: -448px -132px; margin-bottom: 1px;}
#school_menu li#hamilton.selected a { background-position: -448px -165px; margin-bottom: 1px;}
#school_menu li#the_high_school.selected a { background-position: -448px -198px; margin-bottom: 1px;}
#school_menu li#hutchesons_grammar.selected a { background-position: -448px -231px; margin-bottom: 1px;}
#school_menu li#kelvinside.selected a { background-position: -448px -264px; margin-bottom: 1px;}
#school_menu li#lomond.selected a { background-position: -448px -297px; margin-bottom: 1px;}
#school_menu li#st_aloysius.selected a { background-position: -448px -330px; margin-bottom: 1px;}
#school_menu li#st_columbas.selected a { background-position: -448px -363px; margin-bottom: 1px;}
#school_menu li#wellington.selected a { background-position: -448px -397px; }