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

	#d5d7e3 – Container Borders
	#eaeaea - #leftnav li
	#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 
*/

@import url(/styles/global.css); /* Global Nav, Footer and Search styles */
html,body { height: 100%; margin:0 0 1px 0; padding:0; }
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; } 

/* HEADER STYLES */
/* Header */

/* Head Styles */
#header { height: 64px; padding: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background-color:#7B93AF; }
#header img {border:none;}
#logo {float:right; margin: 0px 8px 0px 0px; width:230px; height:63px;}
#header h1{ margin:0; float:left; font-size:1.3em; color:#fff; padding: 1em 0 0 1em; background-color:#7B93AF; }
.hide {display:none;}

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

/* Skip Nav */
#skip a, #skip a:hover, #skip a:visited, #skip a:active { position:absolute; left:0; top:-5em; overflow:hidden; }

/* Branding Header */

#graphic {border-bottom: 1px solid #d5d7e3; background-color: #666; background-image: url(backgrounds/title.jpg); height: 133px; width:777px; padding: 0; margin: 0; float: left;}

#subhead { width: 777px;  height: 1.5em; border-bottom: 1px solid #fff; background: url(/images/global-img/generic/backgrounds/bar.jpg) repeat-x; float:left;}

/* =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: 20px; padding: 4px 0 4px 9px; }
#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-a5 #sub-a5-tab, #sub-a6 #sub-64-tab, #sub-a7 #sub-a7-tab, #sub-a8 #sub-a8-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 15px;
	min-height:400px;
	margin-right:-3px;
	height: auto;
	overflow: auto;
	visibility: visible;
}
#content.index { width: 375px; clear:none; }

/* 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;
	font-family: Arial, Helvetica, sans-serif;
	}




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

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

/* Image Styles */
#content img { border: #ccc 1px solid ; padding: 1px; }
.floatleft { float:left; margin: 0 15px 15px 0; }
.floatright { 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:bold; }
#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:bold;}
p { font-size: 0.8em; }
p.outline { border: 1px solid #ccc; padding: 0.3em;  }
p.groups {margin-bottom: 30px; min-height:80px; }
.clear { clear: both; }
.indent { padding-left: 2em; padding-right: 2em; }
p.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; float:left; clear:both; width:98%;}

/* 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;
	
}
/* split to two columns 
body{font-family:arial;}
.firstcol{float:left;padding-left:100px;}
.secondcol{float:left;color:blue;position:relative;top:-20;px;padding-left:100px;}
.secondcol h3 {font-size:18px;font-weight:normal;color:grey}
span{}*/

#table  { width:100%; padding:0.2em; font-size: .8em;}



/* Table Styles */
table { width:100%; padding:0.2em; font-size: .9em;}
th {
	background-color: #d3d3d3;
	color: #333;
	border:1px solid #c8c8c8;
	text-align: left;
	font-weight:bold;
	vertical-align: top;
	
	font-family:Arial, Helvetica, sans-serif;
}
td { border: 0px solid #d3d3d3; text-align: left;  vertical-align: top; }
td ul { padding: 0 0 0 20px; margin: 0; font-size: .9em; }
td li { list-style-image: url(/images/global-img/generic/list/arrow.gif); font-size: 1.0em; }
td ol { list-style-image: url(/images/global-img/generic/list/arrow.gif); font-size: .9em; }
td.none { border:1px solid #fff; font-size: .9em; }
caption { color:#666; font-weight:bold; padding-bottom:10px; text-align:left; font-size:1.2em; }

/* Form Styles */
fieldset { border: 2px solid #ddd; margin-bottom:15px; padding:10px }
legend {font-size: 0.8em; font-weight:bold; color:#000; }
form ul {list-style:none; margin:0; padding: 0; }
form p {margin-bottom:15px; }
#content form li {margin: 10px 0 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, textarea { width: 50%; }
#content .auto { width: auto; }
.required { color: #B60203; background-color: #fff; font-weight: bold; }

/* Search Area */ 

#search {font-size:0.9em; height:28px; width:170px; background-color:#fff; color:#000; margin-top:20px; padding: 15px 0 10px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#search input.enter { font-size:0.9em; width:70%; margin-top:0.2em; }
.searchimg { position:absolute; margin-left:8px; width:26px; height:26px;}

/* Quick Links Box - link styles in Content area */
#rightbox {float: right; width: 180px;  margin: 15px 0 15px 0; background-color: #fff; font-size:0.9em; }
#rightbox strong { display: block; background-color: #666; color: #fff; padding: 4px 0 4px 10px; font-size:0.8em; }
#rightbox ul {margin: 1em 0 0 0; padding:0 10px 10px 20px; }
.h2colour-red {
	color: #B60203;
}

table     { display: table }
tr        { display: table-row }
thead     { display: table-header-group }
tbody     { display: table-row-group }
tfoot     { display: table-footer-group }
col       { display: table-column }
colgroup  { display: table-column-group }
td, th    { display: table-cell }
caption   { display: table-caption }

#table {display: table;}
.row {display: table-row;}
.cell {display: table-cell;