/* CSS Document */
@import "reset.css";

html{
overflow-y:scroll;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	color:#5c5c5c;
	text-align:center;
}
#wrapper{
width:876px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:4px;
}
#topbar{
width:876px;
height:24px;

}
#date{
float:left;
width:220px;
height:24px;
margin-left:126px;
display:inline;
}
#date-home{
float:left;
width:220px;
height:24px;
margin-left:0px;
display:inline;
}

#searchbox{
float:left;
width:80px;
height:22px;
position:relative;
visibility:hidden;
}
#searchbox p{
color:#637fb3;
font-size:10px;
line-height:10px;
}
#searchbox input{
width:80px;
height:11px;
font-size:10px;
margin-left:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:10px;
padding:0px;
margin:0px;
margin-left:5px;
}
#searchbox img{
position:absolute;
top:0px;
left:136px;
}

#toplinks{
width:750px;
float:right;
color:#B4B4B4;
}
#toplinks-home{
width:876px;
float:right;
color:#B4B4B4;
}

.languages {
float:right;
font-size:10px;
margin-right:10px;
visibility:hidden;
}
.languages a {
	color:#B4B4B4;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
}
.languages .active{
	color:#747474;
}
.languages a:hover {
	color:#535353;
}
.otherlinks {
float:right;
font-size:11px;
margin-right:10px;
margin-top:3px;

}
.otherlinks a {
	color:#637fb3;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
}
.otherlinks .active{
	color:#535353;
	font-weight:bold;
}
.otherlinks a:hover {
	color:#535353;
}

#logo{
width:126px;
height:212px;
float:left;
}
#banner{
width:750px;
height:190px;
float:right;
position:relative;
overflow:hidden
}
#mask{
width:750px;
height:190px;
position:absolute;
left:0px;
top:0px;
z-index:1000;
background-image:url(slideshow_new/mask.png);
}
#topmenu{
width:867px;
margin-top:10px;
float:left;
position:relative;
}

#mainmenu{
width:868px;
height:28px;
float:left;
top:0px;
left:125px;
}

#mainmenu ul a p{
	padding:0px;
	margin:0px;
	font-size:8px;
	color:#000000;
	margin-top:2px;
	font-weight:normal;
}
#mainmenu ul a{
display:block;
text-decoration:none;
padding-top:3px;
}


#mainmenu ul a .maintitle{
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
	color:#595959;
}
#mainmenu ul .maintitle2{
	font-size:11px;
	font-weight:bold;
	color:#D6D6D6;
}
#mainmenu .smaller{
	color:#C1C1C1;
	font-size:8px;
}
#mainmenu ul a:hover .maintitle, #mainmenu ul a:hover p, #mainmenu ul a:hover .maintitle2, #mainmenu a:hover{
	color:#D78100;
}


#mainmenu .oneline {
margin-bottom:0px;
padding-top:6px;
}
#mainmenu .two {
margin-bottom:0px;
padding-top:2px;
height:26px;
}
#mainmenu li{
	width:105px;
	float:left;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-image:url(images/main-menu-fade.jpg);
	background-repeat:repeat-x;
}
.letterspacing{
letter-spacing:-1px;
}
#mainmenu  .juniors{
	background-image:url(images/tab-juniors.gif);background-repeat:no-repeat;	
}



#strip{
height:11px;
width:655px;
margin-top:1px;
float:left;
}
#strip2{
height:11px;
width:212px;
float:right;
margin-top:1px;
}


#main{
	width:866px;
	float:left;	
/*	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;*/
	position:relative;
}

#welcome{
margin-top:16px;
height:340px;
}

#welcome_images{
height:340px;
width:866px;
float:left;
}

#welcome_info{
margin-top:5px;
	width:866px;
	background-image:url(images/welcome_back.gif);
	background-repeat:repeat-y;
}
#welcome_to_Royal_Wolverhampton{
width:333px;
margin-left:15px;
float:left;
display:inline;
margin-right: 24px;
}
#welcome_to_Royal_Wolverhampton h2{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:3px;
margin-bottom:5px;
color:#a83b1e;
}
#welcome_to_Royal_Wolverhampton p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:13px;
}
#welcome_dates{
width:210px;
margin-left:15px;
float:left;
}
#welcome_dates h2{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:3px;
margin-bottom:5px;
color:#7591c7;
}
#welcome_dates p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:13px;
color:#7591c7;
/*margin-left:9px;*/
}
#welcome_news{
width:210px;
margin-left:15px;
float:left;
}
#welcome_news h2{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:3px;
margin-bottom:5px;
color:#747474;
}
#welcome_news p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:13px;
color:#747474;

}
#welcome_news a{
color:#747474;
text-decoration:none;
}
#welcome_news a:hover{
text-decoration:underline;
color:#000000;
}

