body {font-family:arial, helvetica, verdana, sans-serif; color:#222; background:#fff; word-wrap:break-word;}
#header {background:#fff; width:951px; background-image:url(images/background-shadow-header.jpg); background-repeat:no-repeat; height:65px; min-height:65px;}
#header img {margin:10px 10px 10px 18px;}

#outer1 {float:left; width:213px; background:#f1f1f1;}
#outer3 {float:right; width:213px; background:#f1f1f1;}
#outer2 {background-color:#f1f1f1; width:479px; margin:0px 229px; position:relative;}

#outer2 .main-image {margin-bottom:12px}
#outer2 ul {margin:0.2em 0; padding:0 1em 0 2em}
#outer2 ul li {font-size:0.8em; line-height:1.4em; margin:0; padding:0.2em 0;}

.white-background-border { border:1px solid #c1c0c1; background-color:#fff; width:454px; }

.home-blurb {margin-top:293px; min-height:149px; border:1px solid #c1c0c1; background-color:#fff; padding:12px 12px; }
.home-main-image {position:absolute; top:83px; left:0; border: none;/* needs 83px for ie7 */}
html > body .home-main-image {top:81px; }

#outer-wrapper {width:951px; margin:0 auto; background-image:url(images/background-shadow-sides.jpg); background-repeat:repeat-y;}
#wrapper {overflow:hidden; width:935px; padding-top:24px;margin:0 auto; background:#f1f1f1}

#footer {clear:both; background:#f1f1f1; width:951px;background-image:url(images/background-shadow-footer.jpg); background-repeat:no-repeat; background-position:bottom; height:40px; min-height:40px;}

.content {padding:12px;}
.footercontent {padding:5px 24px 0px 24px;}

a {text-decoration: none; white-space:nowrap;}
a img {border: none;}

a:link, a:visited {color: #064892; font-weight:bold;}
a:hover {text-decoration:underline;}
h1 {font-size:1.125em; margin:0; padding:0.7em 0 0.5em 0; color:#064892;}

.homepage-header-one {left:-2000px; top:-1000px; position:absolute;}

h2 {font-size:1em; margin:0; padding:0.7em 0 0.5em 0; color:#064892;}
h3 {font-size:0.875em; margin:0; padding:0.7em 0 0.5em 0; color:#064892;}
p {font-size:0.8em; line-height:1.4em; margin:0; padding:5px 0;}

h2 a, h2 a:link, h2 a:visited {border-bottom:1px dotted #064892}
h2 a:hover {text-decoration:none; border-bottom:1px solid #064892}

blockquote {padding: 0.625em 2.55em 0.625em 2.55em; margin:0.5em 0; background-color:#dfe3e8; background-image:url(images/quote-background-gradient.jpg); background-position:top; background-repeat:repeat-x;}
blockquote p {margin:0; padding:0; font-size:0.8em; font-style:italic; font-weight:bold; color:#064892; line-height:1.4em; width:95%}
blockquote h5 {font-size:0.7em; font-weight:bold; font-style:normal; color:#555; margin:5px 0 0 0; padding:0;}

#home-blockquote-right {width:196px; padding:12px 7px 7px 12px; margin:0; position:absolute; left:493px; bottom:178px; height:101px; }
#home-blockquote-right p {font-size:0.75em;}
#home-blockquote-right h5 {font-size:0.7em; font-weight:bold; font-style:normal; color:#555; margin:5px 0 5px 0; padding:0;}

table {background-color:#fafafa; margin:12px; width:95%;}
table th {background-color:#7b8795; font-weight:bold; padding:5px 0; color:#fff; font-size:0.875em;}
table td {padding:7px 12px; font-size:0.8em;border:1px solid #cecece; border-top:none;}

#footer a {color:#555; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer .footercontent img {margin:9px 0 0 0; display:inline; float:right;}

.quote-source{font-size:85%;}

#download-guide {position:absolute; left:493px; bottom:0px; width:215px; height:176px; min-height:165px; background-color:#064892; display:inline-block}

#download-guide-subpage { width:213px; height:152px; min-height:152px; background-color:#064892; margin-top:98px;}
html > body #download-guide-subpage {margin-top:102px;}

#colour-block-right {position:absolute; left:493px; bottom:0px; width:215px; height:165px; min-height:165px; background-color:#064892; display:inline-block}

#colour-block {position:absolute; left:-231px; bottom:0px; width:218px; height:165px; min-height:165px; background-color:#064892; display:inline-block}

#colour-block-home {position:absolute; left:-224px; bottom:0px; width:218px; height:297px; min-height:297px; background-color:#ffffff; display:inline-block; border:1px solid #C1C0C1;}
#colour-block-home img	{margin-left: 0px;}

/* menu */
#menu {width:205px; background-color:#f1f1f1; margin-left:12px;}
#menu ul li a, #menu ul li a:visited {display:block; width:100%; height:33px; line-height:33px; text-decoration:none; color:#074890;
background:url(images/button-grad-bg.jpg); background-repeat:no-repeat; font-weight:bold; font-size:0.75em ;padding-left:10px;}
#menu ul li a:hover {cursor:pointer; color:#fff; background:url(images/button-blue-bg.gif); }
#menu ul li { margin:0 0 7px 0; padding:0;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu {overflow:hidden; height:350px; }
/*menu subpages - for hard coding -unless I can use JS, somehow */
#menu ul li ul li a, #menu ul li ul li a:visited {display:block; width:200px; height:16px; line-height:16px; text-decoration:none; color:#074890; font-weight:bold; font-size:0.8em; padding:7px 0 7px 10px; background:none;}
#menu ul li ul li a:hover {cursor:pointer; color:#fff; background-color:#074890;}
#menu ul li ul li { margin:0 0 0 0; padding:0;}
#menu ul li ul {margin:0; padding:0; list-style:none; border:1px solid #cecece; background-color:#fff; width:200px;}


/* menu selected state*/
#home #nav-home a,
#why #nav-why a,
#how #nav-how a,
#sharing #nav-sharing a,
#assessing #nav-assessing a,
#resources #nav-resources a
{
color:#fff; background:url(images/button-blue-bg.gif);
}



/* buttons */
#buttons {width:205px; background-color:#f1f1f1;;}
#buttons a, #buttons a:visited {display:block; width:100%; height:33px; line-height:33px; text-decoration:none; color:#074890;
background:url(images/button-grad-arrow-bg.jpg); background-repeat:no-repeat; font-weight:bold; font-size:75%;}
#buttons a.large {background:url(images/Maths-bchngs-btn-s_121009_SC.jpg);height:46px;width:222px;}
#buttons a.large:hover {background:url(images/Maths-bchngs-btn-s-hover_121009_SC.jpg);height:46px;width:222px;}
#buttons a span {padding-left:10px;}
#buttons a.large span {width:200px;line-height:100%;display:block;padding-top:12px;}
#buttons div {margin-bottom:7px;display:block;}
#buttons a:hover {display:block; width:100%; height:33px; cursor:pointer; text-decoration:none; color:#fff; background:url(images/button-blue-bg-arrow.gif); background-repeat:no-repeat; }
#buttons {overflow:hidden; height:80px;}

/* buttons in content */
.buttons-in-content {width:204px; background-color:#fff; border:1px solid #cecece; border-bottom:0; margin-left:240px;}
.buttons-in-content a, .buttons-in-content a:visited {display:block; width:100%; height:33px; line-height:33px; text-decoration:none; color:#074890;
background:url(images/button-grad-arrow-bg.jpg); background-repeat:no-repeat; font-weight:bold; font-size:75%;}
.buttons-in-content a span {padding-left:10px;}
.buttons-in-content div {margin-bottom:7px;display:block;}
.buttons-in-content a:hover {display:block; width:100%; height:33px; cursor:pointer; text-decoration:none; color:#fff; background:url(images/button-blue-bg-arrow.gif); background-repeat:no-repeat; }
.buttons-in-content {overflow:hidden; height:33px;}

/* buttons in content larger */
.buttons-in-content-large {width:274px; background-color:#fff; border:1px solid #cecece; border-bottom:0; margin-left:170px;}
.buttons-in-content-large a, .buttons-in-content-large a:visited {display:block; width:100%; height:33px; line-height:33px; text-decoration:none; color:#074890;
background:url(images/button-grad-arrow-large-bg.jpg); background-repeat:no-repeat; background-position:right; font-weight:bold; font-size:75%;}
.buttons-in-content-large a span {padding-left:10px;}
.buttons-in-content-large div {margin-bottom:7px;display:block;}
.buttons-in-content-large a:hover {display:block; width:100%; height:33px; cursor:pointer; text-decoration:none; color:#fff; background:url(images/button-blue-bg-arrow-large.gif); background-repeat:no-repeat; background-position:right;  }
.buttons-in-content-large {overflow:hidden; height:33px;}

/* changes by AH for minor redesign by SC */
.left {float: left;}
.right {float: right;}
#buttonsTop a span {vertical-align:middle;padding:0 0 0 7px;position:relative;top:2px;}

#buttonsTop a, #buttonsTop a:visited {height:21px; text-decoration:none; color:#074890;font-weight:bold; font-size:75%;background-repeat: none;}
#buttonsTop a:hover {display:block; width:100%; height:33px; cursor:pointer; text-decoration:none; color:#fff; background:url(images/button-blue-bg-arrow.gif); background-repeat:no-repeat; }
#buttonsTop a.small153 {display:inline-block;background:url(images/Send-to-friend_gray_SC.jpg);height:21px;width:153px;}
#buttonsTop a.small153:hover {display:inline-block;background:url(images/Send-to-friend_hover_blue_SC.jpg);height:21px;width:153px;}
#buttonsTop a.small179 {display:inline-block;background:url(images/register4_email_updates_gray_SC.jpg);height:21px;width:179px;margin-top:8px;}
#buttonsTop a.small179:hover {display:inline-block;background:url(images/register4_email_updates_hover_blue_SC.jpg);height:21px;width:179px;}

/* button on main banner component */

div#banner-button a{
	display: block;
	position:absolute;
	top:325px;
	left:880px;
	width: 211px;
	height: 99px;
	background-image:url(images/Seminar_btn_SC.png);
	background-repeat:no-repeat;
	cursor: pointer; /* for IE6 */
	background-position: 0px;
	line-height: 125%;
	padding-top:13px;
}

*html div#banner-button a{
padding-top: 8px;
}

div#banner-button a:hover{
	text-decoration: none;
	color:#82A3C8;
}

span.line1 {
	padding-left: 12px;
}

span.line2 {
	padding-left: 12px;
	font-size: 80%;
}

span.line3 {
	padding-left: 50px;
	font-size: 75%;
}

span.line4 {
	padding-left: 50px;
	font-size: 75%;
}

/* End button on main banner components */