/*  
Theme Name: ASPIRENorth Screen
Theme URI: http://www.55degrees.co.uk/
Description: Designed by 55degrees.
Version: 1
Author: 55degrees
Author URI: http://www.55degrees.co.uk/
*/

body,
img,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote {
padding: 0;
margin: 0;
border: 0;
list-style: none;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

html {
background-image: url(../img/html_bg.png);
}

#wrapper {
text-align: left;
margin: 0px auto;
padding: 0;
border:0;
width: 850px;
background-image: url(../img/wrapper_bg.png) !important;
background-image: url(../img/wrapper_bg_ie6.png);
}





#header {
margin: 0 51px 0 51px;
width:  748px;
height: 235px;
background-repeat: no-repeat;
}

.header_home {
background-image: url(../img/banner_bg_home.jpg);
}

.header_about_us {
background-image: url(../img/banner_bg_about.jpg);
}

.header_pupil {
background-image: url(../img/banner_bg_pupils.jpg);
}

.header_parent {
background-image: url(../img/banner_bg_parents.jpg);
}

.header_teacher {
background-image: url(../img/banner_bg_teachers.jpg);
}

.header_partner {
background-image: url(../img/banner_bg_partners.jpg);
}

.header_volunteer {
background-image: url(../img/banner_bg_volunteers.jpg);
}

.header_employer {
background-image: url(../img/banner_bg_employers.jpg);
}

.header_misc {
background-image: url(../img/banner_bg_misc.jpg);
}


#nav_primary {
display: block;
position: relative;
width: 704px;
font-size: 0.8em;
letter-spacing: 0.05em;
height: 30px;
margin: 0 0 0 24px;
}

#nav_primary ul,
#nav_secondary ul {
list-style-type: none;
text-align: center;
}

#nav_primary ul li,
#nav_secondary ul li,
#nav_bottom ul li {
display: inline;
}

#nav_primary ul li a {
margin: 0 1px 0 0;
display: block;
color: white;
text-decoration: none;
float: left;
width: 87px;
height: 25px;
padding: 5px 0 0 0;
}

#nav_primary ul li a:hover {
color: #d8001d;
background-color: #4D4D4D;
}

#nav_primary ul #nav_primary_first a:hover {
background-image: url(../img/nav_primary_home_roll.png);
background-repeat: no-repeat;
/* necessary to over-ride default rollover bg color */
background-color: transparent;
}

#nav_primary ul #nav_primary_last a:hover {
background-image: url(../img/nav_primary_employers_roll.png);
background-repeat: no-repeat;
/* necessary to over-ride default rollover bg color */
background-color: transparent;
}

#nav_primary ul .nav_primary_selected a {
color: #d8001d;
font-weight: bold;
}

#nav_primary ul .nav_primary_selected a:hover {
background-color: transparent;
}




#nav_secondary {
clear: both;
font-size: 0.7em;
letter-spacing: 0.05em;
display: block;
position: relative;
height: 30px;
}

#nav_secondary ul li a {
display: block;
color: white;
text-decoration: none;
float: left;
height: 23px;
padding: 7px 0 0 25px;
}

#nav_secondary ul li a:hover {
color: #d8001d;
}

.nav_secondary_home,
.nav_secondary_about_us,
.nav_secondary_partner,
.nav_secondary_volunteer,
.nav_secondary_employer {
margin: 0 0 0 24px;
}

.nav_secondary_pupil {
margin: 0 0 0 200px;
}

.nav_secondary_parent {
margin: 0 0 0 288px;
}

.nav_secondary_teacher {
margin: 0 0 0 376px;
}



#search {
margin: 140px 0 0 571px;
font-size: 0.8em;
}

















#content {
/*
padding:  0 25px 0 25px;

background-color: white;
*/
margin: 0 25px 0 25px;
}

#content h1 {
color: #d8001d;
font-size: 1.5em;
border-bottom: 3px solid #999999;
padding: 15px 0 10px 0;
margin: 0 0 15px 0;
}