#nursery{
position:absolute;
left:150px;
top:0px;
width:120px;
visibility:hidden;
}

#sidemenu{
	width:125px;
	float:left;
	padding-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:10;
	display:inline;
}
/*#sidemenu li{
text-align:right;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;

}
#sidemenu li a{
text-decoration:none;
display:block;
padding-right:17px;
padding-top:6px;
padding-bottom:6px;
background-repeat:no-repeat;
background-position: 114px 2px;
height:1%;
}
#sidemenu li .active{
background-position: 114px -79px;
}*/


#mainmenu .nursery, #mainmenu .juniors, #mainmenu .seniors, #mainmenu .sixth_form, #mainmenu .international, #mainmenu .home {
	background-image:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image:none;
}
#mainmenu .home {
	width:125px;
}
#mainmenu .home-larger {
/*Exta width for the first item*/
width:125px;
}
#mainmenu  .home-tab{background-image:url(images/tab-home.gif);background-repeat:no-repeat;}
#mainmenu  .nursery-tab{background-image:url(images/tab-nursery.gif);background-repeat:no-repeat;}
#mainmenu  .juniors-tab{background-image:url(images/tab-juniors.gif);background-repeat:no-repeat;}
#mainmenu  .seniors-tab{background-image:url(images/tab-seniors.gif);background-repeat:no-repeat;}
#mainmenu  .sixth_form-tab{background-image:url(images/tab-sixth_form.gif);background-repeat:no-repeat;}
#mainmenu  .international-tab{background-image:url(images/tab-international.gif);background-repeat:no-repeat;}




#maincontent{
float:left;
padding-left:17px;
padding-right:10px;
padding-top:10px;
background-color:#FFFFFF;
display:inline;
}
.maincontent_normal{
width:399px;
}
.maincontent_larger{
width:500px;
}

#content_header{
width:399px;
float:left;
}
#left_col{
width:390px;
float:left;
}
#left_col img{
float:left;
margin-right:8px;
margin-bottom:8px;
}
#right_col{
float:left;
width:390px;
display:inline;
margin-left:4px;
}
#right_col img{
/*float:left;
margin-right:8px;
margin-bottom:8px;*/

float:left;
margin-bottom:0px;
margin-left:3px;
margin-right:8px;
padding-top:13px
}
#left_col img{
padding-top:13px

}
#submenu {
float:left;
width:100px;
}
#clear_fix{
clear:both;
}
.clear_me{
clear:both;
}
#submenu ul{
	margin-top:16px;
	padding-right:10px;
	padding-bottom:16px;
	background-repeat:no-repeat;
	background-position:100% 100%;
	padding-left:4px;
}
#submenu-empty {
float:left;
width:100px;
height:60px;
background-repeat:no-repeat;
background-position:100% 100%;

}

#submenu li{
text-align:right;
padding-top:3px;
padding-bottom:4px;
font-size:10px;


}
#submenu li a{
text-decoration:none;
color:#333333;
display:block;
line-height:11px;

}
#submenu li a:hover{
color:#999999;
}
#submenu .active{
font-weight:bold;
}

#news{
float:right;
width:210px;
margin-bottom:10px;
}

div .news_styles {
visibility:hidden;
position:absolute;
right:0px;
top:170px;
width:210px;
}
/*
#map_swimming{
visibility:hidden;
float:right;
width:210px;
}
#main_entrance
#main_reception
#rear_entrance
#theatre
#dining_hall
#medical_centre
#chapel
#lichfield_boarding
#rogers_boarding
#york_boarding
#dartmouth_boarding
#victoria_boarding
#junior_entrance
#junior_school
#music_department
#nursery
#sixth_form
#astro_turf
*/

#footer{
	width:867px;
	clear:both;
	padding-top:8px;
}
#footer p{
	font-size:10px;
	color:#999999;
	text-align:center;
}

