@charset "utf-8";


/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



/* typography.css */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#EDEDDB;}
div.highlight {padding:0.5em; margin:1em 0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


body {font-size:75%; line-height:150%; color:#333; background:#E7EEF7 url(body-bg.png) top left repeat-x; font-family:Arial, sans-serif; margin:/*1.7em*/ 0 1em;}

body.zoom div#region1, body.zoom div#region2 {width:100%; margin-left:0; margin-right:0; clear:both; float:left;}
body.zoom div#page {background-image:none;}
body.zoom div#site {min-width:22.5em; max-width:60em;}

div#site {/*max-width:78.3em; min-width:60em;*/ width:750px; margin:0 auto; text-align:left; margin-top:60px;}
div#site-header, div#site-body, div#site-footer, div#page, div.grid {width:100%; float:left; clear:both; height:auto; margin:0; padding:0;}
body.gutters div#page {background-image:url(dot.gif); background-position:67%; background-repeat:repeat-y;} /* Apply this class to the body element in order to have a dividing line between region 1 and 2 */
body.pure div#region1, body.pure div#region2 {width:100%; height:auto; float:left; clear:both;}
body.pure div#page {background-image:none;}
div#region0 {background-color:#fff; padding:0.5em 0;}
/*div#region0 p {padding-bottom:1.5em;}*/
div#region1 {float:left; width:65%;}
div#region2 {float:right; width:32%; color:#444;}

div.g2 { background-image:url(dot.gif); background-position:50%; background-repeat:repeat-y;}
div.c1of2 {float:left; width:49%; overflow:hidden;}
div.c2of2 {float:right; width:49%; overflow:hidden;}

div.c1of3 {width:30%; height:auto; float:left;}
div.c2of3 {width:30%; height:auto; float:left; margin:0 4%;}
div.c3of3 {width:30%; height:auto; float:left;}


/*img, object {max-width:100%; height:auto;}*/

div.pic {width:100%; height:auto; overflow:hidden;}
div.pic img {display:block; margin:0;}
div.pic p {text-align:left; color:#666; margin-top:0.5em;}
#region1 div.pic {width:auto;}

div#site-header {/*padding:1em 0; margin-bottom:1em;*/ margin:0; padding:0;}
div#site-footer {padding:1em 0; color:#666;}

body.gutters div#site-header {background-image:url(dot.gif); background-repeat:repeat-x; background-position:bottom left;}
body.gutters div#site-footer {background-image:url(dot.gif); background-repeat:repeat-x; background-position:top left;}

div#site-breadcrumb {font-size:1em; color:#666; text-transform:uppercase; letter-spacing:0.2em;}
div#site-breadcrumb a {text-decoration:none;}

div.box {padding:1em; background-color:#f8f8f8; margin-bottom:1em; border:1px solid #eee;}
div.box h2 {font-size:1em; font-weight:bold;}

div#ou-topbars {margin:0; padding:0;}

div.box.go1 {float:left; width:45%; margin:1em; margin-left:0; margin-top:0;}
div.box.go2 {float:right; width:45%; margin:1em; margin-right:0; margin-top:0;}

p.intro {color:black;}

.go1 {float:left; margin-right:1em;}
.go2 {float:right; margin-left:1em;}
.go3 {display:block; margin:1em auto;}

.plain {border:none; background-color:transparent;}

.nav ul {margin:1em 0; padding:0;}
.nav li {list-style-type:none; margin:0 0 0 0; padding:0; display:inline;}
.nav li a, .nav li strong {padding:0.5em; border:1px solid #eee;}
.nav li a:hover {background-color:#ddd;}
.nav li strong {background-color:#eee; color:black;}

.menu {border-top:3px solid #eee; margin-bottom:1em; background-color:#f8f8f8; padding-bottom:0.5em;} 
.menu h2 {font-size:1em; font-weight:bold; margin:1em; padding:0;}
.menu p {margin:1em;}
.menu ul {padding-left:1em;}
.menu ul li a {text-decoration:none;}


/* Horizontal and Vertical rules */

.hr1 {background-image:url(dot.gif); background-repeat:repeat-x; background-position:top; margin-top:1em; padding-top:1em;}
.hr2 {background-image:url(dot.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:1em; padding-bottom:1em;}
.vr1 {background-image:url(dot.gif); background-repeat:repeat-y; background-position:left;}
.vr2 {background-image:url(dot.gif); background-repeat:repeat-y; background-position:right;}
.vr3 {background-image:url(dot.gif); background-repeat:repeat-y; background-position:top center;}

/*


@media print {
body {font-size:12pt; line-height:150%;}
div#ou-topbars, div#site-header, div#site-footer {display:none;}
}

----------------------------------------------------------------------------
For CONSIDERATION into OUICE core
----------------------------------------------------------------------------*/

div.tabs ul {margin:0 0 1em 0; padding:0; width:100%; height:auto; float:left; clear:both; background-color:white;}
div.tabs li {list-style-type:none; margin:0; padding:0; display:block; float:left; margin-right:0.5em;}
div.tabs a {float:left; display:block; padding:1em; text-decoration:none;} 
.selected a {background-color:#eee; color:black; text-decoration:none;}

p#skip, p#skip a {color:#666; text-decoration:none; display:none;}

textarea {width:100%; max-width:100%;}

div#region0 {background-color:white; float:left; clear:both; width:100%; height:auto;}

div#site-footer ul {margin:1em 0; padding:0;}
div#site-footer li {list-style-type:none; margin:0; padding:0;}

span.editsection, div.editsection {float:right; color:#ccc; text-decoration:none;}
span.editsection a, div.editsection a {color:#ccc; text-decoration:none;}
span.editsection a:hover, div.editsection a:hover {color:red;}

div.editsection {font-size:2em;}

table#toc {display:none;}

h2 {line-height:110%;}

.printfooter {margin:1em 0;}

#legal ul {margin:0; padding:0;}
#legal li {display:inline;}
#legal li a {margin-right:1em;}

#editpage-copywarn p {margin:1em 0;}
.editOptions {background-color:#eee; padding:1em;line-height:200%; border-top:3px solid #ddd;}

div#globalWrapper {text-align:left;}

div.printfooter {display:none;}


/* Learning with the OU */

body.learning h1 {width:750px; height:40px; background:url(h1-bg.gif) top left no-repeat; text-indent:-500em; margin:0; padding:0; overflow:hidden;}

body.about-mystuff h1 {width:750px; height:70px; background:url(h1-about-mystuff-bg.gif) top left no-repeat; text-indent:-500em; margin:0; padding:0; overflow:hidden;}




body.learning h2 {color:#1E3467; font-family:Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight:bold; border-top:1px solid #D6E1F1; padding-top:18px;}

div#image-nav {
	width:750px;
	height:390px;
	background-image: url(../images/main-image.jpg);
	background-repeat : no-repeat;
	display:block;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	clear:both;
}


div#image-nav li {
	display:inline;
	list-style-type:none;
	background-image:none;
}



div#image-nav li a {
	display:block;
	position:absolute;
	text-decoration:none;
	text-indent:-500em;
	overflow:hidden;
}

/*div#image-nav li a:hover {
	background-color:transparent;
}*/

div#image-nav li a {width:110px; height:110px;}

div#image-nav li a#begin {top:0px; left:40px;}
div#image-nav li a#improve {top:200px; left:120px;}
div#image-nav li a#achieve {top:240px; left:320px;}
div#image-nav li a#going {top:200px; left:530px;}
div#image-nav li a#be {top:0px; left:600px;}


div#content {background:url(content-bg.gif) bottom left repeat-y; float:left; clear:both; width:750px; margin-bottom:1em;}

div.main-content { padding:50px 80px;}

body.about-mystuff div.main-content { padding:0 80px;}

div.forum-box {margin:30px 0 0 0; padding:15px; border:1px solid #D6E1F1 ; background:#EAF0F8 url(box-bg.gif) top left no-repeat ; }

div.forum-box h3 {color:#1E3467; }

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

p#footer-updated {
	color:#666;	
	width:680px;
	margin:1em auto;
	text-align:left;
	clear:both;	
}

p#footer-updated a{
	font-size:1em;
	text-decoration:underline;
}