/* 
	Site URL: http://www.csu.edu.au/ontario
	Last updated: btulloh@csu.edu.au
	Last updated by: March 19th 09
	Author: **** - web@csu.edu.au
	Copyright CSU 2009
	Please do not edit this stylesheet - contact CSU  Webteam for all amendments to CSS 
*/
/* 	
	Colour Pallete 

	#d5d7e3 – Container Borders
	#eaeaea - #leftnav li, #rightbox strong.sub
	#d3d3d3 – #leftnav expandable link a.sub
	#666666 – h3, h5, caption, #leftnav strong (Contact CSU), #rightbox strong (Quicklinks), global navigation
	#b60203 - CSU red, header, h2, h4, h3.boxtitle
*/
@import url(/styles/global.css); /* Global Nav, Footer and Search styles */
@import url(/styles/lightbox/lightbox.css); /* lightbox */
html,body { height: 100%; margin:0 0 1px 0; padding:0;  color:#0a0a0a;}
body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background:url(/images/global-img/generic/backgrounds/bg.gif) repeat-x #fff;}
#container { width: 777px; margin-left: auto; margin-right: auto;  border-left: 1px solid #d5d7e3;  border-bottom: 1px solid #d5d7e3; border-right: 1px solid #d5d7e3; color: #000; background:url(/images/global-img/generic/backgrounds/container.gif) repeat-y #fff;} 

/* container to be used when there is no left nav */
#container.expand-full { width: 100%; color: #000; background-color: #fff; border:none;}

/* HEADER STYLES */
/* Header */

#header { width: 100%; height: 4em; border-bottom: 1px solid #fff; background-color:#b60203;}
#header h1 { margin:0; float:left; font-size:1.3em; color:#fff; padding: 1em 0 0 1em; background-color:#b60203;}
#logo { float:right; margin: 0 8px 1px 0; width:230px; height:63px;}
#logo img { border:none;}

/* Branding Graphic */
#graphic {
	border-bottom: 1px solid #d5d7e3;
	background:#666 url(backgrounds/title.jpg);
	height: 133px;
	width:777px;
}
subhead { width: 777px;  height: 1.5em; border-bottom: 1px solid #fff; background: url(/images/global-img/generic/backgrounds/bar.jpg) repeat-x;}

#graphic-mba { background-color:#b60203;  }
#graphic-forensic { background-color:#b60203;  }

subhead { width: 777px;  height: 1.5em; border-bottom: 1px solid #fff; background: url(/images/global-img/generic/backgrounds/bar.jpg) repeat-x;}
<!--#graphic-mba { border-bottom: 1px solid #d5d7e3; background:url(/templates/ontario/images/mba/banners/advance-you-career.jpg) #666; height: 133px; width:777px; float:left;  }subhead { width: 777px;  height: 1.5em; border-bottom: 1px solid #fff; background: url(/images/global-img/generic/backgrounds/bar.jpg) repeat-x;}
-->

/* Top Nav Styles/ tabbed styles in development 

#topnav {margin: 0; padding-bottom: 10px; padding-top:5px; background-color:#fff;float:left;}
#topnav ul{ margin: 0; margin-left: 0; padding: 0; width:777px; border-bottom:1px solid #ccc;}
#topnav li	{ display : inline; list-style-type: none; margin: 0; padding: 0; float:left; font-weight:700;}
#topnav a:link, #topnav a:visited	{ background:url(/images/global-img/generic/backgrounds/topmenu.gif) repeat-x #dbdbdb; border-left: 1px solid #ccc; border-right : 1px solid #ccc; border-top :1px solid #ccc;color : #666; float: left; line-height : 14px; margin-left: 8px; padding: 4px 10px 4px 10px; text-decoration : none;}
#topnav a:link.active, #topnav a:visited.active	{ background: #fff; border-left : 1px solid #ccc; border-right : 1px solid #ccc; border-top :1px solid #ccc; color: #000;}
#topnav a:hover {color : #000; background:url(/images/global-img/generic/backgrounds/topmenu-hover.gif) repeat-x #dbdbdb;}
#topnav ul a:hover { background:url(/images/global-img/generic/backgrounds/topmenu-hover.gif) repeat-x #dbdbdb; color : #000 !important;}
body.top1 li#top1 a, body.top2 li#top2 a, body.top3 li#top3 a, body.top4 li#top4 a, body.top5 li#top5 a { background : #fff; border-left : 1px solid #ccc; border-right : 1px solid #ccc; border-top :1px solid #ccc; color : #666; font-weight:700;}*/

/* =Left Navigation */

#leftnav { float: left; width: 180px; background-color: #f5f5f5; border-right: 1px solid #d5d7e3;}
#leftnav li { font-size: 0.7em; list-style-type: none; background-color: #eaeaea;}
#leftnav ul { margin: 0; padding: 0;}
#leftnav a { display:list-item; width: 150px; text-decoration: none; color: #000; border-bottom: solid 1px #fff; padding: 4.8px 20px 4.8px 10px;}
#leftnav a:hover {background: url(/images/global-img/generic/backgrounds/menu.gif) no-repeat center right #fff;}
#leftnav a.sub { font-size: 1.4em; background-color: #d3d3d3; padding-left: 18px; width: 142px;}
#leftnav a.sub:hover { background-color: #fff;}

#leftnav strong { display:block; font-size:0.75em; background-color: #666; color: #fff; margin-top: 10px; padding: 4px 0 4px 9px; text-transform:uppercase;  }
/* =strong top class to be used when there is a ticker image or a strong heading at the start of the left nav */
#leftnav strong.top {display:block; font-size:0.75em; background-color: #666; color: #fff; margin-top:0; padding: 4px 0 4px 9px;text-transform:uppercase;}
#leftnav strong.bg-aea {background-color: #eaeaea; color: #666;}
#leftwrapper { float: left; width: 181px; clear:both;}

#home #home-tab, #sub2 #sub2-tab, #sub3 #sub3-tab, #sub4 #sub4-tab, #sub5 #sub5-tab, #sub6 #sub6-tab, #sub7 #sub7-tab,
#sub-a1 #sub-a1-tab, #sub-a2 #sub-a2-tab, #sub-a3 #sub-a3-tab, #sub-a4 #sub-a4-tab,
#sub-b1 #sub-b1-tab, #sub-b2 #sub-b2-tab, #sub-b3 #sub-b3-tab, #sub-b4 #sub-b4-tab,
#sub-c1 #sub-c1-tab, #sub-c2 #sub-c2-tab, #sub-c3 #sub-c3-tab, #sub-c4 #sub-c4-tab,
#sub-d1 #sub-d1-tab, #sub-d2 #sub-d2-tab, #sub-d3 #sub-d3-tab, #sub-d4 #sub-d4-tab 
{ background: url(/images/global-img/generic/backgrounds/menu.gif) no-repeat top right #fff;}

.treeopen {}
.treeclosed {}

/* MAIN CONTENT STYLES */
#content { float:left; width: 560px; clear:right; color:#000; background-color:#fff; padding:15px 15px 30px; min-height:400px; margin-right:-3px;}
#content.index { width: 375px; clear:none; margin-right: -10px;}
#content.full-width { float:left;clear:both; width: 740px; color:#000; background-color:#fff; padding:15px 15px 30px; min-height:400px; margin-right:-3px;}

/* used in conjunction with container class .expand-full  */
#content.full-broswer-width { float:left;clear:both; width: 96%; color:#000; background-color:#fff; padding:15px 15px 30px; min-height:400px;}


/* Link Styles for main content and rightbox */
#content a:link, #rightbox a:link{ text-decoration: underline; color: #B60203;}
#content a:visited, #rightbox a:visited  { color:#999;}
#content a:hover, #rightbox a:hover, #content a:active, #rightbox a:active { text-decoration: none;  }


/* Headings Styles - h1 in the header div */ 
#content h2, #content h1  { font-size: 1em; color: #B60203; margin-top: 0;}
#content h3 { font-size: 0.95em; color: #666; margin-top: 1.5em; clear:both;}
#content h3.boxtitle { font-size: 0.9em; color: #b60203; background-color: #eee; padding: 0.3em 0.5em; border: 1px solid #ccc;  }
#content h4 { font-size: 0.85em; color: #B60203; margin-top: 1.5em;clear:both;}
#content h5 { font-size: 0.8em; color: #666; margin-top: 1.5em;clear:both;}

/* Heading Links */
#content h2 a:link, #content h2 a:visited, #content h2 a:active { text-decoration: none; color: #B60203;}
#content h2 a:hover { text-decoration:underline;}
#content h3 a:link, #content h3 a:visited, #content h3 a:active { text-decoration: none; color: #666;}
#content h3 a:hover { text-decoration:underline;}

/* Image Styles */
#content img { border: #ccc 1px solid ; padding: 1px;}
#content img.no-border {border:none;}
.floatleft { float:left; margin: 0 15px 15px 0;}
#content img.floatleft-no-border {border:none; float:left; margin: 0 15px 15px 0;}
.floatright { float:right; margin: 0 0 15px 15px;}
#content img.floatright-no-border {border:none; float:right; margin: 0 0 15px 15px;}

/* Misc Styles */
#content p.top {text-align:right; padding-right: 15px; background: url(/images/global-img/generic/backgrounds/top_page.gif) no-repeat bottom right #fff; font-size:0.7em; font-weight:700; clear:both;}
#content p.back { padding-left: 15px; background: url(/images/global-img/generic/backgrounds/back.gif) no-repeat bottom left #fff; font-size:0.7em; font-weight:700;}
p { font-size: 0.8em;}
.outline { border: 1px solid #ccc; padding: 0.5em;}
.outline-colour-background { border: 1px solid #ccc; padding: 0.5em; background-color:#eaeaea; margin-bottom:10px;}
.groups {margin-bottom: 30px; min-height:80px;}
.clear { clear: both;}
.indent { padding-left: 2em; padding-right: 2em;}
.font-emphaisis-light { font-size: 0.9em; color:#666; font-weight: bold;}


/*ol background added march 10th*/
ol.shaded-background { border: 1px solid #ccc; padding: 1em 3em;background-color:#eaeaea;}
.spotlight {margin:0; padding:0;background: url(/styles/backgrounds/background-tint-bottom.gif) repeat-x bottom left #fff; border: 1px solid #d5d7e3;padding:5px; margin-bottom:5px; clear:both; width:96%;float:left;}
.hide {position:absolute; left:-4000px; overflow:hidden;}

/* List styles */
li { font-size: 0.8em;}
#content ul li, #rightbox ul li { list-style-image:url(/images/global-img/generic/list/arrow.gif); padding-bottom: 0.5em;}
#content ul ul { margin-top: 10px;} 
#content ul ul li { list-style-image:url(/images/global-img/generic/list/square.gif); padding-bottom: 0.5em; font-size:1em;}
#content ol li { padding-bottom: 0.5em;}
#content li.none { list-style-image:none; list-style-type: none;}

/* Table Styles */
table { width:100%; font-size: 0.75em;}
th { background-color: #d3d3d3; color: #333; border:1px solid #c8c8c8; text-align: left; font-weight:700;vertical-align: top; padding:0.5em;}
td { border: 1px solid #d3d3d3; text-align: left; padding: 0.5em; vertical-align: top;}
td p {font-size: 1em; margin-top:0;}
td ul { padding: 0 0 0 20px; margin: 0;}
td li { list-style-image: url(/images/global-img/generic/list/arrow.gif); font-size: 1em;}
td.none { border:1px solid #fff; font-size: 0.8em;}
caption { color:#666; font-weight:700; padding:10px 0; text-align:left; font-size:1.2em;}
td.staff{font-size:0.9em;padding:0.4em 0 0.4em 1em; vertical-align:middle;}

/* Gallery /including right nav image galleries*/
#content #content-gallery, #rightbox #rightbox-gallery {float:left; margin:10px 0;width:100%; z-index: 100;}
#content #content-gallery ul, #rightbox #rightbox-gallery ul {display:inline; margin-bottom:0;width:100%;}
#content #content-gallery img, #rightbox #rightbox-gallery img {border:1px solid #ccc;  background-color: #fff; padding:1px;}
#content #content-gallery li, #rightbox #rightbox-gallery li {list-style-type:none; list-style-image:none; float:left; padding:0 9px 5px 0;}
/* right box buttons new march 10th/ margin-right:-10px is needed for ie 6*/
#rightbox li img{border:none;}
#rightbox ul li.no-bullet{list-style-type:none; list-style-image:none; padding:0; margin-left:-20px; margin-top:10px; margin-right:-10px; border:none;}

/* Form Styles */
fieldset { border: 2px solid #ddd; margin-bottom:15px; padding:10px; }
legend {font-size: 0.8em; font-weight:700; color:#000;}
form ul {list-style:none; margin:0; padding: 0;}
form p {margin-bottom:15px;}
#content form li {margin: 10px 0; clear:both; padding: 0; list-style-image: none;}
#content label { display: block; float: left; line-height: 1.6; margin: 0 10px 0 0; text-align: right; width: 30%; clear: both;}
/*  input type =submit will not work on ie 6 the submit buttons will still need a class of auto */
input[type="submit"] {width:auto;}
input, textarea { width: 50%;}
#content .auto { width: auto;}
#content .auto-margin-left { width: auto; margin-left: 170px;}
.required { color: #b60203; background-color: #fff; font-weight: 700;}
/* =assets */
/* =FLV Player */
p#player {background-color:#fff; margin-top:0; padding:2px; border: 1px solid #ccc;} 

#promotion {border:1px solid #ccc;}
#messages {text-align:center;}

/*New styles used on ontario entry page
 red buttons */
#buttons { float: right; width: 180px;  margin: 15px 0; background-color: #fff; font-size:0.85em;}
#buttons ul { padding:0; margin:0; float:right;}
#buttons li { list-style-type:none; list-style-image:none; text-align:center; color:#fff;background-color: #b60203; width:150px; margin-bottom:15px; padding:0; font-weight:bold;}
#buttons a:link { padding:10px;display:block; background-color: #b60203;  text-decoration: underline; color:#fff;}
#buttons a:visited {padding:10px;display:block;text-decoration: underline; color:#fff;}
#buttons a:hover {padding:10px;display:block;text-decoration:none; background-color: #666;}
#buttons a:active { padding:10px;display:block; background-color: #b60203;  text-decoration: underline; color:#fff;}


/* = CSU RIGHT NAV */


#rightnav_news a, #rightnav_news a:link, #rightnav_study a, #rightnav_study a:link  { text-decoration:underline; color:#B60203; background:url() no-repeat #fff; padding:0 0 8px 0px;}

#rightnav_news p { font-size:0.7em; padding-right:5px; padding-left:5px; margin-bottom:10px;background: url(backgrounds/background-tint.gif) repeat-x top left; margin-top:0; padding-top: 5px;}
#rightnav_news {float:right; width:162px; padding-top:0.4em;  margin-right:0; }
#rightnav_news ul { line-height:1em; background-color:#fff; margin-top:10px; margin-bottom:10px; padding-left: 1.1em; margin-left: 0;}
#rightnav_news li { list-style-image:url(/styles/global/arrow.gif); padding-right:5px; font-size:0.7em; background-color:#fff; margin-left: 0em; }
#rightnav_news a, #rightnav_news a:link { text-decoration:underline; color:#B60203; background:url() no-repeat #fff; padding:0 0 8px 0px;}
#rightnav_news a:visited {background-color:#fff; text-decoration:underline; color:#999; }
#rightnav_news a:hover { background-color:#fff; text-decoration:none; color:#999;}
#rightnav_news a:active { background-color:#fff; text-decoration:none; color:#B60203;}
#rightnav_news h3.small,#rightnav_news h3, #rightnav_news h2 { font-size:0.75em; color:#fff; background-color:#666; margin-bottom:0; margin-top:0; padding:5px 0 5px 5px;}
#rightnav_news img {float:left; margin-right:5px; margin-bottom:5px; border:none; }
#rightnav_news ul li.no-bullet{list-style-type:none; list-style-image:none; padding:0; margin-left:-20px; margin-top:10px; margin-right:-10px; border:none;}
#rightnav_news ul li.no-bullet a { padding:0; }

p.disclaimer { font-size: 0.7em; color: #999999; clear: both;}