/* Fraserbrief main stylesheet */
/* last updated: 22/07/2010; 2:47:53 p.m. */
html  {
	height: 100%;
	margin-bottom : 11px}
.highlight {
	border: 3px solid #006699;
	margin-left: 0;
	margin-right: 0;
	font-style: normal;
	font-family: georgia,serif;
	font-size: 1.3em;
	background: url(images/graphics/quotel.gif ) no-repeat #a5d8f6;
	padding-left: 65px;
	padding-right: 60px;
	position: relative}
.boxes {
	border: 0px solid #006699;
	text-align: center;
	color: #C00000;
	vertical-align: middle;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	font-family: Arial, verdana;
	font-size: 14px;
	background: #a5d8f6;
	position: relative}
.highlight span {
	position: absolute;
	bottom: 0px;
	right: 0;
	height: 50px;
	width: 60px;
	background: url(images/graphics/quoter.gif ) no-repeat}
form {
	margin: 0;
	padding: 0}
.floatLeft {
	float: left}
.floatRight {
	float: right}
body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 11px;
	background: url(images/template/omt_bg_top.png) repeat}
div#details {
	background: #bbbb88;
	width: 250px;
	position: absolute;
	visibility: hidden;
	z-index: 900;
	top: 350px;
	left: 100px;
	padding: 5px;
	border-style: solid;
	border-width: 1px}
