/*	
	Copyright (c) 2006.
	All rights reserved
	www.simplethinking.co.uk
	
	
	$ Revision date: 15/09/06
	
	Page style CSS Selectors 	 

	Print Styles
	

*/
* { padding:0; margin:0; border: 0;}

/* headings */	

body {
	margin: 0;
	padding: 0 0 20px;
	font-family: arial, helvetica,  verdana, sans-serif;
	font-size: 90%;
	color: #333;
	}
	


h1 {font-size: 115%;font-family: arial, helvetica,  verdana, sans-serif;}

h2 {font-size: 110%;font-family: arial, helvetica,  verdana, sans-serif;}

h3 {font-size: 100%;font-family: arial, helvetica,  verdana, sans-serif;}

h4 {font-size: 100%;font-family: arial, helvetica,  verdana, sans-serif;}



/* general text  */	
	
p {font-size: 75%;}
p.summary {width: 556px;}

/* links */

a {color: #cc3300; text-decoration: underline; }
a:link 
a:visited 
a:hover
a:active
br {clear: both;}

.clear {clear: both; }


/* Form Styles */
form.register {font-size: 90%;}
legend {font-size: 90%; margin: 0 0 20px 0;}
label {width: 150px; float: left; margin: 0 0 10px 0;}
input, textarea {float: left; border: 1px solid #ccc; width: 200px;}
br {clear: both}
input.submit {width: 82px; float: left; margin: 10px 12px 0 0; border: 0;}
input.contactSubmit {width: 82px; float: left; margin: 10px 12px 0 150px; border: 0;}

body {padding-bottom: 15px;}
#container {	
	
	}
#lastShadow {
	display: none;
    height: 23px;
    width: 815px;
    margin: 0px auto;
    background: url("../../media/images/shadows/shadow_bottom.png") top left no-repeat;
    border: 1px solid #000;}

#header {margin: 0px auto 14px auto; width: 750px;}
#header p.logo {float: left; margin: 14px 0 0 0; } 
#header p.links {display: none;float: right; margin: 17px 0 0 0;} 
#header p, #header p a {color: #999; text-decoration: none;}   
#header p a:hover {text-decoration: underline;}
#header h1 {display: none;font-weight: normal; font-size: 110%; margin: 8px 10px 0 20px;} 
#floater {display: none;float:right; width: 184px;}

#pinkBox {
    display: none;
	margin: 51px 7px 0 0; 
    float: right;
    background: url('../media/images/bgrounds/bground_top_box1.gif') top no-repeat;
    width: 184px;
    position: relative;
    }

#pinkBox p {background: url('../media/images/bgrounds/bground_box1.gif') bottom no-repeat; height: 39px;}
#pinkBox p a, #greyBox p a {padding: 18px 0 0 20px; display: block; color: #666; font-size: 11px;}

#greyBox {
    display: none;
	margin-top: 20px;
    float: right;
    width: 184px;
    position: relative;
    background: url('../media/images/bgrounds/bground_top_box2.gif') top no-repeat;
    }

#greyBox p {background: url('../media/images/bgrounds/bground_box2.gif') bottom no-repeat; height: 39px;}

#nav { display: none; width: 754px; list-style-type: none; margin: 0px auto -7px auto; min-height: 31px; _height: 31px;}
#nav li {text-align: center; float: left; background: url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat; }
#nav li a {
    font-size: 105%; 
    color: #fff; 
    text-decoration: none; 
    background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat; 
    display: block; 
    padding-top: 6px;
    min-height: 25px; 
    _height: 25px;
     }
#nav li a:hover {
	text-decoration: underline;
}

#nav li.home { background-color: #acacac; width: 69px; margin-right: 2px;} 
#nav li.about {background-color: #6c432b; width: 85px; margin-right: 2px;}
#nav li.aboutOn {background-color: #6c432b; width: 85px; margin-right: 2px;}    
#nav li.whatson {background-color: #e55f32; width: 95px; margin-right: 2px;}   
#nav li.learn {background-color: #5082b1; width: 86px; margin-right: 2px;}   
#nav li.design {background-color: #79c1cb; width: 138px; margin-right: 2px;}   
#nav li.press {background-color: #e95d56; width: 65px; margin-right: 2px;}   
#nav li.support {background-color: #3a4d86; width: 103px; margin-right: 2px;}   
#nav li.contact {background-color: #f19538; width: 99px;}     

