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.5em; text-transform: uppercase; letter-spacing: -0.03em; font-weight:bold; }
h2 { font-size: 2.3em; }
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;
	padding-top:148px;
	margin-left: 300px;
}


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

h1 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_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; }