h1{
font-size:18px;
margin-top:0px;
margin-bottom:12px;
font-weight:normal;
}
#maincontent h1{
margin-left:4px;
}
#maincontent h2{
font-size:13px;
margin-top:6px;
margin-bottom:7px;
font-weight:bold;
padding-left:14px;
}
#maincontent h3{
font-size:13px;
margin-top:6px;
margin-bottom:7px;
font-weight:bold;
padding-left:14px;
}
#buffer{
height:6px;
line-height:0px;
font-size:0px;
}
.nurseryh2{
	background-image:url(images/tab-nursery.gif);
	background-repeat:no-repeat;
	border: 1px solid #f5c700;
	margin-bottom:8px;
}
.introh2{
	background-image:url(images/tab-home.gif);
	background-repeat:no-repeat;
	border: 1px solid #99b4ed;
	margin-bottom:8px;	
}
.juniorsh2{
	background-image:url(images/tab-juniors.gif);
	background-repeat:no-repeat;
	border: 1px solid #3a5793;
	margin-bottom:8px;
}
.seniorsh2{
	background-image:url(images/tab-seniors.gif);
	background-repeat:no-repeat;
	border: 1px solid #a2320f;
	margin-bottom:8px;
}
.sixthformh2{
	background-image:url(images/tab-sixth_form.gif);
	background-repeat:no-repeat;
	border: 1px solid #9a88a0;
	margin-bottom:8px;
}
.internationalh2{
	background-image:url(images/tab-international.gif);
	background-repeat:no-repeat;
	border: 1px solid #8c975a;
	margin-bottom:8px;
}

#maincontent img{
padding-left:4px;
padding-bottom:4px;
float:left;
clear:left;
}


#maincontent ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left:0px;
	margin-bottom:15px;
	padding-left:21px;
	padding-right:5px;
}
#maincontent li{
margin-bottom:4px;
letter-spacing:0.01em;
line-height:13px;
margin-left:0px;
font-size:11px;
}
#maincontent ol{
	list-style-position: outside;
	margin-left:9px;
	margin-bottom:15px;
	padding-left:21px;
	padding-right:5px;
	list-style-type: decimal;
}
#maincontent ol li{
margin-left:0px;
padding-left:0px;
}


p{
margin-bottom:5px;
font-size:12px;
}
#news p{
font-size:11px;
line-height:13px;
padding-left:4px;
padding-right:4px;
}
#maincontent p{
font-size:11px;
line-height:13px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

#maincontent p img{
margin-left:-5px;
margin-top:-11px;

}

#submenu-empty p{
font-size:10px;
}

em{
font-style:italic;
}



#maincontent .news_page h2{
	clear:both;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:0px;
	background-color:#F0F0F0;
	margin-top:5px;
	margin-bottom:5px;
	height:20px;
	display:block;
	line-height:10px;
}

#maincontent .news_page h3{
	clear:both;
	padding-left:4px;
	padding-top:7px;
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:5px;
	height:20px;
	display:block;
	line-height:10px;
}

#maincontent .news_page h2 a, #news h3 a{
text-decoration:none;
color:#333333;
}
#maincontent .news_page h2 a:hover, #news h3 a:hover{
	color:#666666;
}
#maincontent .news_page img{
border:solid;
border-width:1px;
border-color:#000000;
padding:0px;
margin:0px;
margin-bottom:7px;
margin-left:5px;
}
#maincontent .news_page p, #news p{
color:#003366;
}
#maincontent .news_page p.lightgrey, #news p.lightgrey{
	color:#8B8B8B
}
#maincontent .news_page p.lightgrey a, #news p.lightgrey a{
	color:#707070;
	text-decoration:none;
}
#maincontent .news_page p.lightgrey a:hover, #news p.lightgrey a:hover{
	color:black;
	text-decoration:underline;
}


#news h2, .news_styles h2{
padding-left:8px;
padding-right:8px;
font-size:18px;
font-weight:normal;
margin-top:10px
}
#news h3, .news_styles h3{
margin-top:10px;
padding-left:8px;
padding-right:8px;
margin-bottom:6px;
font-size:13px;
font-weight:bold;
}
#news p, .news_styles p{
font-size:11px;
line-height:13px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
}

.floatright{
float:right;
height:13px;
margin-bottom:3px;
}
.floatright {
	color:#BFBFBF;
}
.page_no {
	color:#666666;
}
.floatright a, #footer a{
	color:#707070;
	text-decoration:none;
}
.floatright a:hover, #footer a:hover{
	color:black;
	text-decoration:underline;
}
#myGallery
{
width: 866px !important;
height: 340px !important;
position:relative;
}
#mask_home{
width: 866px !important;
height: 340px !important;
position:absolute;
left:0px;
top:0px;
z-index:1000;
background-image:url(slideshow_new/mask_home.png);
}
.homes{
	width:664px;
	height:340px;
	float:right;
}
#news hr{
padding:0px;
margin:0px;
}

#te .padd{
margin-top:7px;
width:130px;
}
#te .padd2{
margin-top:7px;

}

#te{
	border: 1px solid #006699;
	float:left;
	padding:10px;
	width:229px;
	margin-left:5px;
	margin-top:20px;
	display:inline;
}

#maincontent .news_page img{
float:right;
}
#maincontent  .news_page .nofloat {
float:none;
}