#nav li a.on {
    font-size: 105%; 
    color: #000;
    text-decoration: none; 
    background: url('../media/images/navigation/nav_on_rightdoor.gif') top right no-repeat; 
    display: block; 
    padding-top: 6px;
    min-height: 25px; 
    _height: 25px;
   
     }
     
#nav li.homeOn {width: 69px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;} 
#nav li.aboutOn {width: 85px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.whatsonOn { width: 95px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.learnOn {width: 86px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.designOn {width: 138px; margin-right: 2px; background: #fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.pressOn {width: 65px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.supportOn {width: 103px; margin-right: 2px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}   
#nav li.contactOn {width: 99px; background:#fff url('../media/images/navigation/nav_on_leftdoor.gif') bottom left no-repeat;}

#content {margin: 0px auto; width: 556px;}
.contentHome {padding-top: 16px;}
.contentInternal {padding-top: 0px; position: relative;}
p.breadcrumb {margin: 6px 0 0 9px; padding: 0; }
.breadcrumb, .breadcrumb a {color: #666; text-decoration: none; } 
.breadcrumb a:hover {text-decoration: underline;}

#navInt { 
	display: none;
	float: left;
    margin: 8px 0 0 3px;
    _margin: 8px 0 0 2px;
    min-height: 350px !important;
    _height: 311px;

	position:  relative;
    width: 165px; 
    background: #e1d9d4 url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;
    }
#navInt ul {
	list-style-type: none; 
}
    
#navInt li { border-bottom: 1px solid #fff; min-height: 28px; _height: 28px; }
#navInt li a {padding: 6px 0 6px 15px ; color: #6b4229; text-decoration: none; font-size: 85%; background: #ede6e1; display: block; min-height: 16px; _height: 16px;}

.about #navInt {background: #D1C6BE url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .about li a {background: #E8E2DE; color: #333;}
#navInt .about li a:hover {background: #F4F1EF;}
#navInt .about li a.on {background: #F4F1EF;}

.whatson #navInt {background: #F5BFAD url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .whatson li a {background: #FBE2D7; color: #333;}
#navInt .whatson li a:hover {background: #FDF1EB;}
#navInt .whatson li a.on {background: #FDF1EB;}

.learn #navInt {background: #B9CDE0 url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .learn li a {background: #DBE6EF; color: #333;}
#navInt .learn li a:hover {background: #EDF3F7;}
#navInt .learn li a.on {background: #EDF3F7;}

.design #navInt {background: #C1DBDF url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .design li a {background: #DFEDEF; color: #333;}
#navInt .design li a:hover {background: #EFF6F7;}
#navInt .design li a.on {background: #EFF6F7;}

.press #navInt {background: #EFC5C3 url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .press li a {background: #F7E2E0; color: #333;}
#navInt .press li a:hover {background: #FBF1F0;}
#navInt .press li a.on {background: #FBF1F0;}

.support #navInt {background: #C4C9DA url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .support li a {background: #DDE0EA; color: #333;}
#navInt .support li a:hover {background: #EEF0F5;}
#navInt .support li a.on {background: #EEF0F5;}

.contact #navInt {background: #F9D5AF url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;}
#navInt .contact li a {background: #FCE9D6; color: #333;}
#navInt .contact li a:hover {background: #FEF4EB;}
#navInt .contact li a.on {background: #FEF4EB;} 

#navInt li a.on {background: #e1d9d4;}
#navInt li a:hover {background: #e1d9d4;}
#thirdlevelnav ul {list-style-type: square; margin: 0 0 10px 15px; color: #666;}
#thirdlevelnav ul li a {text-decoration: none; color: #000; font-weight: normal !important; font-size: 80%;}
#thirdlevelnav ul li a:hover {text-decoration: underline; color: #666; font-weight: normal !important;}
#homeIntro {
    float: left;
    min-height: 100px;
    _height: 100px;
    width: 373px;
    padding: 0 8px 0 0 ;
    }
#homeIntro p {font-size: 100%; line-height: 140%; padding: 0 0 31px 7px;}    


/* structures
------------------------------------------------------ */
#fullPage {
	float: left;
    width: 556px;
    margin: 12px 0 0 23px;
	}
#fullPage p.image {float: left; width: 168px; margin-right: 26px; font-size: 70%; color: #999;}

#halfPage {
    float: left;
    width: 556px;
    margin: 12px 0 0 23px;
    }
