﻿/* iframe fix for school directory - adjust as needed to stop scrolling */
iframe {
min-height:300px;
}

/*=============================================================================================*/
/*=====================================| TOOLBAR  |============================================*/
/*=============================================================================================*/
/* Rule to remove the page status bar from displaying 'this page has been customised' */

#pageStatusBar {
	display:none !important;
}


/* Toolbar - contains School Website Portal links, Sign in, and Site Actions menu */

#toolbar {
				height: 26px;
				background-color: #3C536C;
				width: 100%;
				position: relative;
				border-bottom: 1px #BCDAE7 solid;
}


/*Top bar link styles*/

.ms-globallinks a {
				color:#FFFFFF;
				font-family:tahoma;
				text-decoration:none;
}

.ms-globallinks {
				color:#FFFFFF;
				font-family:tahoma;
				text-decoration:none;
}

.ms-SPLink a:visited {
				color:#FFFFFF;
				text-decoration:none;
}


.ms-SPLink a:link {
				color:#FFFFFF;
				text-decoration:none;
}


/*Hover effect*/
.ms-globallinks a:hover {
				color: #BCDAE7;
				font-family: tahoma;
}






.ms-globallinks a:hover {
				color: #BCDAE7;
				font-family: tahoma;
}






/*=============================================================================================*/
/*========================================| BACKGROUND  |======================================*/
/*=============================================================================================*/

/*Remove these Divs from the master page if you don't want a background*/

/*Page background*/

#background {
				background-color: #6ca673;
				background-repeat: repeat-x;
				background-position: top;
				padding-top: 30px;
				background-image:url('page_bg.gif');
				background-repeat:repeat-x;
}


/* Page frame */

#container {
				width:90%; /*can be changed but shouldn't be too low, eg. below 80%*/
				border:1px solid white;
				background-color:#FFFFFF;
				margin:auto;
				position:relative;

}


/* hide Quick Launch on horizontal menu sites */
.s4-ql {
	
	display:none;
}



/*=============================================================================================*/
/*========================================| HEADER  |==========================================*/
/*=============================================================================================*/


/*coloured bar above the header strip */
#top_row {
				height: 14px;
				background-repeat: repeat-x;
				background-color: #fee76a;
				margin-bottom:6px;
}


/*coloured bar below the header strip */
#bottom_row {
				height: 28px;
				width: 100%;
				display: block;
				clear: both;
				border-bottom: 1px solid white;
				background-repeat: repeat-x;
				background-color: #97B3CA;
}



#header-container {
				clear:both;
				display: block;
				width: 100%;
				height:114px; /*This height may need to be increased to display correctly in Firefox*/
}	










/* shadows which appear 'behind' the upper left and right corners. 
the images should be placed in the divs in the master page.
  */

#shadow_left {
				position: relative;
				float: left;
				left: -15px;
				top: -20px;
				z-index: 1;
				clear: none;
				display: inline;
				overflow: visible;
}


#shadow_right {
				position: relative;
				float: right;
				right: -15px;
				top: -20px;
				z-index: 1;
				clear: none;
				display: inline;
				overflow: visible;
}

 

/* Site name styles */
.sitename {
				font-family: Verdana, sans-serif;
				text-decoration: none;
				color: #7DACD2;
				font-size: 28px;
				text-transform: capitalize;
}

.sitename A:link {
				font-family: Verdana, sans-serif;
				text-decoration: none;
				color: #7DACD2;
				font-size: 28px;
				text-transform: capitalize;
}

.sitename A:hover {
				font-family: Verdana, sans-serif;
				text-decoration: none;
				color: #7DACD2;
				font-size: 28px;
				text-transform: capitalize;
}

.sitename A:active {
				font-family: Verdana, sans-serif;
				text-decoration: none;
				color: #7DACD2;
				font-size: 28px;
				text-transform: capitalize;
}

.sitename A:visited {
				font-family: Verdana, sans-serif;
				text-decoration: none;
				color: #7DACD2;
				font-size: 28px;
				text-transform: capitalize;
}
/* End site name styles*/


div#ctl00_MSO_ContentDiv {
	clear:both;
	margin-top:5px;
}

