/*	
	Flinders Univeristy
	by Christopher Carapetis
	
	Based on the 1KB grid framework
	http://www.1kbgrid.com/
	by Tyler Tate
	http://www.1kbgrid.com/
	http://www.tylertate.com/
	http://www.gnu.org/licenses/gpl.html
	
	CSS reset based on the Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/
	

/*	Resets
	------	*/

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
	p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
	img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
	caption, article, aside, canvas, details, figure, figcaption, hgroup, 
	menu, footer, header, nav, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	article, aside, canvas, figure, figure img, figcaption, hgroup,
	footer, header, nav, section, audio, video {
		display: block;
	}
	
	a img {border: 0;}

/*	End Resets
	------	*/

/*	Typography presets
	------------------	*/

	h1 {
		font-size: 20px;
		line-height: 24px;
	}
	 
	h2 {
		font-size: 18px;
		line-height: 22px;
	}
	
	h3 {
		font-size: 16px;
		line-height: 20px;
		
	}
	
	h4, h5, h6 {
		font-size: 14px;
		line-height: 18px;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin:0px 0px 10px 0px;
	}
	
	body {
		font: 13px/1.3 Helvetica, Arial, sans-serif, serif;
	}
	
	ul, ol {
		padding-bottom:10px;
	}


/* ================ */
/* = The Grid = */     /* 15 columns, 60 pixels each, with 10 pixel gutter, 10px outer margin */
/* ================ */

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15 { 
		width:100%; 
	}
	
	
	.column {
		float: none;
		display:inline;
	}
	.row {
		width: 100%;
		display:inline;
	}
	.row .row {
		display:inline;
	}
	
	
/* ================ End of Grid = */     /* 15 columns, 60 pixels each, with 10 pixel gutter, 10px outer margin */



/* General Styles */
	
	body {
		background:none;
		background-color:#FFF;
	}
	
	#page_wrapper {
		width:100%;
	}
	
	#page_content {
		display:inline;
	}
	
	.home_navigation li, .nav_item  {
		list-style:none;
		background:url(images/bullet_black.png) top left no-repeat;
		padding: 0px 0px 0px 20px;
	}

	li {
		line-height:1.5;
	}
	
	
	#news{
		padding: 0px;
	}
	
	#news ul{
		margin: 10px 20px;
	}
	
	#news img{
		float:left;
		margin: 0px 10px 0px 0px;
	}
	
	#news img.rss, img.rss {
		float:none;
		margin: 0px 0px 0px 5px;
	}
	
	#events li{
		list-style:none;
		background:url(images/calendar_icon.png) top left no-repeat;
		margin:0px 0px 0px 10px;
		padding: 0px 0px 10px 25px;
	}
	
	article, aside {
	 margin:0px 0px 10px 0px;	
	}
	
	article P, aside p {
		margin:0px 0px 10px 0px;	
	}
	
	article h1, aside h1 {
		margin:0px 0px 15px 0px;
	}
	
	article h2, article h3, article h4, article h5, article h6 {
		margin:0px 0px 15px 0px;
	}
	
	aside h2, aside h3, aside h4, aside h5, aside h6 {
		margin:0px 0px 15px 0px;
	}
	
	article ul, aside ul, article ol, aside ol{
		margin:0px 10px 10px 40px;	
	}
	
	
	#course_search, .info_graphic {
		visibility:hidden;
		display:none;
	}
	
	blockquote {
		padding-left:20px;
		padding-right:20px;
	}
	
	table {
			margin:10px 0px 10px 0px;
			border-color:#000;
		}

	
/****** main_header styles *******/ 

	
	.main_header{
		background:none;	}
	
	.main_header h1 {
		position: absolute;
		left: -2000em;
	}
	
	#main_banner {
		width:100%;
		text-align:left;
	}
	
	#main_banner img {
		text-align:left;
	}
	
	img.tagline {
		float:right;
	}
	
	P {
		margin: 0px 0px 10px 0px;
	}
	
	
	