table.courses {
	width: 85%;
	font-size: 10px;
	border-collapse: collapse;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 4px;
	border-color: #636363}
table.survey {
	width: 90%;
	font-size: 1em;
	border-collapse: collapse;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;
	border-color: #666666}
table.survey table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #999999}
table.curriclarge {
	width: 556px;
	background: url(images/school/curricMap.gif ) 100% 0 no-repeat;
	height: 560px;
	position: relative;
	font-size: 10px;
	border-collapse: collapse;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 0px;
	border-color: #006699}
table.curricsmall {
	width: 260px;
	background: url(images/school/curricMapSmall.gif) 100% 0 no-repeat;
	height: 260px;
	position: relative;
	font-size: 10px;
	border-collapse: collapse;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 0px;
	border-color: #006699}
table.courses tr td.rtbdr, th.rtbdr {
	border-right-style: solid;
	border-width: 3px;
	border-color: #636363}
table.courses tr th {
	background-color: #bbbb88;
	text-align: center;
	font-size: 14px}
table.courses tr td {
	height: 40px;
	padding: 5px}
tr.uline th {
	border-bottom: 3px #636363 solid}
tr.uline td {
	border-bottom: 3px #636363 solid}
table.overview {
	font-size: 10px;
	text-align: left;
	padding: 3px;
	border-collapse: collapse;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 4px;
	border-color: #636363}
table.overview tr.uline td {
	border-bottom: 3px #D4D0C8 solid}
table.overview td.rline {
	border-right: 3px #D4D0C8 solid}
table.overview td.enrich {
	background-color: #ff9900}
table.overview th.yr9 {
	background-color: #33cccc}
table.overview th.yr11 {
	background-color: #ff6600}
table.overview th.yr12 {
	background-color: #808000}
table.overview th.yr13 {
	background-color: #ff9900}
table.overview td.agri {
	background-color: #339966}
table.overview td.a11 {
	background-color: #99ccff}
table.overview td.i11 {
	background-color: #cc99ff}
table.overview td.u11 {
	background-color: #ffcc99}
table.overview td.sci {
	background-color: #339966}
table.overview td.bio {
	background-color: #99cc00}
table.overview td.ch {
	background-color: #ccffff}
table.overview td.px {
	background-color: #ffff99}
table.overview td.env {
	background-color: #ffcc00}
table.overview td.hort {
	background-color: #00ff00}
table.overview td.elect {
	background-color: #00ccff}
table.overview td.main {
	background-color: #ff99cc}
a:link, a:visited {
	color:  #AB290F;
	text-decoration: none;
	font-weight: normal}
a:hover {
	color	: #c00;
	font-weight: normal}
a:hover h6 {
	color	: #e00;
	font-weight: bold}
p {
	margin-top: 0;
	margin-bottom:  5px;
	text-align: left}
div, p,  table, td, th {
	font-family: Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	line-height: 140%;
	color: #333}
fieldset {
	border: 1px solid #d2d8de}
span.pathway {
	padding-left: 10px}
div.componentheading {
	padding-left: 0px}
a.readon {
	margin-top: 10px;
	padding-right: 10px;
	line-height: 14px;
	height: 16px}
h1 {
	padding: 0;
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%}
h2,h4, .contentheading {
	font-family: Arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #006699}
h3  {
	margin: 0}
h5 {
	font-family: Arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #000000}
h6 {
	font-family: Arial, verdana;
	font-weight: bold;
	font-size: 14px;
	color: #c00000}
.contentheading {
	margin: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #AB290F;
	border-bottom: 0px solid #D2D8DE}
.componentheading, #mainbody h3 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #AB290F}
#mainbody h3 {
	line-height: 140%;
	height: 140%;
	padding: 0;
	text-indent: 0}
table.contenttoc  {
	margin: 5px;
	border: 1px solid #ccc;
	padding: 5px}
table.contenttoc td  {
	padding: 0 5px}
td.buttonheading, td.sectiontableheader  {
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff}
tr.sectiontableentry1 td, tr.sectiontableentry2 td  {
	padding: 4px}
td.sectiontableentry1, td.sectiontableentry2 {
	padding: 3px}
table.contentpaneopen, table.contentpane  {
	width: 100%;
	background: #ffffff}
div.moduletable h3  {
	border: 0px solid #f00;
	margin-bottom: 0px;
	height: 29px;
	line-height: 29px;
	font-size: 11px;
	padding-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 8px;
	color: #41566e}
#leftnav div.moduletable h3  {
	background: url(images/template/omt_moduletitle.png) 0 0 repeat-x}
#leftnav div.moduletable  {
	background: url(images/template/omt_module_bg.png) 0 28px no-repeat}
#leftnav ul  {
	padding-left: 0;
	margin-left: 12px}
#leftnav li  {
	margin-bottom: 5px}
div.moduletable  {
	padding-bottom: 15px}
.small  {
	font-size: 10px;
	color: #999;
	font-weight: normal;
	text-align: left}
.quote {
	font-size: 0.8em;
	text-align: center}
.quote span {
	color: red}
.odd {
	background: #EEEEEE}
.even {
	background: #FFFFFF}
.modifydate  {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	text-align: left}
.createdate  {
	height: 20px;
	vertical-align: top;
	font-size: 10px;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px}
.clr  {
	clear: both}
#page_bg  {
	height: 100% ;
	padding: 0;
	margin-bottom: 1px}
div.mosimage  {
	margin: 5px}
div.mosimage_caption  {
	font-size: 10px;
	color: #666}
table.adminform textarea  {
	width: 540px;
	height: 400px;
	font-size: 1em;
	color: #000099}
div.search input  {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0}
div#wrapper  {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 800px}
div#top div div  {
	background: url(images/template/newbanner1.jpg) 100% 0 no-repeat;
	height: 128px;
	position: relative}
span#logo  {
	position: absolute;
	display: block;
	left: 35px;
	top: 28px;
	width: 100px;
	height: 91px;
	z-index: 90;
	background: url(images/template/omt_logo_trans.png) 0 0 no-repeat !important;
	background: green}
span#logo_header  {
	position: absolute;
	left: 135px;
	top: 28px;
	z-index: 90;
	width: 242px;
	height: 60px;
	background: url(images/template/omt_logo_header.png) 0 0 no-repeat !important;
	background: transparent}
span#joomla  {
	position: absolute;
	right: 14px;
	top: 21px;
	z-index: 99;
	width: 151px;
	height: 140px;
	background: url(images/template/omt_joomla_trans.png) 0 0 no-repeat !important;
	background: transparent}
div#middle  {
	background: #fff url(images/template/omt_shadow_r2.png) 100% 0 repeat-y}
div#middle_2  {
	background: url(images/template/omt_shadow_r1.png) 100% 0 no-repeat}
div#middle_3  {
	background: url(images/template/omt_shadow_l2.png) 0 0 repeat-y}
div#middle_4  {
	background: url(images/template/omt_shadow_l1.png) 0 0 no-repeat;
	padding: 0 19px }
div#bottom  {
	background: url(images/template/omt_shadow_b.png) 0 0 repeat-x}
div#bottom div  {
	background: url(images/template/omt_shadow_bl.png) 0 0 no-repeat}
div#bottom div div  {
	background: url(images/template/omt_shadow_br.png) 100% 0 no-repeat;
	height: 44px;
	padding-top: 5px;
	font-size: 10px;
	color: #A2A7A9;
	text-align: center}
div#centernav  {
	margin: 0 auto !important;
	margin: 0;
	display: table !important;
	display: block;
	text-align: center}
span#topnav  {
	padding: 0;
	white-space: nowrap;
	display: table-cell !important;
	display: inline-block}
#topnav ul #mainlevel  {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #959A9E;
	border-right: 1px solid #ECF4FA}
#topnav #mainlevel li  {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #959A9E}
#topnav #mainlevel a:link, #topnav #mainlevel a:visited  {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #2B3036;
	float: left;
	display: block;
	padding: 0 30px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	background: url(images/template/omt_button_off.png) 0 0 no-repeat;
	border: 0}
#topnav #mainlevel li.red_active_menu  {
	border-right: 1px solid #721901}
#topnav #mainlevel li.red_active_menu a:link, #topnav #mainlevel li.red_active_menu a:visited  {
	background: url(images/template/omt_button_on.png) 0 0 no-repeat;
	color: #EEF0F2;
	float: left;
	padding: 0 30px;
	height: 28px;
	line-height: 28px}
#topnav #mainlevel a:hover  {
	color: #616B78}
#topnav #mainlevel li.red_active_menu a:hover  {
	color: #fff}
#showcase  {
	margin: 0;
	padding: 1px 0;
	background: #47505A url(images/template/omt_showcase_bg.png) 0 0 repeat-x}
#showcase .moduletable  {
	padding: 5px 10px;
	margin: 0}
#showcase td, #showcase div, #showcase p, #showcase span  {
	color: #D8DBDE}
#showcase .contentheading  {
	font-family: Arial Narrow, Helvetica Nueue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px}
#user1  {
	width: 50%}
#user2  {
	width: 50%}
table.contentarea  {
	background: url(images/template/omt_body_right.png) 100% 0 repeat-y}
#leftnav  {
	width: 175px;
	border: 0px solid #ff0;
	background: url(images/template/omt_column_left.png) 0 0 repeat-y #ccccff }
#leftborder  {
	border-left: 1px solid #D3D8DE}
#lefttop  {
	border: 0px solid #00f}
div#mainbody   {
	border: 0px solid #0ff;
	padding: 12px}
#rightnav  {
	width: 180px;
	border: 0px solid #00f;
	background: url(images/template/omt_column_right.png) 100% 0 repeat-y}
#righttop  {
	background: url(images/template/omt_bodytop_r.png) 0 0 no-repeat;
	height: 29px}
#rightbody  {
	background: url(images/template/omt_rightnav_bg.png) 0 0 repeat-x}
#pathway {
	background: url(images/template/omt_bodytop.png) 0 0 repeat-x;
	padding-top: 5px;
	padding-left: 12px;
	height: 29px}
#leftnav ul.submenu, #leftnav ul.submenu ul  {
	list-style: none;
	margin: 0;
	padding: 0}
#leftnav ul.submenu li  {
	background: none;
	padding: 0;
	margin: 0}
#leftnav ul.submenu ul li  {
	text-indent: 10px}
#leftnav ul.submenu ul li  {
	text-indent: 20px}
#leftnav ul.submenu ul ul li  {
	text-indent: 30px}
#leftnav ul.submenu ul ul ul li  {
	text-indent: 40px}
#leftnav ul.submenu ul ul ul ul li  {
	text-indent: 50px}
ul.submenu a:link, ul.submenu a:visited  {
	display: block;
	width: 160px;
	padding-right: 15px;
	padding-bottom: 5px;
	background: url(images/template/omt_menu_red.png) 100% -2px no-repeat}
ul.submenu a:hover  {
	background-position: 100% -53px;
	text-decoration: none}
a.mainlevel:link, a.mainlevel:visited  {
	display: block;
	width: 160px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(images/template/omt_menu.png) 100% -2px no-repeat;
	border-bottom: 1px solid #cccccc;
	color	: #41566e;
	font-weight: bold}
a.mainlevel:hover  {
	background-position: 100% -53px;
	text-decoration: none;
	background: url(images/template/omt_menu_red.png) 100% -2px no-repeat;
	border-bottom: 1px solid #cccccc;
	color: #c00;
	font-weight: bold}
div#footer  {
	margin-top: 10px;
	width: 766px;
	height: 28px;
	line-height: 28px;
	text-indent: 20px;
	background: #e6eef8}
div#footer table  {
	margin-top: 4px}
div#footer table td  {
	text-align: center}
div#footer a  {
	padding: 0 10px}
div#topmodule  {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 80px;
	overflow: hidden}
div#quote  {
	padding-top: 10px;
	margin-right: 10px;
	text-align: left;
	float: right;
	width: 505px !Important;
	width: 485px}
div#quote td  {
	text-align: left}
table.menublock  {
	margin: 0 15px}
td.summary  {
	background: #eef3f9;
	padding: 5px;
	padding-left: 10px}
td.latestnews  {
	background: #eef3f9;
	padding: 5px}
table.blog span.article_seperator  {
	display: block;
	height: 20px}
table.nopad  {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px}
table.nopad td.middle_pad  {
	width: 20px}
body.contentpane  {
	background: #fff}