.tasgovLink {
	display:table;
	clear:both;
	height: 24px;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.tasgovau {
	float: left;
	width: 155px;
	text-align: center;
	margin: 2px 0px;	
}
.tasgovau a {
	padding: 3px 0 0; 
	display: block;
}

.contact {
	float: right;
	margin: 2px 0px;
}

ul.disclaimer {
	list-style-type:none;
	float: right;
	margin: 0;
	display:block;
}
ul.disclaimer li {
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 0 0;
}

.disclaimer li a:active, 
.disclaimer li a:hover {
	color: #3B4F65 !important;
	text-decoration:none;
}

.disclaimer li a:link,
.disclaimer li a:visited {
	color: #0072BC;
	text-decoration:none;
} 




/*=============================================================================================*/
/*========================================| FOOTER  |==========================================*/
/*=============================================================================================*/

.searchtext {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #7DACD2;
				margin-top:2px;
}

#footer {
				width: 100%;
				background-color: #51805d;
				height: 210px;
				padding-top: 10px;
				border-top: 1px #000033 solid;
}

/*optional div to create a text box within the footer*/
#footertext {
				font-size: xx-small;
				color: #FFFFFF;
				background-color: #659e74;
				border: 1px #d5eddb solid;
				padding: 8px 56px;
				width: 525px;
				margin: auto;
}

#footertext a:link {
				color:#ffffff;
			
}

#footertext a:visited {
				color:#ffffff;
			
}

#footertext a:hover {
				color: #BCDAE7;
				text-decoration: none;
}


#footertext a:active {
				color:#ffffff;	
}

/* tas gov logo */

#footertext img {
	display:block;
	background: #fff;
	width: 60px;
	height: 51px;
	border: 3px solid #fff;
}





/*=============================================================================================*/
/*===========================================| MENU |==========================================*/
/*=============================================================================================*/

.s4-ca {
	margin-left: 200px;
}


/*menu div*/

.menu-horizontal {
				background-image:url('menu_bg.gif');
				background-repeat:repeat-x;
				background-color:#315975;
				width:100%; 
				height: 58px;
}




/*menu table cell (the cell which countains the entire menu)*/
#menu_cell {
				width: 175px;
				background-color:#FFFFFF;
}

.s4-tn li.dynamic > .menu-item {
	background-color: #6ca673;
}

/*cell appearing beneath the menu 
can contain a picture which will keep aligned to the bottom of the column*/

#menu_cell_bottom {
				border-bottom:1px solid white; 
				width: 175px;
				background-color:#FFFFFF;
				padding-bottom:12px;
}


/*Some weird thing that styles the cells between menu items.
change the background colour to fit the design if you want something other than transparancy between the menu items*/
.ms-navsubmenu1 {
	
				border-collapse: collapse;
				empty-cells: hide;
				background-color:transparent;



}


/*menu background*/
#image_box {
				height: 58px;
				background-color: #e0e5eb;
				border-bottom: 1px solid white;
				text-align:right;


}

.menu-vertical {
	
	visibility:hidden;
}

/* Menu links */

.ms-navheader,
.menu-horizontal ul.root {
				width: 80%;
				height: 58px;
				font-size: 12px;
				font-weight: bold;
				background-color: #ab5252;
				background-image:url('menu.gif');
				background-repeat:repeat-x;
				font-family: Arial, Helvetica, sans-serif;
				margin: 0;
				text-align: center;
				float:right;
				color: #fff;

}


.menu-horizontal li.static a:link,
.ms-navheader A:link {	
				height: 42px;
				text-decoration: none;
				display: block;
				color: #FFFFFF;
				/* margin-left:-2px; */
				padding-top:10px;
				padding-left:5px;
				padding-right:5px;

				}

/* hover effects - use background and text colours */
.menu-horizontal li.static a:hover,
.ms-navheader A:hover {
				height: 42px;
				display: block;
				background-color: #c65454;
				text-decoration: none;
				background-image:url('menu_hover.gif');
				background-repeat:repeat-x;
				color: #FFFFFF;

}
.menu-horizontal li.static a:active,
.ms-navheader A:active {
				text-decoration: none;
				color: #FFFFFF;
				display: block;
				/* margin-left:-2px; */
				padding-top:10px;
				padding-left:5px;
				padding-right:5px;
				height: 42px;
}

.menu-horizontal li.static a:visited,
.ms-navheader A:visited {
				display: block;
				text-decoration: none;
				color: #FFFFFF;
				height: 42px;
				/* margin-left:-2px; */

				padding-top:10px;
				padding-left:5px;
				padding-right:5px;
}



li.static {
	border-left: 1px solid #fff;
}





.ms-navheader2 A:link {	

				text-decoration: none;
				display: block;
				color: #FFFFFF;
				margin-left:-2px;
				padding-top:10px;
				padding-left:5px;
				padding-right:5px;

				}

.ms-navheader2 A:hover
{
				display: block;
				background-color: #c65454;
				padding-top:10px;
				padding-left:5px;
				padding-right:5px;

				margin-left:-2px;
}

