@charset "utf-8";

/*

Friends and Family Custom Styles
May 2009
Stephen Turvey

*/

a#ou-skip5 {display:block; width:1px; height:1px; text-indent:-5000em; overflow:hidden; }


h2 {font-size:1.4em; font-weight:bold; background:#F1EEF5 /*url(bg2.jpg) top left repeat-x*/; /*border-top:1px solid #F1EEF5*/; padding:.4em .5em; margin-top:1.8em;}

h3 {font-size:1.2em; font-weight:bold;}


p.last-updated {color:#666;}

div#region1 ul {list-style:none; margin-left:10px;}

div#region1 ul li {margin:0 0 .4em 0; background:url(arrow-right.gif) 0 .2em no-repeat; padding-left:18px;}

div#region1 ul.ticks li {background:url(icon-tick.gif) 0 .3em no-repeat;}


div#region1 ul.siblings,
div#region1 dl.toc ul {margin-left:0; border:0; padding-top:0;}

div#region1 ul.siblings li,
div#region1 dl.toc ul li {margin:0; background:none; padding-left:0;}

ul.siblings li strong {background-image:url("http://www.open.ac.uk/webstandards/gui/gui-arrow-up.gif")}

ol {margin-left:25px;}

ol li {margin:0 0 .4em 0;}


a.pdf,
a.ppt {background-image:url("icon-pdf.gif"); background-repeat:no-repeat; background-position:0 .1em; padding: 2px 0 2px 20px;}

a.ppt {background-image:url("icon-ppt.gif");}



/* New */

h1 {font-size:2.2em;}

div#site-header {padding:1em 0;}

body.home div#site-header {padding:1em 0 .5em 0;}

div#site-ident a#link-home {float:left;}

div#site-ident a#link-home:hover {background:none;}

div#site-ident ul {float:right; list-style:none; margin:1em 0 0 0;}

div#site-ident ul li {display:inline; margin-left:1em;}

div#site-ident ul li a {text-decoration:none;}

div#site-ident {border-bottom:3px solid #eee;}

body.home div#site-ident {border:0;}

body.home h1 {display:none;}

body.home div#region1 {width:100%;}
body.home div#region2 {display:none;}

div#region0 p,
div.box-rounded {padding:1em; background:#f1f0f7; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

div.box-rounded p:last-child,
div.box-rounded ul:last-child {margin-bottom:0;}

div.box-rounded a:hover {background:#fff;}

div.feature {color:#ccc; margin-bottom:1.5em; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#444 url(../images/group-shot.jpg) top right no-repeat;}



div.feature-text {width:38%; background:#444; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding-bottom:1.2em;}

div.feature-text p {padding:1.2em 1em 0 1em; margin-bottom:0;}

div#region1 div.nuggets ul {list-style:none; padding:0; margin:0; width:100%;}

div#region1 div.nuggets ul li,
div#region1 div.nuggets ul li.last {background:none; padding:0; margin:0; float:left; width:18%; margin-right:2.5%;}

div#region1 div.nuggets ul li.last {margin-right:0;}

div.nuggets ul li a {display:block; width:auto; height: 12em; background:#666; color:#fff; font-size:1.2em; font-weight:bold; padding:10px; text-decoration:none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

div.nuggets ul li a#what-ou {background:#485466 url(../images/home-nuggets/what-ou.jpg) 0 7em no-repeat;}
div.nuggets ul li a#a-bit {}


div.nuggets ul li a#what-ou em,
div.nuggets ul li a#living em,
div.nuggets ul li a#help em,
div.nuggets ul li a#when-study em,
div.nuggets ul li a#a-bit em {display:none;}


div.nuggets ul li a#what-ou:hover em,
div.nuggets ul li a#living:hover em,
div.nuggets ul li a#help:hover em,
div.nuggets ul li a#when-study:hover em,
div.nuggets ul li a#a-bit:hover em,
div.nuggets ul li a#what-ou:focus em,
div.nuggets ul li a#living:focus em,
div.nuggets ul li a#help:focus em,
div.nuggets ul li a#when-study:focus em,
div.nuggets ul li a#a-bit:focus em  {display:block; margin-top:3em; font-style:normal; color:#EFD745; background:#444;}

div.nuggets ul li a#a-bit:hover em {margin-top:4.2em;}

div.nuggets ul li a#what-ou:hover,
div.nuggets ul li a#living:hover,
div.nuggets ul li a#help:hover,
div.nuggets ul li a#when-study:hover,
div.nuggets ul li a#a-bit:hover {background:#444;}

div.nuggets ul li a#living {background:#80004F url(../images/home-nuggets/living.jpg) 0 7em no-repeat;}
div.nuggets ul li a#help {background:#394437 url(../images/home-nuggets/help.jpg) 0 7em no-repeat;}
div.nuggets ul li a#when-study {background:#8C002D url(../images/home-nuggets/when-study.jpg) 0 7em no-repeat;}
div.nuggets ul li a#a-bit {background:#4E1F7B url(../images/home-nuggets/a-bit.jpg) 0 7em no-repeat;}

div.nuggets ul li a:hover {background:#444;}



p.page-intro {/*font-size:1.3em; line-height:1.4em; margin-bottom: 1em;*/ font-weight:bold;}

body.what-ou p.page-intro, body.what-ou h1 {color:#485466;}
body.living p.page-intro, body.living h1 {color:#80004F;}
body.help p.page-intro, body.help h1 {color:#394437;}
body.when-study p.page-intro, body.when-study h1 {color:#8C002D;}
body.a-bit p.page-intro, body.a-bit h1 {color:#4E1F7B;}




div.page-nav ul {margin:0 0 1em 0; padding:0 0 0 0;}

div.page-nav ul ul {border:none; margin:0 0 0 1em; padding:0;}

div.page-nav ul li {list-style-type:none; display:inline;}

div.page-nav ul li a, 
div.page-nav ul li strong {text-decoration:none; display:block; padding:.6em 0 .6em 1.8em; background-image:url("icon-arrow-right.gif"); background-repeat:no-repeat; background-position: .6em 1em; color:#4E1F7B;}

div.page-nav ul li strong {background-image:url("icon-arrow-right-active.gif"); color:#fff; font-weight:bold;}

body.what-ou div.page-nav ul li strong {background-color:#485466; }
body.living div.page-nav ul li strong {background-color:#80004F; }
body.help div.page-nav ul li strong {background-color:#394437; }
body.when-study div.page-nav ul li strong {background-color:#8C002D; }
body.a-bit div.page-nav ul li strong {background-color:#4E1F7B; }



div.page-nav ul li a:hover, a.root:hover {background-color:#f8f8f8;}

a.home {border-bottom:0;}

div.notepaper {background:url(bg-notepaper.jpg) top left repeat-x; padding:34px 20px 10px 20px; margin-bottom:1.5em; color:#000;}

div.notepaper ul {line-height:1.3em;}

div.box h2 {margin-top:0;}

div.box p:last-child {margin-bottom:0;}

h2.views {background:none; padding:0; margin-top:1em;}

p.views {font-weight:bold; border-top:1px solid #ddd; padding-top:.5em;}


blockquote.snippet {float:right; border-left:3px solid #80004F;font-size:1.4em; font-weight:bold;margin:0 0 0 1em; width:220px; height:auto; font-style:normal; line-height:1.4em; color:#000;}

blockquote.snippet p {margin-bottom:0; padding:.5em 0 .5em 1em; }



blockquote.student,
blockquote.family {background-color:#E9E4EF; background-position:top left; background-repeat:no-repeat; padding:12px 12px 12px 0; margin:0 0 1.5em 0;  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

blockquote.family {background-color:#D4D4E8;}

blockquote.student p,
blockquote.family p {background:#fff; font-style:normal; font-size:1.4em; line-height:1.4em; margin-left:98px; margin-bottom:0; padding:10px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

blockquote.person1 {background-image:url(../images/people-thumbs/person1.jpg); }
blockquote.person2 {background-image:url(../images/people-thumbs/person2.jpg); }
blockquote.person3 {background-image:url(../images/people-thumbs/person3.jpg); }
blockquote.person4 {background-image:url(../images/people-thumbs/person4.jpg); }
blockquote.person5 {background-image:url(../images/people-thumbs/person5.jpg); }
blockquote.person6 {background-image:url(../images/people-thumbs/person6.jpg); }
blockquote.person7 {background-image:url(../images/people-thumbs/person7.jpg); }
blockquote.person8 {background-image:url(../images/people-thumbs/person8.jpg); }
blockquote.person9 {background-image:url(../images/people-thumbs/person9.jpg); }
blockquote.person10 {background-image:url(../images/people-thumbs/person10.jpg); }
blockquote.person11 {background-image:url(../images/people-thumbs/person11.jpg); }
blockquote.person12 {background-image:url(../images/people-thumbs/person12.jpg); }
blockquote.person13 {background-image:url(../images/people-thumbs/person13.jpg); }
blockquote.person14 {background-image:url(../images/people-thumbs/person14.jpg); }
blockquote.person15 {background-image:url(../images/people-thumbs/person15.jpg); }
blockquote.person16 {background-image:url(../images/people-thumbs/person16.jpg); }
blockquote.person17 {background-image:url(../images/people-thumbs/person17.jpg); }
blockquote.person18 {background-image:url(../images/people-thumbs/person18.jpg); }
blockquote.person19 {background-image:url(../images/people-thumbs/person19.jpg); }
blockquote.person20 {background-image:url(../images/people-thumbs/person20.jpg); }
blockquote.person21 {background-image:url(../images/people-thumbs/person21.jpg); }
blockquote.person22 {background-image:url(../images/people-thumbs/person22.jpg); }
blockquote.person23 {background-image:url(../images/people-thumbs/person23.jpg); }
blockquote.person24 {background-image:url(../images/people-thumbs/person24.jpg); }










.hidden {display:none;}

div#container-1 {margin-top:2em;}

div#container-1 blockquote {font-style:normal; color:#333;}

p.toggle {margin:1.5em 0 1em 0;}

p.toggle a {text-decoration:none; padding:.2em 0 .2em 1.4em; background:url(icon-transcript.gif) 0 .2em no-repeat; }



div.what-link {width:45%; float:left; height:32px; margin-right:4%; margin-bottom:1em; padding:0; background:#eee;vertical-align:middle;}



div#region1 div.what-links ul {list-style:none; padding:0; margin:0; width:100%;}

div#region1 div.what-links ul li {background:none; padding:0; float:left; width:45%; margin-right:4%; margin-bottom:.8em;}


div.what-links ul li a {display:block; width:auto; height: 32px; background-position: top left; background-repeat: no-repeat; color:#003399; font-size:1.2em; font-weight:bold; padding:5px 0 0 40px; text-decoration:none; }


div.what-links ul li a.getting {background-image: url(../images/what-link-thumbs/getting.jpg);}
div.what-links ul li a.assignments {background-image: url(../images/what-link-thumbs/assignments.jpg);}
div.what-links ul li a.working {background-image: url(../images/what-link-thumbs/working.jpg);}
div.what-links ul li a.residential {background-image: url(../images/what-link-thumbs/residential.jpg);}
div.what-links ul li a.exams {background-image: url(../images/what-link-thumbs/exams.jpg);}

div.what-links ul li a.getting:hover,
div.what-links ul li a.assignments:hover,
div.what-links ul li a.working:hover,
div.what-links ul li a.residential:hover,
div.what-links ul li a.exams:hover {background-image: url(../images/what-link-thumbs/go.gif); background-color:transparent; background-repeat:no-repeat; color:#000;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

ul.xoxo a {text-decoration:none;}

#feedbackform legend {display:none;}

#feedbackform dt {margin-bottom:.5em; margin-top:1em;}

#feedbackform dd {margin-left:0;}

/*body.feedback div.box-rounded p:first-child {margin-bottom:0;}*/


/*
Friends and Family Custom Styles
July 2009
Steven Price

*/

div.box-rounded h2 {
	margin-top:0;
	padding-left:0;	
}