/* Global Nav */ 
	#global_nav {
		visibility:hidden;
		display:none;
		margin:0px 0px 0px -10px; /* This is to align the links in the global nav to the text on the left hand side (is there a better way to do this? */ 
		padding:0px 0px 0px 0px;
	}
	#global_nav h2 {
		position: absolute;
		left: -2000em;
	}
	
	#global_nav ul {
		list-style:none;
		margin:0px;
		padding: 0px;
		overflow:visible;
	}
	
	#global_nav li {
		float: left;
		margin: 0px;
	}
	
	#global_nav a  {
		font-size: 13px;
		margin:0px 0px;
		padding: 5px 10px 5px 10px;
		text-decoration:none;
	}
	
	#global_nav li a:link, #global_nav li a:visited {
		color:#000;
	}
	
	#global_nav li a:hover  {
		background-color:#666;
		color:#FFF;
	}
	
	#global_nav_search {
		margin: 4px 0px 0px 20px;
		text-align:right;
	}
	
	
	#searchform div {
		margin: 0;
		line-height: 25px;
	}
	#searchform #q { 
		border:1px solid #4B4B4D;
		background: #fff;
		padding: 3px 2px 2px 0;
	}
	#searchform input { 
		vertical-align: top;
		margin: 0 !important;
		line-height: 1;
		outline:0 !important;
	}
	
	
	
/****** End main_header styles *******/



/****** Section navigation styles *******/
	
	nav a {
		text-decoration:none;
		list-style:none;
		display:block;
	}
	
	.section_nav {
		visibility:hidden;
display:none;
	}
	
	
	nav li li {
		margin:0px 0px 0px 20px;
		list-style:none;
	}
	
	.blogs .sub a, .blogs .sub a:hover { /*** Remove icon backgrounds (i.e. expand etc) from blogs side nave ***/
		background-image:none;
	}

	

/****** bread crumbs styles *******/

/****** Content Link styles *******/ 

	a {
		color:#a94807;
	}
	
	a:visited {
		color:#a94807;
	}

	a:hover {
		color:#002f60;
	}
	
	.info_graphic a {
		display:block;
		color:#fff;
	}
	
	.info_graphic a:visited {
		color:#fff;
	}

	.info_graphic a:hover {
		color:#002f60;
	}
	
	.more{
		text-align:right;
		margin-top:-15px;
	}
	
	img {
		margin:0px 0px 10px 0px;
	}
	
	ul img {
		margin:0;
	}

	
	
	 .border_top {
		 border-top:1px solid #a0a5a9;
		 padding: 10px 0px 0px 0px;
	 }
	
/****** End Content Link styles *******/ 

/****** home_content Link styles *******/

	.home_content a {
		text-decoration:none;
	}
	

/****** end home_content Link styles *******/

/****** bread crumbs styles *******/

	.breadcrumbs {
		background-color:#eee;
		padding:5px 10px 5px 10px;
		margin: 0px 0px 10px 0px;
		color:#002f60;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
	}
	
	.breadcrumbs a {
		text-decoration:none;
		color:#002f60;
	}
	
	.breadcrumbs a:visited {
		color:#002f60;
	}

	.breadcrumbs a:hover {
		color:#eb6e08;
	}

/****** End bread crumbs styles *******/	



/****** Footer styles *******/

	 footer {
		 background:none;
		 Padding: 10px 0px 10px 0px;
	 }
	 
	 footer nav, footer .social_media, footer img {
		 visibility:hidden;
display:none;
	 }

	 .inspiring_tag {
		 text-align:right;
		 margin:0px;
	 }
	 
	  .inspiring_tag P {
		 margin:0px 0px 0px;
	 }


/****** End Footer styles *******/ 

/*********** Easy Slider *************/

	#slider, #controls{
		visibility:hidden;
		display:none;
	}
	