.dynamic .menu-item,
.menu-horizontal li.static .selected a:link {
	/* background: none; */
	background-color: #6ca673;
}



/*menu sub-links */

span.ms-navitem 
{
				background-position:left top;
				background-repeat:no-repeat;
				font-family:tahoma;
				padding:3px 6px 4px 18px;

}

table.ms-navitem td 
{
				background-position:left top;
				background-repeat:no-repeat;
				font-family:tahoma;
				padding:3px 6px 4px 18px;
}

.ms-navitem {
	font-size: 12px;
	color: #FFFFFF;
	
}

.ms-navitem a:link {
	font-size: 12px;
	color: #FFFFFF;
}

.ms-navitem a:visited {
	font-size: 12px;
	color: #FFFFFF;
}

.ms-navitem a:hover {
	font-size: 12px;
	color: #EFAF69;
}
.ms-navitem a:active {
	font-size: 12px;
	color: #FFFFFF;
}

#ms-navSubMenu1 {
	font-size: 11px;
	color: #FFFFFF;
}

ms-navSubMenu2 {
	font-size:11px;
	color: #FFFFFF;
}

ms-selectednavheader {
	font-size:11px;
	color: #FFFFFF;
}

ms-selectednav {
	font-size:11px;
	color: #FFFFFF;
}





/*=============================================================================================*/
/*====================================| SHAREPOINT STYLES |====================================*/
/*=============================================================================================*/


#links /*styling for the table cell containing the links on the homepage*/
{				
position:relative;
top:-10px;
right:-1px;
width: 35%;
padding-top:20px;
padding-right:-20px;
background-image:url('links_bg.gif');
background-position: top left; 
background-repeat:no-repeat;

}


/* Web Part title text */

.ms-WPTitle
{
	color: #5A86C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	padding: 2px 7px 6px 0;


}

.ms-WPTitle a:visited
{
	color: #5A86C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	padding: 2px 7px 6px 0;

}

.ms-WPTitle a:link
{
	color: #5A86C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	padding: 2px 7px 6px 0;
		

}

.ms-WPTitle a:hover
{
	color: #5A86C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	padding: 2px 7px 6px 0;

}


/* end Web Part title text */


/* Heading text styles (affects content) */

.ms-TPBody h2
{
	border-bottom: 1px #FFFFFF solid;
	font-size: 150%;
	font-weight: bold;
	color: #5A86C1;
	
;
}

.ms-WPBody h2
{
	border-bottom: 1px #FFFFFF solid;
	font-size: 150%;
	font-weight: bold;
	color: #5A86C1;

}

.ms-TPBody h3
{
	font-size: 110%;
	font-weight: bold;
	color: #5A86C1;
	font-style: italic;
}


.ms-WPBody h3
{
	font-size: 110%;
	font-weight: bold;
	color: #5A86C1;
	font-style: italic;
}



/* end Heading text styles*/


.ms-pagebreadcrumb a {
background-color:#FFFFFF;
color:#666666;
font-size:8pt;
text-decoration:none;
}

.ms-pagebreadcrumb {
background-color:#FFFFFF;
color:#666666;
font-size:8pt;
text-decoration:none;
}



/*advanced search link text*/

.ms-sblink a:visited {
				color: #6D9DBF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				padding-left: 4px;
				text-decoration: none;
}

.ms-sblink a:link {
				color: #6D9DBF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				padding-left: 4px;
				text-decoration: none;
}

.ms-sblink a:hover {
				color: #BCDAE7;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				padding-left: 4px;
}

.ms-WPHeader td {
border-bottom:0px dotted #4E7CB7;
border-collapse:collapse;
}



/*quicklaunch menu */

.ms-quicklaunch table.ms-navsubmenu2 td{
border:none;

}
.ms-navsubmenu2{
	width: 100%;
	margin-bottom: 6px;
	
	
} 

.ms-navsubmenu1{
	width: 100%;
	border-collapse: collapse;

} 

.searchbox {
	float: right;
	margin: 10px 15px 10px 10px;
}
.s4-help {
	display:none;
}
.ms-wikicontent {
	padding-top:20px;
}
.breadcrumb {
	font-size: xx-small;
	float:left;
}
.welcome {
	float: left;
	display:block;
	font-size: xx-small;
}

.globalbreadcrumb {
	font-size: xx-small;
	float:left;
	display:block;
	height: 20px;
}

.actions {
	font-size: x-small;
}


.hidden {
	display: none;
}

.tools {
	float: right;
	display: block;
}



.leftPhotos {
	float: left;
	width: 195px;
	display:block;
}

.leftPhotos img {
	width: 150px;
	height: 100px;
	margin:20px;
}