#fullPage h1,
#halfPage h1 	{ margin: 0 0 16px;font-size: 125%;font-weight: normal !important;}
#fullPage p,
#halfPage p 	{ margin: 0 0 10px 0; font-size: 85%;}



#spotlight {
    display: none;
	float: left;
    width:169px;
    margin: 22px 0 0 30px;
    font-size: 100%; 
    color: #666;
    overflow: hidden;
	background-color:  #eee;
	padding-bottom:  10px;;
    }
#spotlight p {
	margin-bottom: -10px;
	padding:  10px;
}



	
#footer {
   
    margin: 29px auto 0 auto;
    _margin: 35px auto 0 auto; 
    padding: 5px 0 11px 0; 
    width: 778px; 
    text-align: center; 
    border-top: 0; 
    font-size: 70%;
    }
#footer a {display: none;}
/*.about #footer {border-top: 2px solid #6c432b !important;}
.about #footer a {color: #6c432b;}

.whatson #footer {border-top: 2px solid #e55f32 !important;}
.whatson #footer a {color: #e55f32;}

.learn #footer {border-top: 2px solid #5082b1 !important;}
.learn #footer a {color: #5082b1;}

.design #footer {border-top: 2px solid #79c1cb !important;}
.design #footer a {color: #79c1cb;}

.press #footer {border-top: 2px solid #e95d56 !important;}
.press #footer a {color: #e95d56;}

.support #footer {border-top: 2px solid #3a4d86 !important;}
.support #footer a {color: #3a4d86;}

.contact #footer {border-top: 2px solid #f19538 !important;}
.contact #footer a {color: #f19538;}*/