#content p {
color: #000000;
font-size: 0.9em;
padding: 0 0 1em 0;
line-height: 1.4em;
}

#content blockquote {
color: #333333;
font-size: 0.9em;
padding: 0.3em 0 1em 0;
line-height: 1.4em;
margin: 0 1em 0 1.5em;
font-style: italic;
}

#content a {
color: #a54b4c;
}

#content a:hover {
text-decoration: none;
}

#content strong {
color: black;
font-size: 1.1em;
}

#content h2 {
color: #666666;
font-size: 1.2em;
border-bottom: 3px solid #999999;
padding: 22px 0 9px 0;
margin: 0 0 15px 0;
clear: left;
}

#content h3 {
color: #666666;
font-size: 1em;
padding: 0;
padding: 0.2em 0 1em 0;
clear: left;
}

#content h3 a {
color: #a54b4c;
}

#content h3 a:hover {
text-decoration: none;
}

#content ul li {
list-style: disc;
color: #333333;
font-size: 0.9em;
padding: 0 0 1em 0;
line-height: 1.4em;
margin: 0 1em 0 1.5em;
}














#col_left_home {
float: left;
width: 477px;
padding: 0 35px 26px 26px;
background-color: white;
}

.col_left {
float: left;
width: 716px;
padding: 0 0 26px 26px;
background-color: white;
}

.col_left_bottom {
float: left;
width: 536px;
padding: 0 0 0 26px;
}

.clear {
clear: both;
}

.hide {
display: none;
width: 0;
height: 0;
}

.col_left img {
padding: 0 10px 15px 0;
}

#col_centre { 
float: left;
width: 25%;
padding: 0;
background-color: white;
}

.col_right {
float: right;
width: 177px;
padding: 0 26px 26px 35px;
background-color: white;
display: none;
}

.col_right_bottom {
float: right;
width: 177px;
padding: 0 26px 26px 35px;
}


.col_right img {
margin: 0 0 15px 0;
}

#content .col_right h3 {
color: #666666;
font-size: 0.9em;
border-top: 3px solid #999999;
padding: 15px 0 5px 0;
clear: both;
}

#content .col_right a img {
border: 1px solid white;
}

#content .col_right a:hover img {
border: 1px solid #d8001d;
}

#content .col_right h3 a img {
border: 1px solid transparent;
float: right;
}

#content .col_right p {
font-size: 0.8em;
}

#content .col_left img {
float: left;
margin: 0.2em 15px 0 0;
}



#mapMainland,
#mapIslands {
width: 536px;
height:  536px;
}

#form {
width: 300px;
}

#interactive {
margin: 30px auto 0 auto;
width: 750px;
background-color: white;
border: 1px solid #999999;
}

#no_flash {
padding: 0 20px 0 20px;
}

#close_window {
margin: 30px auto 0 auto;
width: 750px;
text-align: right;
}







/*

#col_left_home {
float: left;
width: 300px;
margin: 0 35px 0 0;
}



#col_centre_home { 
float: left;
width: 26%;
}



#col_right {
float: right;
width: 177px;
margin: 0 0 0 35px;
}



#col_right a img {
border: 1px solid white;
}



#col_right a:hover img {
border: 1px solid #d8001d;
}



#col_right h3 img {
float: right;
}

*/

















#bottom_bar {
margin: 15px 25px 0 25px;
clear: both;
font-size: 0.8em;
letter-spacing: 0.05em;
display: block;
position: relative;
height: 5em;
background-color: #1a1a1a;
}

#nav_bottom ul li a {
display: block;
color: #808080;
text-decoration: none;
float: left;
padding: 22px 26px 0 0;
margin: 0;
}






#nav_bottom ul li a:hover {
color: #a00015;
}

.col_right_bottom img {
margin: 17px 0 0 55px;
}



#footer {
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 850px;
background-image: url(../img/footer_bg.png) !important;
background-image: url(../img/footer_bg_ie6.png);
background-repeat: no-repeat;
height: 30px;
clear: both;
}