/*********** Gradients  *************/

	.container_gradient, .blue_gradient, .navy_gradient, .charcoal_gradient, .red_gradient, .green_gradient, .gold_gradient, .quick_intro{
		margin:0px 0px 10px 0px;
		padding:10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
	}
	
	.container_gradient {
		background:url(images/grey_gradient.jpg) #eee repeat-x bottom center;
	}
	
	.blue_gradient {
		background:url(images/light_blue_gradient.jpg) #62a4d3 repeat-x bottom center;
	}
	
	.navy_gradient {
		background:url(images/navy_gradient.jpg) #62a4d3 repeat-x bottom center;
	}
	
	.charcoal_gradient {
		background:url(images/dark_grey_gradient.jpg) #a0a5a9 repeat-x bottom center;
		color:#fff;
	}
	
	.charcoal_gradient a:hover{
		color:#ffd300;
	}
	
	.red_gradient {
		background:url(images/red_gradient.jpg) #f8caa8 repeat-x bottom center;
	}
	
	.red_gradient a:hover{
		color:#000;
	}
	
	.green_gradient {
		background:url(images/green_gradient.jpg) #d4e0d8 repeat-x bottom center;
		color:#ffd300;
	}
	
	.green_gradient a:hover{
		color:#ffd300;
	}
	
	.gold_gradient {
		background:url(images/gold_gradient.jpg) #fce66d repeat-x bottom center;
		color:#000;
	}
	
	.gold_gradient a, .gold_gradient a:visited {
		color:#000;
	}
	
	.gold_gradient a:hover{
		color:#e96f24;
	}
	
	.quick_intro {
		background:#eee repeat-x bottom;
	}
	
	

.tablenoborders, .table_no_borders {border:none;}
.tableborder1pxgrey, .table_border_1px_grey {border:solid 1px #4b4b4d;}
.tableallborders1pxgrey, .tableallborders1pxgrey td, .table_all_borders_1px_grey, .table_all_borders_1px_grey td, .table_all_borders_1px_grey th {border:solid 1px #4b4b4d;}
.tableminimalborders, .table_minimal_borders, .table_minimal_borders td, .table_minimal_borders th  {border: solid 1px #cccccc;}
.table_heading, .table_heading th {font-weight:bold;text-align:left;}
.table_heading h1, .table_heading h2, .table_heading h3, .table_heading h4, .table_heading h5, .table_heading h6{margin:0px 0px 0px 0px;}

.table_bg_blue {background-color:#E1F3FF;}
.table_bg_light_blue {background-color:#F2FAFF;}
.table_bg_grey {background-color:#BABCBD;}
.table_bg_light_grey {background-color:#eeeeee;}
.table_bg_yellow {background-color:#FFD300;}
.table_bg_light_yellow {background-color:#FFF9CB;}
.table_bg_green {background-color:#c9dad1;}
.table_bg_light_green {background-color:#e9f9f1;}
.table_bg_red {background-color:#ffb172;}
.table_bg_light_red {background-color:#ffe3cc;}

	
/*********** End Gradients  *************/


/*********** Horizontal Margin used to add 10px margin for horizontal padding  *************/

	.horizontal_margin {
		margin: 0px 0px 10px 0px !important;
	}
	
/*********** End Gradients  *************/


/*********** Blogs Print styles *************/

.post {
		display:inline;
	}
	
.post img{
		page-break-before: auto !important; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ 
		page-break-after: auto !important; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ 
		page-break-inside: avoid !important; /* or 'auto' */ 
		display:block !important;
		margin:10px 10px 40px 10px !important;
}

.alignright, .alignleft, p{
	clear:both;
	display:block;
}


/*********** End Blogs Print styles *************/


.noprint {
	display:none;
}




/*   @namespace "http://www.w3.org/1999/xhtml";     This is not working (CS 9/13) 
@-moz-document {#pageWrapper {display:block !important}}  */