.imgBox {
    position: relative;
	height: 221px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

.imgTop {
	width: 361px;
	height: 17px;
	position: absolute;
	left:7px;
	top:0;
    background: url('../media/images/corners/corner_top_right.gif') top right no-repeat;
    }

.imgBot {
	width: 361px;
	height: 17px;
	position: absolute;
	left:7px;
	bottom:0;
	_bottom: -1px;
    background: url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;
    }

.overlay {
    width:361px;
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
    float:left;
    background: black url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;
    }
.overlay p {color: #fff;}




/*




.infoimgBox p {padding: 0; }

.infoBox {
    padding: 11px 0 15px 14px;
	position: relative;
    min-height: 87px;
    _height: 87px;
    width: 100px;
    background: url('../media/images/corners/corner_bottom_left.gif') bottom left no-repeat;
    }
.infoBox h1 {font-size: 95%; line-height: 120% !important;}   
.infoBox h2 {font-size: 90%; margin: 0px 0 3px 0; line-height: 115% !important;}
.infoBox p {font-size: 85%; padding: 0 0 5px 0;line-height: 135% !important;} 
.findOutMoreLink {
	position: absolute;
	bottom: 4px;
	}

.infoBox a {color: #00386c !important; text-decoration: none; }
.infoBox a:hover {text-decoration: underline;}
.boxRight {float: left; width: 185px; margin: 0 0 7px 0 ; overflow:hidden;}
.box {float: left; width: 185px; margin: 0 6px 7px 0 ; overflow:hidden;}

.highlight { background-color: #f00;}
*/ 
.infoimgBox img {display: none;} 
.infoimgBox {
   
	height: 30px;
	margin:0;
	padding:0;
	width: 100px;
	overflow:hidden;}    
 #slideshow {
			display: none;
			position: relative;
			width: 361px;
			height: 221px;
			overflow: hidden;
			margin-left:  5px;
		}
		
		
/* EVENTS LIST
---------------------------------------------------------- */
.newslist {
	padding: 15px 15px 0px 0px;
	margin-bottom:  8px;
	background: #f1f1f1 url("../media/images/corners/corner_white_topRight.gif") top right no-repeat;
}		
.newsCorner {
	padding: 0px 0px 20px 20px;
	background:  url("../media/images/corners/corner_white_botLeft.gif") bottom left no-repeat;
}
.eventDate { 
	color: #E55F32;
	display: block;
	margin: 2px 0 6px;
	}
.newslist p {
	margin: 0 !important;
	padding: 0 !important;
}
		
.newslist a {text-decoration: none; color: #333;}		

 .newslist p a:hover {text-decoration: underline; 	color: #E55F32;}

/* Sitemap */

.sitehome, .siteabout, .sitewhatson, .sitelearn, .sitedesign, .sitepress, .sitesupport, .sitecontact {margin: 0 0 20px 0;}
.sitehome a {color: #fff; text-decoration: none; font-weight: normal;}
.sitehome a:hover {text-decoration: underline;}
.sitehome h2 {background-color: #acacac; padding: 0 0 0 10px; width: 600px; }
.sitehome h2 a { display: block; width: 600px; padding: 5px 0 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitehome ul {list-style: none; width: 600px; padding: 5px; background: #C4C4C4 url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitehome li {padding: 2px 0 2px 10px}
.sitehome li a {color: #333;}

.siteabout a {color: #fff; text-decoration: none; font-weight: normal;}
.siteabout a:hover {text-decoration: underline;}
.siteabout h2 {background-color: #6c432b; padding: 0 0 0 10px; width: 600px;}
.siteabout h2 a { display: block; width: 600px;padding: 5px 0 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.siteabout ul {list-style: none; width: 600px; padding: 5px;background: #D1C6BE url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.siteabout li { padding: 2px 0 2px 10px}
.siteabout li a {color: #333;}

.sitewhatson a {color: #fff; text-decoration: none; font-weight: normal;}
.sitewhatson a:hover {text-decoration: underline;}
.sitewhatson h2 {background-color: #e55f32; padding: 0 0 0 10px;width: 600px; }
.sitewhatson h2 a { display: block; width: 600px; padding: 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitewhatson ul {list-style: none; width: 600px; padding: 5px;background: #F5BFAD url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitewhatson li { padding: 2px 0 2px 10px}
.sitewhatson li a {color: #333;}

.sitelearn a {color: #fff; text-decoration: none; font-weight: normal;}
.sitelearn a:hover {text-decoration: underline;}
.sitelearn h2 {background-color: #5082b1; padding: 0 0 0 10px;width: 600px; }
.sitelearn h2 a { display: block; width: 600px; padding: 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitelearn ul {list-style: none; width: 600px; padding: 5px;background: #B9CDE0 url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitelearn li { padding: 2px 0 2px 10px}
.sitelearn li a {color: #333;}

.sitedesign a {color: #fff; text-decoration: none; font-weight: normal;}
.sitedesign a:hover {text-decoration: underline;}
.sitedesign h2 {background-color: #79c1cb; padding: 0 0 0 10px;width: 600px; }
.sitedesign h2 a { display: block; width: 600px; padding: 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitedesign ul {list-style: none; width: 600px; padding: 5px;background: #C1DBDF url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitedesign li {padding: 2px 0 2px 10px}
.sitedesign li a {color: #333;}


.sitepress a {color: #fff; text-decoration: none; font-weight: normal;}
.sitepress a:hover {text-decoration: underline;}
.sitepress h2 {background-color: #e95d56; padding: 0 0 0 10px;width: 600px; }
.sitepress h2 a { display: block; width: 600px; padding: 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitepress ul {list-style: none; width: 600px; padding: 5px;background: #EFC5C3 url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitepress li {padding: 2px 0 2px 10px}
.sitedesign li a {color: #333;}

.sitesupport a {color: #fff; text-decoration: none; font-weight: normal;}
.sitesupport a:hover {text-decoration: underline;}
.sitesupport h2 {background-color: #3a4d86; padding: 0 0 0 10px;width: 600px; }
.sitesupport h2 a { display: block; width: 600px; padding: 5px 0;background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitesupport ul {list-style: none; width: 600px; padding: 5px; background: #C4C9DA url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitesupport li {padding: 2px 0 2px 10px}
.sitesupport li a {color: #333;}

.sitecontact a {color: #fff; text-decoration: none; font-weight: normal;}
.sitecontact a:hover {text-decoration: underline;}
.sitecontact h2 {background-color: #f19538; padding: 0 0 0 10px;width: 600px; }
.sitecontact h2 a { display: block; width: 600px; padding: 5px 0; background: url('../media/images/navigation/nav_top_right.gif') top right no-repeat;}
.sitecontact ul {list-style: none; width: 600px; padding: 5px; background: #F9D5AF url('../media/images/navigation/nav_bottom_left.gif') bottom left no-repeat;}
.sitecontact ul {list-style: none; width: 610px;}
.sitecontact li {padding: 2px 0 2px 20px}
.sitecontact li a {color: #333;}