/*  
Theme Name: WMC - Default - MIRROR
Theme URI: http://wmc.ac.uk/
Description: WMC Default Theme
Version: 2.0
Author: Kevin Broughton

This theme was designed and built by Kevin Broughton - and is currently undergoing major redevelopment
using the 960 Grid System. If you find any major errors and you happen to be viewing this file please send
error report to webadmin@wmc.ac.uk TA!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, ul, ol, li, img, h1, h2, h3, h4, h5, h6 {
border: 0;
margin: 0;
padding: 0;
}

body {
background: url(img/new-bg-stretch.jpg) repeat-x left 31px;
color: #333;
font: 90%/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* topnav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#topnav {
background: #000;
}

#topnav ul {
list-style-type: none;
padding: 6px 5px 5px;
text-align: center;
}

#topnav li {
display: inline;
}

#topnav li a {
color: #fff;
border-top: 3px solid #000;
text-decoration: none;
padding: 5px;
}

#topnav li a:hover {
color: #ccc;
border-top: 3px solid #fff;
background: #333;
}

/* header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
background: url(img/new-bg-head.jpg) no-repeat left top;
}

#header ul {
list-style: none;
height: 120px;
}

#header li {
height: 70px;
text-align: center;
float: left;
font-size: 18px;
margin-top: 50px;
font-weight: bold;
}

#header a {
color: #f1f1f1;
display: block;
text-decoration: none;
width: 100%;
height: 70px;
}

#header a:hover {
color: #0079c2;
background: url(img/new-bg-top-hover.jpg) no-repeat center bottom;
}

#header .page_item {
width: 144px;
}

#header .home_page {
width: 220px;
text-indent: -9000px;
}

#header .current_page_item {
background: url(img/new-bg-top-hover.jpg) no-repeat center bottom;
color: #dcf0fb;
}


/* side
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#side {
background: #CCCCCC;
}

#side ul {
list-style-type: none;
}

#side a {
display: block;
color: #333;
text-decoration: none;
height: 30px;
border-top: 1px solid #fff;
font-weight: bold;
line-height: 30px;
padding-left: 10px;
}

#side a:hover {
color: #fff;
text-decoration: none;
background: url(images/bg-active.png) no-repeat right center;
}

#side ul ul a {
display: block;
color: #fff;
text-decoration: none;
border-top: 0px dotted #ccc;
font-weight: normal;
letter-spacing: -0.07em;
padding-left: 20px;
}

#side ul ul a:hover {
color: #FFFFFF;
text-decoration: none;
background: url(images/bg-active.png) right center;
font-style: italic;
padding-left: 25px;
}

.page-item-1 {
background: #66bfec url(images/about.png) repeat-y left top;
}

.page-item-3 {
background: #c8df8a url(images/studying.png) repeat-y left top;
} 

.page-item-4 {
background: #f9bd70 url(images/courses.png) repeat-y left top;
} 

.page-item-5 {
background: #da92ff url(images/international.png) repeat-y left top;
} 

.page-item-6 {
background: #f78181 url(images/news.png) repeat-y left top;
} 

.subnews {
background: #f78181 url(images/news.png) repeat-y left top;
font-weight: normal !important;
}

ul ul .current_page_item {
background: url(images/bg-active.png) no-repeat right center;
}

/* main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main ol li {
list-style: decimal outside;
margin-left: 40px;
}

#main ul {
list-style: disc outside;
margin: 0px 0px 20px 40px;
}

.news-post {
border-bottom: 1px solid #CCC;
margin-bottom: 50px;
padding-bottom: 30px;
}

/* ads
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#ads {
clear: left;
border-top: 1px solid #FFF;
}

#intro {
float: right;
overflow: hidden;
}



/* foot	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footerwrap {
background: #25323f url(img/bg-footer.png) repeat-x left top;
clear:both;
height: 520px;
}

#footerwrap p {
text-align: center;
color: #92999f;
}

#foot {
color: #92999f;
background: url(images/footer.jpg) no-repeat center bottom;
height: 450px;
}

#foot ul li {
list-style: none outside;
padding: 0px 40px 10px 0px;
}

#foot a {
color: #6e879f;
}

/* bread */

#bread {
margin-top: 15px;
color: #212829;
height: 40px;
}

#bread a {
color: #21282f;
}

#bread a:hover {
background: #7e9bb6;
}

/* backto top */

#backtotop {
background: url(img/bg-back-to-top.png) no-repeat center top;
height: 40px;
}

#backtotop a {
height: 40px;
padding-top: 15px;
color: #25323f;
text-align: center;
display: block;
}

#backtotop a:hover {
background: url(img/bg-back-to-top-hover.png) no-repeat center top;
height: 40px;
color: #21282f;
}

