/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */

html, body {
	height: 100%;
}

body { font: 11px/1.6 Arial, Helvetica, sans-serif;padding-bottom:25px;} 
body.site {background:#003772 url(/cms/outertemplates/images/pagebg.jpg) center repeat-y;} 

/* Content styles */
/* Try to put padding on the parent div, rather than margins on the element */

p, ul {margin-bottom:8px;}
ul {margin-left:20px;}

h1 { font-size:1.6em; font-weight:normal; margin-bottom:10px;}
h2 {font-size:1.2em;background-color:#ff0000;color:#fff;border-left:5px solid #003472;font-weight:normal;margin-bottom:8px;clear:both;padding-left:5px;}
h3 {font-size:1.2em;color:#003772;margin:12px 0 8px;}

a { color:#003472; text-decoration:underline; }
a:hover { text-decoration:none; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }

#content {width:635px; float:left; text-align:left;padding-left:2px;}
#content.nowatermark {background:none;}
#content.norightcol {width:905px;}

#content ul.courses {margin-left:0;margin-bottom:0;}

div.flashMovie { width: 300px; float: right; padding: 5px; border: 1px solid #ccc; margin: 0 0 0 10px; }

/* Page building styles */
#outerwrap {
width:965px;background: transparent url(/cms/outertemplates/images/outerwrapbg.gif) repeat-y;
margin:0 auto;
}

#innerwrap {
width:910px;
margin:0 auto;
padding-top:2px;
}

#pagetop {
position:relative;
height:60px;
background:#003772 url(/cms/outertemplates/images/pagetop.gif) center no-repeat;}

#pagebottom {
height:39px;
background:#003772 url(/cms/outertemplates/images/pagebottom.gif) center no-repeat;}

#page {font-size:1.1em;background: #fff url(/cms/outertemplates/images/watermark.gif) no-repeat 50% 100%;}
#page.nowatermark {background:none;}

#header {height:81px;background:#003772 url(/cms/outertemplates/images/header.jpg) center no-repeat;border-bottom:1px solid #fff;}

#fixedLinks {position:absolute;line-height:14px;top:32px;right:60px;font-size:.8em;}
#fixedlinks ul {margin-left:0;margin-bottom:0;}
#fixedLinks a {color:#003772;}
#fixedLinks li { display:inline; list-style:none; } 

img.imgright {float:right;margin:10px;}

#homefeature {text-align:left;float:left;width:638px;height:296px;clear:both;}
#homefeature .flashpart {}
#homefeature .featurelinks {float:right;background:#cbdcef;width:264px;height:264px;}

ul.btnlinks {list-style-type:none;float:left;margin:0;padding-left:4px;margin-bottom:5px;}
ul.btnlinks li {
float:left;
height:70px;
background:#fff url(/cms/outertemplates/images/featurelistbg.gif) left no-repeat;
border:1px solid #99bbe0;
clear:left;
width:210px;
margin-bottom:9px;
font-size:1.2em;
padding-left:25px;
}

ul.btnlinks li.last {margin-bottom:0;}
ul.btnlinks li img {float:left;padding-top:5px;}
ul.btnlinks li a {float:left;position:relative;top:23px;margin-left:10px;}

#search {float:right;width:263px;color:#fff;background: url(/cms/outertemplates/images/searchbg.gif) left repeat-x;}
#search p {padding:5px;margin-bottom:0px;}
#search label, #search input {vertical-align:middle;}
#search input.textbox {width:160px;height:18px;padding-top:2px;padding-left:2px;padding-right:2px;}

.greenbox {
background-color:#e3ffcb;
border:1px solid #b9e593;
padding:10px;
}

.greenbox .col1 {
width:200px;
float:left;
border-right:1px solid #b9e593;
padding-right:10px;
}

.greenbox .col2 {
margin-left:10px;
float:left;
width:392px;
}

.margin-bottom {margin-bottom:8px;}

#rightCol {width: 262px; float:right; text-align:left;padding-left:8px;}
#rightcol h1 {font-size:2em;margin-bottom:0px;font-weight:normal;}

.rightbox {background-color:#e4edf7;border:1px solid #bacde4;padding:8px;margin-bottom:8px;width:245px;float:right;}
.rightbox ul {list-style-type:none;margin:0;}

#usefulenglish .rightbox {padding:0;margin:0;width:262px;}

#news li {margin-bottom:8px;}
#news .newscontent {background-color:#fff;border:1px solid #bacde4;padding:8px 8px 0 8px;}
.newscontent span {font-size:.8em;text-align:right; display: block;}

div.logoBorder { background: #fff; height: 8px; }
#logobar {border: 6px #dedede solid;padding:8px;margin-top:0;margin-bottom:8px; background: #fff; width: 882px; overflow: hidden; position:relative;}
#logobar table { overflow:hidden; border: none; }
#logobar table td { width: 220px; border: none; text-align: center; padding: 0; }

#breadcrumb {float:left;line-height: 18px;clear:both;width:100%;font-size:.8em;padding-top:4px;padding-bottom:4px;}
#breadcrumb p { float:left; font-weight: normal;margin:0;}
#breadcrumb a {}
#breadcrumb ul { float:left;margin:0;}
#breadcrumb li 
{
    display:inline;
    padding-left:12px;
    margin-left:4px;
    background:url(/cms/outertemplates/images/default/breadcrumb.gif) left no-repeat;
}
#breadcrumb li.first 
{
    padding-left:0;
    background:none;
}
#footer { border-top: 1px dotted #999; font-size:0.9em; width: 910px; margin: 0 auto; }
#footer a { text-decoration: none; color: #000; }
#footer p { position:relative;text-align:center; padding-top:20px;}

#footer img {position:absolute;right:10px;top:4px;}


/* Reusable classes */
p.left { text-align:left }
p.right { text-align:right; }
.red { color:#F00; }
div.left, input.left { float:left; }
div.right, input.right { float:right; }
img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }
.left2Col { float:left; width:48%; margin-left:9px; }
.right2Col { float:right; width:48%; }

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
p.indent { margin-left: 25px; }
span.underline { text-decoration: underline; }

div.clear { clear:both; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

div.hiddenBox img { float: left; padding-top: 4px; margin: 0 5px 0 20px; }
div.hiddenBox h2 { background: none; border: none; font-size: 1em; margin-left: 0; }
div.hiddenBox p { margin-left: 35px; }

div.question {clear: both; margin: 30px 0; padding: 0 0 20px 0; overflow: hidden; border-bottom: 1px solid #ccc; display: block;}
div.question p.questionTitle {font-weight: bold; color: #333;}
div.question span.questionNo {color: #C30404;}
div.question span.radioBtn {float: left; margin: 0 25px 0 0; height: 25px; }
div.question span.radioBtn input {float: left; margin: 3px 5px; }

div.searchWrapper div.result {
	padding:15px 0;
	border-bottom:1px dashed #F00;
	position:relative;
}
div.searchWrapper h3 {margin:0 0 8px;}
div.searchWrapper div.result div.searchBox1 {}
div.searchWrapper div.result div.searchBox2 {}
div.searchWrapper div.result div.searchBox3 {}

div.searchWrapper p.searchResultRank {display:none;}
div.searchWrapper p.searchResultUrl {text-align:right; font-style:italic; margin:0;}

div.results { background: #EDEEEE; border: 1px solid #ccc; padding: 5px; }
.error { color: Red; }