#foot h4 {
display: none;
}

	
/* headings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.printHeader {
display: none;
}

h2, h3, h4, h5, h6 {
padding: 20px 0 15px 0;
}


h1 {
text-align: right;
color: #359dd2;
letter-spacing: -1px;
padding: 3px 0px 10px 0px;
}




/* images
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

a {
color: #0094e0;
text-decoration: underline;
}

a:hover {
color: #333;
text-decoration: none;
}

a img {
	border: none;
	}


/* new course leflets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#courses td {
vertical-align: top;
width: 50%;
}

.leafletcoursebox li {
background: #ebf4fc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 2px 2px #ccc;
-webkit-box-shadow: 0px 2px 2px #ccc;
border-radius: 5px;
margin-bottom: 10px;
padding: 15px;
margin-right: 10px;
list-style: none;
margin-left: 0px;
}

ul.courseleaflet li {
list-style: disc;
margin: 0;
padding: 0;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-box-shadow: 0px 0px 0px #ccc;
-webkit-box-shadow: 0px 0px 0px #ccc;
}

.leafletcoursedetails {
background: #ebf4fc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 2px 2px #ccc;
-webkit-box-shadow: 0px 2px 2px #ccc;
margin-bottom: 10px;
padding: 15px;
}

.leafletcoursedetails h3 {
padding: 0px;
margin-bottom: 5px;
}

.leafletcoursedetails h4 {
color: #666;
padding-bottom: 0px;
margin-bottom: 10px;
width: 100%;
border-bottom: 1px dashed #CCC;
}


.leafletexpand {
background-image: url(//apps.wmc.ac.uk/courses/img/more.gif);
background-position: right top;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
padding-bottom: 10px;
padding-right: 45px;
}

span.leafletnovalue {
color: Gray;
font-style: italic;
}

.leafletcourseleafletfooter {
background: #cce4f3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 2px 2px #ccc;
-webkit-box-shadow: 0px 2px 2px #ccc;
margin-bottom: 10px;
padding: 15px;
}

.leafletcourseleafletfooter p {
font-size: 12px;
line-height: 12px;
text-align: center;
}

/* post tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.postTabs_divs{
padding: 4px;	
}

.postTabs_titles{
display:none;	
}

ul.postTabs {
display: block !important;
height: 50px;
list-style-type: none !important;
margin-bottom: 5px;
text-align: right;
}

ul.postTabs li 	{
display: inline !important;
padding: 0px;
margin: 0px;
}
  
 .printonly {
	 display:none;
 }
  
ul.postTabs li:before{
content: none;	
}  
  	
ul.postTabs li a 	{
background: url(img/postTabInactive.png) no-repeat center bottom;
color: #fff;
cursor: pointer;
padding: 9px 10px 16px 10px;
text-decoration: none;
}
	
ul.postTabs li.postTabs_curr a{
background: url(img/postTabActive.png) no-repeat center bottom;
color: #fff;
}

ul.postTabs li a:hover 	{
background: url(img/postTabHover.png) no-repeat center bottom;
color: #fff;
}

.postTabsNavigation{
display: block !important;
overflow:hidden;
}

.postTabs_nav_next{
float:right;
}

.postTabs_nav_prev{
float:left;
}

/*--------------------------------------------------------- supplement */


h3.supplement {
margin: 0px;
padding: 10px 0px 5px 20px;
}

#left p {
margin: 0px;
padding-top: 10px;
}

#right p {
margin: 0px;
padding: 0px 0px 5px 20px;
}


#left {
	margin: 0px;
}

#right {
background: url(img/2010-supplement.jpg) no-repeat center bottom;
float: right;
height: 580px;
border-left: 1px solid #eaecec;
margin: 0px;
}

/* meet the tutors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

.tutors-career-path {
width: 40%;
}

#tutors-table {
background: #61bdec;
margin-bottom: 20px;
}

#tutors-table td {
background: #fff;
}

.tutors-campus {
width: 20%;
}

#tutors-table .tutor-campus-highlight {
background: url(images/icon-silverstar.png) no-repeat center center;
}

#tutors-ad {
background: url(img/bg-tutors.png) no-repeat right top;
padding: 20px 60px 10px 20px;
height: 180px;
}

#tutors-ad h3 {
margin: 0px;
padding: 0px;
}

/* apprenticeships
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

.floatright {
float: right;
margin-left: 20px;
width: 240px;
}

/* jobs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.job-title {
margin: 0px;
padding: 10px;
background: #f1f1f1;
border-bottom: 1px solid #ccc;

display: block;
}

.job-list p {
padding: 0px 30px;
}

.job-list ul {
padding: 0px 30px 10px 30px;
}

.job-list {
margin: 0px auto 20px auto;
width: 600px;
border: 1px solid #ccc;
}