/* HTML tags */

body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif,Verdana;
	font-size: .9em;	
	margin:0;
}
h1 {
	color:#00376C;
	background-color:#fff;
	font-size: 1.4em;
} 
h2 {
	font-size:1.2em;
	}
h3 {
	font-size:1em;
	}
h4 {
	font-size:.9em;
	}
a {
   outline: none;
}	
/* End of HTML tags 
--------------------------------------------------------------- 
   Container for the page */
#container {
	line-height: 160%;
/*	min-width:776px;*/
	width:100%;

} 
/* End of Container 
--------------------------------------------------------------- 
   Header section */
#header {
	height:83px;
	background:url(/vcaa/images/top-bg1.jpg) no-repeat 300px center;
}
#vcaalogo {
	float:left;
	width:235px;
	height:20px;
	margin:0;
}
#searchbox {
	float:right;
	width:310px;
	height:25px;
	margin-top:28px;
} 
#searchbox fieldset {margin:0; padding:0;}
#searchbox label {
	float:left;
	width:60px;
	padding-right:3px;
	text-align:right;
	padding-top:5px;
}
#searchbox fieldset {
	border-width: 0;
}
#searchbox legend {
 	display:none;
}
#searchbox input.go-button {
	padding-top:1px;
	margin-right:25px;
	float:right;
	border:0;
}
#searchbox input {
	border:1px solid #999;
}

/* End of Header section 
--------------------------------------------------------------- 
   Top navigation section  */		
#topnav ul {
	background-color:#00376C;
	color:#fff;
	font-size:.8em;
	font-weight:600;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	min-width:850px;
}
#topnav ul li {
	display:inline; 
}
#topnav ul li a:link, #topnav ul li a:visited {
	text-decoration:none;
	color:#fff;
	border-right:1px solid #3a658d;
	padding:0.7em 1em;
	float:left;
}
#topnav ul li a.topnavactive:visited {
	background-color:#F5F6D6;
	color:#00376C;
}
#topnav ul li a:hover {
	text-decoration:none;
	background-color:#F5F6D6;
	color:#00376C;
} 

/* End of Top navigation section 
--------------------------------------------------------------- 
   Main container for secondary navigation, content */
#maincontainer {
	width:100%;
	float:left;
}

/* End of Main container 
--------------------------------------------------------------- 
   Subheader navigation section Bulletins & Memos, etc */	
#subheader-container {
	background: url(/vcaa/images/subheader_bg.gif) repeat-x;
	height:27px;
	width:100%;
	float:left;
	min-width:800px
}
#subheader ul {
	margin:0;
	padding:0;
	float:right;
}
#subheader ul li {
	display:inline;
	float:left;
	height:27px;
	font-size:.8em;
	background:url(/vcaa/images/secondnav_bg.gif) repeat-x;
	line-height:180%;
}
#subheader ul li a:link, #subheader ul li a:visited {
	text-decoration:none;
	color: #fefefe;
	padding:0.1em 1em;
}
#subheader ul li a.subheaderactive:visited {  
	color:#F5F6D6;
}
#subheader ul li#rightcurve {
	width:25px;
	height:27px;
	background:url(/vcaa/images/secondnav_curve.gif) no-repeat center;
}
#leftnavcurve {
	background:url(/vcaa/images/secondnav_lcurve.gif) no-repeat right top;
	float:left;
	width: 200px;
	height:27px;
}
#subheader ul li span {
	color: #fefefe;
}
#subheader ul li a:hover {
	text-decoration:none;
	color:#F5F6D6;
} 
/*  End of Subheader section
--------------------------------------------------------------- 
    Left navigation section */
#leftnav {
	width:200px;
	background:url(/vcaa/images/leftnav-shadow.gif) repeat-y right ;
	float:left;
	line-height:1.3em;
}
#leftnav ul {margin:0; padding:0}
#leftnav li.leftnav-title {
	background:#1d607b url(/vcaa/images/leftnav-shadow.gif) repeat-y right;
	list-style-type: none;
	padding-left:12px;
	line-height:2em;
	color:#fff;
	font-size:.8em;
	font-weight:600;
	margin-left:-2px;
}
#leftnav li.leftnav-item {
	list-style-type: none;
	border-bottom: 1px solid #61a0b9;
	margin-right: 22px;
}
#leftnav li.leftnav-item a span {
	font-weight:normal;
	padding-left:.8em;
}
#leftnav li.leftnav-item a {
	background-color:#4988a1;
	color: #fff;
	text-decoration:none;
	font-size:.8em;
	display:block;
	padding-left:10px;
	padding-top:.5em;
	padding-bottom:.5em;
}
#leftnav li.leftnav-item a:hover {
	text-decoration:none;
	background-color:#F5F6D6;
	color:#00376C;
} 
#leftnavfoot {
	width:182px;
	height:24px;
	background:url(/vcaa/images/leftnav-bottom-curve.jpg) no-repeat top right;
	border:0;
}
#leftnav li.leftnav-item a.active {
	background-color:#F5F6D6;
	color:#00376C;
}
/* A spacing gap between left navigation and more info section */
#leftnavgap {
	background:#fff;
	line-height:0.3em;
}
/* End  of Left navigation section 
--------------------------------------------------------------- 
   Breadcrumb section */
.breadcrumb-text {
	margin:0;
	font-size:.7em;
}
.breadcrumb-text p a:link {
	text-decoration: none; 
	color: #336699;
}
.breadcrumb-text p a:visited, .breadcrumb-text p a:active {
	text-decoration: none; 
	color: #336699;
}
.breadcrumb-text p a:hover {
	text-decoration: underline;  
	color: #339999;
}
/* End of Breadcrumb section 
--------------------------------------------------------------- 
   Image banners for each section */
#banner-txt {
	margin:0;
}
#banner-txt h1 {
	font-weight:900;
	text-align:center;
	letter-spacing:.1em;
	color:#00376C;
	padding-bottom:5px;
	margin:0;
}
#img-banner {
	height:30px;
	background: url(../images/home-banner.jpg) no-repeat center top;
}
#img-banner-earlyyears, #img-banner-p10, #img-banner-vce, #img-banner-vet, #img-banner-vcal, #img-banner-abtus, #img-banner-awards, #img-banner-schooladmin {
	height:30px;
	padding-bottom: 10px;
}
#img-banner-earlyyears {
	background: url(/vcaa/images/earlyyears-banner.jpg) no-repeat center top;
}

#img-banner-p10 {
	background: url(/vcaa/images/p10-banner.jpg) no-repeat center top;
}
#img-banner-vce {
	background: url(/vcaa/images/vce-banner.jpg) no-repeat center top;
}
#img-banner-vet {
	background: url(/vcaa/images/vet-banner.jpg) no-repeat center top;
}
#img-banner-vcal {
	background: url(/vcaa/images/vcal-banner.jpg) no-repeat center top;
}
#img-banner-abtus {
	background: url(/vcaa/images/aboutus-banner.jpg) no-repeat center top;
}
#img-banner-awards {
	background: url(/vcaa/images/awards-banner.jpg) no-repeat center top;
}
#img-banner-schooladmin {
	background: url(/vcaa/images/schooladmin-banner.jpg) no-repeat center top;
} 
/*  End of Image banner sectin  
--------------------------------------------------------------- 
    Content-home for index page; content for all other pages */
#content-home {
	margin-right:200px;
	margin-left:200px;
	padding: 1em 1em 1em .5em;
}
#content {
	margin-left:200px;
	padding:1em 2em 1em .5em;
min-width:605px;
} 
/* End of Content section 
--------------------------------------------------------------- 
   More information section  */
#more-info {
	float:left;
	width:180px;
	background-color:#F5F6D6;
	line-height:140%;
}
#more-info ul li {
	margin-left:25px;
	padding-right:5px;
	font-size:.8em;
}
#more-info ul { 
	padding-top: 20px; 
	padding-bottom: 25px;
}
/* End of More infor section
--------------------------------------------------------------- 
   Latest news section */
#latestnews {
	float:right;
	width:200px;
	background-color:#F5F6D6;
	margin-top:13px;
	margin-right:1px;
	line-height:140%;
}
#latestnews ul li {
	list-style-type:none;
	margin-left:-25px;
	padding-bottom:3px;
	padding-right:5px;
	font-size:.8em;
}
div.roundedcornerhead {
	font-weight:600;
	color:#fff;
	background: #00376C url(/vcaa/images/info-curve-bg.jpg) no-repeat right top;
	height: 25px;
	padding: 0.2em 1em;
	line-height:180%;
}
/* End of Latest news section 
--------------------------------------------------------------- 
   Popular link section  */
#two-nav {
	padding:5px;
	float:left;
	width:98%;
	font-size:.9em;
}
#two-nav h3 {
	background:#05709a; 
	color:#FFFFFF;
	padding-left:1em;
}
.two-left-nav,  .two-right-nav {
	width:45%;
	float:left;
	padding-top:10px;
}
.two-left-nav ul li, .two-right-nav ul li{
	list-style: square;
	margin-left:-10px;
}
.two-left-nav {
	padding-left:10px;
}
.two-right-nav {
	padding-left:10px;
	margin-left:10px;
}

/* End of popular section 
--------------------------------------------------------------- 
   Footer section */		
#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	font-size:.8em;
	text-align:center;
	border-top:1px solid #ddd;
}
/* End of footer section 
--------------------------------------------------------------- 
   Styling for Search function */		
.VECResult
{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;  
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 85%;
	color: #000000;
	background-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
}
.VECResultList
{
	margin-left: 0;
	margin-right: 0;
	list-style-type: none;
}
.VECResultTitle
{
	font-weight:600;
}
.VECResultExtra
{
	color: #808080;
	background-color: #ffffff;
}
.VECButtons
{
	font-weight: normal;
	font-size: 85%;
	color: #000000;
	background-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	margin-top: 2em;
}
/* End of Search section  
--------------------------------------------------------------- 
   Plain English Invite */
.plaininvite {
	background-color: #56acd7;
	border: 4px double #6CF;
	float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #FFC;
	padding: 3px;
	font-weight: bolder;
	letter-spacing: .1em;
}
/* Plain English 30 years Celebration */
#pesaceleb .pesaquote {
	font-size: 0.8em;
	color: #666;
	padding: 10px;
	letter-spacing: .1em;
	font-weight:normal;
	border-top: 3px double #BF9960;
}
#pesaceleb .pesaquote span {
	font-size: 1.2em;
	color: #FF9900;
}
#pesaceleb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #993D00;
	letter-spacing: .1em;
	text-align:center;
	font-weight:600;
	background-color:#FFF5E6;
	padding: 0.8em;
	border: 1px dotted #FFB200;
	margin-top: 0.2em;
}
#pesaceleb #pesainvite a {
	font-size:1em;
}
#pesaheader {
	text-align:center;
}
p.note {
	margin-top:-10px;
	margin-left:50px;
}
blockquote.pesablock {
	margin-left:25px;
 	font-style: normal;
}
/* End of pesa section  
--------------------------------------------------------------- 
   Table styling */
.tableformat {
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
}
.tableformat td, .tableformat th {
	padding: 5px;
	background-color: #fff;	
	color: #000;
	border: 1px solid #fff;
	vertical-align:top;
}	
/* use in this table > Home > About Us > About the VCAA Board 
but can be used for others */
.tablestyle1 {
	font-size: .9em;
	border: 1px solid gray;
	border-collapse: collapse;
	width:80%;
}
* html .tablestyle1 {
	width:65%;
}
.tablestyle1 th {
	background-color: #003366;
	font-weight: bolder;
	color: #fff;
	padding: 5px;
	border-left:  1px solid #fff;
	border-right:  1px solid #fff;
	border-top:  1px solid gray;
	border-bottom:  1px solid gray;
}
.tablestyle1 th.rightborder {
	border-right:  1px solid gray;
}
.tablestyle1 th.leftborder {
	border-left:  1px solid gray;
}
.tablestyle1 td { 
	background-color: #fff;
	color: #333;
	border: 1px solid gray;
	padding: 5px;
}
.tablestyle1 span {
	font-weight: normal;
	font-style: italic;
}
/* Use for simple table */
.tablestyle2 {
	font-size: 0.9em;
	border: 1px solid gray;
	border-collapse: collapse;
	width: 80%;
}
* html .tablestyle2 {
	width: 65%;
}
.tablestyle2 th {
	background-color: #fff;
	font-weight: bolder;
	color: #000;
	background-color: #ffffff;
	padding: 5px;
	border:  1px solid gray;
	text-align: center;
}
.tablestyle2 td { 
	background-color: #fff;
	color: #000;
	border: 1px solid gray;
	padding: 5px;
}
/* Simple table with gray heading */
.tablestyle3 {
	border-collapse: collapse;
	width:80%;
	border: 1px solid gray;
	font-size: 12px;
}
* html .tablestyle3 {
	width: 65%;
}
.tablestyle3 th {
	color: #000;
	background: #ccc;
	border: 1px solid gray;
	padding: 3px;
}
.tablestyle3 td {
	color: #000;
	background-color: #fff;
	border: 1px solid gray;
	padding: 3px;
	vertical-align:top;
}
.tablestyle3 td.bggreyshade {
	background-color: #ccc;
}
.tablestyle4 {
	width:80%;
	font-size: 0.9em;
	border-collapse: collapse;
	background-color: #fff;
	color:#663300;
	border: 1px solid #999;
}
* html .tablestyle4 {
	width:65%;
}
.tablestyle4 th {
	border-bottom: 3px double #999;
	padding: 5px 0 5px 20px;
	text-align:left;
}
.tablestyle4 td {
	padding: 5px 0 5px 20px;
	border-bottom: 1px dashed #999;
}

.tablestyle5 {
	width:80%;
	font-size: 0.9em;
	border-collapse: collapse;
	background-color: #fff;
	border: none;
}
* html .tablestyle5 {
	width:75%;
}
.tablestyle5 th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	/*padding: 5px 0 5px 20px;*/
	text-align:left;
}
.tablestyle5 td {
	border-bottom: 1px solid #000;
}
/* Used in NAPLAN acknowledgements */
.tablestyle6 {
	border-collapse: collapse;
	width:95%;
	border: 1px solid gray;
}
.tablestyle6 th {
	color: #000;
	background: #ccc;
	border: 1px solid gray;
	padding: 3px;
}
.tablestyle6 td {
	color: #000;
	background-color: #fff;
	border: 1px solid gray;
	padding: 3px;
	vertical-align:top;
}
/* Used in Bulletin Online */
.tablestyle7 {
	border-collapse: collapse;
	width:95%;
	border: 1px solid gray;
}
.tablestyle7 th {
	color: #000;
	border: 1px solid gray;
	padding: 3px;
}
.tablestyle7 td {
	color: #000;
	background-color: #fff;
	border: 1px solid gray;
	padding: 3px 3px 3px 5px;
	vertical-align:top;
}
/* Table used in exam timetable */
.examtimetable {
	border-collapse:collapse;
	width:70%;
}
* html .examtimetable {
	width:60%;
}
.examtimetable td, .examtimetable th {
	vertical-align:top;
	text-align:left;
	border:1px solid #000;
	padding:5px;
	font-family: arial, sans-serif;
	font-size: 90%;	
}
.examtimetable th {
	color:#fff;
	background-color:#000;
	width:25%;
}
.examtimetable th.bttmborder {
	border-bottom: 1px solid #fff;
}
.examtimetable ul li {
	margin-left:-18px;
}
.examtimetable ul {
	margin-top:-15px;
}
.examtimetable td.holiday {
	background-color:#FFFFCC;
}
/* Table used in replace results layout table */
* html .orderform {
	width: 60%;
}
/* National Assessment - secured ASP pages Section  */
* html table.natassess {width:60%;}
table.natassess {
	width:80%;
	border:1px solid #999;
	border-collapse: collapse;
}
table.natassess th, table.natassess td {
	border:1px solid #999;
	text-align:center;
	padding:5px;
}
table.natassess td {
	font-size:smaller;
}
table.natassess tr.header {
	background-color:#4988A1;
	color:#fff;
}
/* End of Table styling section 
--------------------------------------------------------------- 
   Used in VET */
.vetbox {
	background-color:#BFFFE4;
	border:1px solid #666;
	padding:5px;
	width:80%;
}
.litebluebox {
	background-color:#e0f3f9;
	border:1px solid #666;
	padding:5px;
	width:80%;
}
/* End of VET section
--------------------------------------------------------------- 
  PRES styling  */
.presbox {
	background-color:#00B64F;
	border:1px inset #999;
	padding:1em;
	width:90%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.presbox h2 {
    font-size:1.3em;
}
.presbox blockquote {
	text-align:left;
	margin-left:25%;
	margin-right:25%;
}
.presbox ul li {list-style-type:square;}

/* End of PRES section
--------------------------------------------------------------- 
  Memo styling  */
/* Used for bullet line spacing */
.bulletspace li {
	margin-bottom: 5px;
}
/* Used for bullet line spacing in memo */
.memobullet {
	width:80%;		
	border:1px solid #80C9FF;
	background-color:#E6F4FF;
	padding: 5px;
}
.memobullet li {
	margin-bottom:5px;
	font-size: 0.9em;
	margin-left:-15px;
	list-style-type:square;
} 
/* End of Memo styling  
--------------------------------------------------------------- 
   Used in calendar */
.calendarstyle  {
	border:1px solid #712d7d;
	padding:.3em;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#e0d5e4;
	margin-bottom:1px;
	width:85%;
}
.calendarstyle ul li {
	list-style-type:square;
}
.calendarstyle div {
	background:url(/vcaa/images/date.gif) no-repeat 50% 50%;
	color:#fff;
	width:30px;
	height:20px;
	font-weight:600;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
} 
/* End of calendar styling  
--------------------------------------------------------------- 
   Used in SOE brochure section  */
.soe-banner {
	color:#333;
	text-align:center;
	font-size:2em;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.soe-text {
	text-align:center;
	color:#333;
	padding-top:.5em;
	font-size:1em;
	letter-spacing:.1em;
	line-height:120%;
}
.redtext {
	color:#B30033;
}
.bluetext {
	color:#006A8D;
}
.topscreen, .toparts, .topacts  {
	background-color:#D8D2B2;
	padding:10px;
}
.topclass, .topdesigns {
	background-color:#EDECDB;
	padding:10px;
}
.soenew {
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:900;
	padding:3px;
}
#soe-table {
	border-collapse:collapse;
	margin-left: auto;
    margin-right: auto;
}
#soe-table img {
	border:none;
}
#soe-table a {
	text-decoration:none;
	display:block;
	width:200px;
	height:200px;
	padding:0;
	margin:0;
}
#soe-table a.topscreen:link, a.topscreen:visited {	
	background:url(/excellenceawards/seasonofexcellence/images/top_screen.jpg) no-repeat;
}
#soe-table a.topscreen:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_screen_hover.jpg) no-repeat;
} 
#soe-table a.topclass:link, a.topclass:visited {	
	background:url(/excellenceawards/seasonofexcellence/images/top_class.jpg) no-repeat;
}
#soe-table a.topclass:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_class_hover.jpg) no-repeat;
} 
#soe-table a.topdesign:link, a.topdesign:visited {	
	background:url(/excellenceawards/seasonofexcellence/images/top_design.jpg) no-repeat;
}
#soe-table a.topdesign:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_design_hover.jpg) no-repeat;
} 
#soe-table a.toparts:link, a.toparts:visited {	
	background:url(/excellenceawards/seasonofexcellence/images/top_arts.jpg) no-repeat;
}
#soe-table a.toparts:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_arts_hover.jpg) no-repeat;
} 
#soe-table a.topacts:link, a.topacts:visited {	
	background:url(/excellenceawards/seasonofexcellence/images/top_acts.jpg) no-repeat;
}
#soe-table a.topacts:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_acts_hover.jpg) no-repeat;
} 
#soeblock {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	height:150px;
}
#soeblock div {
	width:150px;
	height:150px;
	float:left;
}
#soeblock div.linetwoleft {
	margin-left:100px;
}
#soeblock div.linetworight {
	margin-right:100px;
}
#soeblock a {
	display:block;
	width:150px;
	height:150px;
	text-decoration:none;
}
a.topscreen:link, a.topscreen:visited {
	background:url(/excellenceawards/seasonofexcellence/images/top_screen.jpg) no-repeat;
}
a.topclass:link, a.topclass:visited {
	background:url(/excellenceawards/seasonofexcellence/images/top_class.jpg) no-repeat;
}
a.topdesign:link, a.topdesign:visited {
	background:url(/excellenceawards/seasonofexcellence/images/top_design.jpg) no-repeat;
}
a.toparts:link, a.toparts:visited {
	background:url(/excellenceawards/seasonofexcellence/images/top_arts.jpg) no-repeat;
}
a.topacts:link, a.topacts:visited {
	background:url(/excellenceawards/seasonofexcellence/images/top_acts.jpg) no-repeat;
}
a.topscreen:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_screen_hover.jpg) no-repeat;
}
a.topclass:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_class_hover.jpg) no-repeat;
}
a.topdesign:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_design_hover.jpg) no-repeat;
}
a.toparts:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_arts_hover.jpg) no-repeat;
}
a.topacts:hover {
	background:url(/excellenceawards/seasonofexcellence/images/top_acts_hover.jpg) no-repeat;
}

/* End of SOE brochure section
--------------------------------------------------------------- 
   Slideshow for Top Designs */

#slideshow {
	margin:0 auto;
	width:640px;
	height:225px;
	background:transparent url(/excellenceawards/seasonofexcellence/images/media-film/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:560px;
	height:225px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:225px;
}

/** 

 * Slideshow controls style rules.

 */

.control {
	display:block;
	width:39px;
	height:225px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background:transparent url(/excellenceawards/seasonofexcellence/images/media-film/control_left.jpg) no-repeat 0 0;
}
#rightControl {
	top:0;
	right:0;
	background:transparent url(/excellenceawards/seasonofexcellence/images/media-film/control_right.jpg) no-repeat 0 0;
}
/** 

 * Style rules for Demo page

 */

#slideshow #slidesContainer a {
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
#slideshow #slidesContainer a:hover {
	text-decoration:underline;
}

#pageContainer {
	margin:0 auto;
	width:960px;
}
/*#pageContainer h1 {
	display:block;
	width:960px;
	height:114px;
	background:transparent no-repeat top left;
	text-indent: -10000px;
} */
#slideshow #slidesContainer .slide p {
	font-size:11px;
	color:#ccc;
	margin:15px;
	line-height:normal;
}
#slideshow #slidesContainer .slide h2 {
	font:italic 24px Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	letter-spacing:-1px;
	margin:15px;
}
#slideshow #slidesContainer .slide img {
	float:right;
	margin:0 15px;
}
/*
#footer {
	height:100px;
}
#footer p {
	margin:30px auto 0 auto;
	display:block;
	width:560px;
	height:40px;
} */


/* End of SOE brochure section
--------------------------------------------------------------- 
   LOTE index for other languages info */
#loteindex div {
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	width:123px;
	height:50px;
	text-align:center
}
#loteindex p {
	font-size:.8em;
	margin-top:-1px;
}
/*  End of LOTE index
--------------------------------------------------------------- 
    Naplan image styling */
.naplan-phone {
	height:120px;
	width:150px;
	color: #0000CC;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	font-size:12px;
	letter-spacing:.1em;
	text-align:center;
	margin:10px 5px 10px 35px;
}
.naplan-phone span {
	font-size:14px;
	text-align:left;
}
.naplan-phone div.rightalign {
	text-align:right;
}
/*  End of naplan image styling
--------------------------------------------------------------- 
    Early Years */
	
/* Vfldoutcomes Tab */
#tab{
   color: #fff;
   border-bottom: 1px solid #000;
   margin: 12px 0px 0px 0px;
   padding: 0px;
   z-index: 1;
}
#tab a.comm {
   color: #fff;
   background: #f15a22;
   border-bottom: 2px solid #f15a22; }
#tab a.comm:hover {
   color: #000;
   background: #fdd7bb;
   border-bottom: 2px solid #fdd7bb; }
#tab a.identity {
   color: #fff;
   background: #cf1f25;
   border-bottom: 2px solid #cf1f25; }
#tab a.identity:hover {
   color: #000;
   background: #efc2b1;
   border-bottom: 2px solid #efc2b1; }
#tab a.community {
   color: #fff;
   background: #0072BC;
   border-bottom: 2px solid #0072BC; }
#tab a.community:hover {
   color: #000;
   background: #bacdea;
   border-bottom: 2px solid #bacdea; }

#tab a.wellbeing {
   color: #fff;
   background: #038543;
   border-bottom: 2px solid #038543; }
#tab a.wellbeing:hover {
   color: #000;
   background: #e0eecb;
   border-bottom: 2px solid #e0eecb; }

#tab a.learning {
   color: #fff;
   background: #8559A0;
   border-bottom: 2px solid #8559A0; }
#tab a.learning:hover {
   color: #000;
   background: #d7cbe2;
   border-bottom: 2px solid #d7cbe2; }

#tab li {
   display: inline;
   overflow: hidden;
   list-style-type: none; }
#tab a, a.active_comm {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px 0px 5px;
   margin: 0px;
   text-decoration: none; }
#tab a.active_comm {
   background: #FDD7BB;
   border-bottom: 2px solid #FDD7BB; }

#tab a, a.active_identity {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px 0px 5px;
   margin: 0px;
   text-decoration: none; }
#tab a.active_identity {
   background: #efc2b1;
   border-bottom: 2px solid #efc2b1; }

#tab a, a.active_community {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px 0px 5px;
   margin: 0px;
   text-decoration: none; }
#tab a.active_community {
   background: #bacdea;
   border-bottom: 2px solid #bacdea; }

#tab a, a.active_wellbeing  {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px 0px 5px;
   margin: 0px;
   text-decoration: none; }
#tab  a.active_wellbeing {
   background: #e0eecb;
   border-bottom: 2px solid #e0eecb; }

#tab a, a.active_learning {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px 0px 5px;
   margin: 0px;
   text-decoration: none; }
#tab a.active_learning {
   background: #d7cbe2;
   border-bottom: 2px solid #d7cbe2; }
/* Start of Table Styling */                  
.comm-table {
    border-collapse: collapse;
    width:98%;                   
    border: 1px solid #FFF;
    font-size:0.8em;
}
.comm-table th {
	color: #FFF;
	background: #F15A22;
	border: 1px solid #FFF;
	padding: 3px;
}
.comm-table td {
	background: #FDD7BB;
	border: 1px solid #FFF;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}
.comm-table td li {
	margin-left: -10px;
}
.comm-table td.secondheader {
	background: #FEEDE0;
}
.identity-table {
	border-collapse: collapse;
	width:98%;
	border: 1px solid #FFF;
	font-size:0.8em;
}
.identity-table th {
	color: #FFF;
	background: #CF1F25;
	border: 1px solid #FFF;
	padding: 3px;
}
.identity-table td {
	background: #EFC2B1;
	border: 1px solid #FFF;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}
.identity-table td li {
	margin-left: -10px;
}
.identity-table td.secondheader {
	background: #F8E4DB;
}
.community-table {
	border-collapse: collapse;
	width:98%;
	border: 1px solid #FFF;
	font-size:0.8em;
}
.community-table th {
	color: #FFF;
	background: #0072BC;
	border: 1px solid #FFF;
	padding: 3px;
}
.community-table td {
	background: #BACDEA;
	border: 1px solid #FFF;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}
.community-table td li {
	margin-left: -10px;
}
.community-table td.secondheader {
	background: #E1E8F6;
}
.wellbeing-table {
	border-collapse: collapse;
	width:98%;
	border: 1px solid #FFF;
	font-size:0.8em;
}
.wellbeing-table th {
	color: #FFF;
	background: #038543;
	border: 1px solid #FFF;
	padding: 3px;
}
.wellbeing-table td {
	background: #E0EECB;
	border: 1px solid #FFF;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}
.wellbeing-table td li {
	margin-left: -10px;
}
.wellbeing-table td.secondheader {
	background: #F0F7E8;
}
.learning-table {
	border-collapse: collapse;
	width:98%;
	border: 1px solid #FFF;
	font-size:0.8em;
}
.learning-table th {
	color: #FFF;
	background: #8559A0;
	border: 1px solid #FFF;
	padding: 3px;
}
.learning-table td {
	background: #D7CBE2;
	border: 1px solid #FFF;
	padding: 3px 3px 3px 5px;
	vertical-align: top;
}
.learning-table td li {
	margin-left: -10px;
}
.learning-table td.secondheader {
	background: #ECE7F2;
}
.featurebox {
	float:left;
	background:#A4E666;
	border:1px dotted #616536;
	padding:10px;
	width:90%;
	margin:10px;
	height:auto;
}
.featurebox img, .oldeditions img {
	float:left;
	margin:10px 15px 10px 10px;
	border:1px solid #A4E666;
}
.oldeditions {
	float:left;
	padding:5px;
	width:90%;
	margin:10px;
}
.eytable {
	border-collapse:collapse;
	background: #DDECF7;
}
.eytable th, .eytable td {
	padding: 10px;
	vertical-align:top;
	border:2px solid #fff;
}
/*  End of Early Years
--------------------------------------------------------------- 
   F-10 Curriculum */
#ausvelsbox {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:725px;
	height:150px;
	padding-bottom:100px;
}
#ausvelsbox div {
	float:left;
	padding-left:12px;
}
#ausvelsbox div.rightpadding {
	padding-right:18px;	
}
#ausvelsbox a {
	display:block;
	width:200px;
	height:150px;
	text-indent:-3000px;
}
#ausvelsbox a.overview  {
	background:url(/images/f10/f10overview.jpg) no-repeat;
	
}
#ausvelsbox a.vels2012 {
	background:url(/images/f10/f102011-2012.jpg) no-repeat;
}
#ausvelsbox a.ausvels2013 {
	background:url(/images/f10/f102013.jpg) no-repeat;
}
#ausvelsbox a.overview:hover {
	background:url(/images/f10/f10overview-hover.jpg) no-repeat;
}
#ausvelsbox a.vels2012:hover {
	background:url(/images/f10/f102011-2012-hover.jpg) no-repeat;
}
#ausvelsbox a.ausvels2013:hover {
	background:url(/images/f10/f102013-hover.jpg) no-repeat;
}
#ausvelsbox p {
	font-size: 1.1em;
	text-align:center;
	width:200px;
}
/*  End of F-10 Curriculum
--------------------------------------------------------------- 
   Generic styling */
.clear {
	clear:both;
}

.center {
	text-align:center;
}

.center table {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.backtotop {
	text-align: right;
}
.right {
	float:right;
}
.larger-text {
	font-size:1.2em;
}
.smallfont {
	font-size:.9em;
}
/* Used in Memo or any note */
.notebox {
	background-color:#FFFFCC;
	border:1px solid #666;
	padding:5px;
	width:85%;
}
.noteline {
	line-height: 100%;
}
/* Used for padding img tag  */
.imagepadding  {
	margin:1em;
}
/* Used in international projects */
.imagebox {
	float:left;
	margin:10px 25px 15px 5px;
}
.imagebox p {
	text-align:center;
	font-size:.9em;
	margin-top:-2px;
}

.footnote {
	font-size:0.8em;
}

/* Used in international projects */
.vels-logo {
	float:right;
	margin:10px 5px 15px 25px;
}
.vels-logo img {
	border:none;
}
/* Used in fire ready public announcement */
.fireready {
	float:left;
	margin:2px 5px 0 0;
}
.natdaymourn {
	margin: 10px 25px 10px 25px;
}
.natdaymourn img {
	float:left;
	margin:5px 25px 0 5px;
}
.natdaymourn p {
	margin:0;
	padding:25px 5px 10px 5px;
	font-size: 1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* Used in Bulletin Online */
.bulletinimgvce {
	background:url(/images/NewWebVCE.jpg) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:160px;
	height:30px;	
}
.bulletinimgey10 {
	background:url(/images/NewWebEy10.jpg) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:160px;
	height:30px;	
}
/*
 *  Updated Link Styles
 *  M. Friedel 28/4/09
 */
 
 .linkExternal {	
    background: url(/images/linkExternal.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

.linkMailTo {	
    background: url(/images/linkMailTo.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

.linkSecure {	
    background: url(/images/linkSecure.gif) right center no-repeat;
	padding-right: 18px;
	display:inline-block;
	line-height:normal;
}

ul.none {list-style-type:none}


/* Used in Bulletins */
.imgRightWithCaption {
	float:right;
	margin: 10px 5px 15px 25px;
}

.imgRightWithCaption p, .imgLeftWithCaption p {
	text-align:center;
	font-size:.9em;
	margin-top:-2px;
}
.imgLeftWithCaption {
	float:left;
	margin: 10px 25px 15px 5px;
}

/* Accordion Related */
.accordion_custom 
{	 
	float: left; 
	margin: 5px;
	padding: 10px;
}

.accordion_2_col
{
	float: left;
	width: 45%;
}

.red
{
	color:#C00;
}

/******Music Study Online Advice: Tabs for each outcome - Examples, detailed example, key terms, resources ******/
#tabmenu {
		color: #000;
		border-bottom: 1px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

#tabmenu a, a.active {
		color: black;
		background: #6699cc;
		/*font: bold 1em "Trebuchet MS", Arial, sans-serif;*/
		border: 1px solid black;
		padding: 2px 5px 0px 5px;
		margin: 0px;
		text-decoration: none; }

#tabmenu a.active {
	background:  #CCCCCC;
}

#tabmenu a:hover {
	color: white;
	background: #0000FF; }

#tabmenu a.active:hover {
		color:  white; }

/*****Music Study Online Advice: Tab content *****/
#tab_content {
	
	padding: 20px;
	border: 1px solid black;
	border-top: none;
	z-index: 2;	}
/***** End Music Study Online Advice ***/
/* VCD student resource   */
.tooltip {
	color: #000;
	outline: none;
	text-decoration: none;
	position: relative;
	}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Verdana, Geneva, sans-serif;
	font-size:.9em;
	position:absolute;
	left: .1em;
	top: 2em; 
	z-index: 99;
	margin-left: -150px;
	width: 250px;
}
/* These are for highlights in content text   */	
.c1 {
	background:#d8ecd1;
	border: 1px solid #3eea02;
	padding:1px;
}
.c2 {
	background:#fae3ed;
	border: 1px solid #f6036d;
	padding:1px;
}
.c3 {
	background:#eee0ed;
	border: 1px solid #e900d8;
	padding:1px;
}
.c4 {
	background:#e0f3f9;
	border: 1px solid #02bbf5;
	padding:1px;
}
.c5 {
	background:#ffebd0;
	border: 1px solid #fc9202;
	padding:1px;
}
.c6 {
	background:#fffac0;
	border: 1px solid #fae602;
	padding:1px;
}
.c1:hover, .c2:hover, .c3:hover, .c4:hover, .c5:hover, .c6:hover { 
    border: 1px solid #222;
	padding:1px; z-index: 2;
}
.c1:hover {
	background:#3eea02;
}
.c2:hover {
	background:#f6036d;
}
.c3:hover {
	background:#e900d8;
}
.c4:hover {
	background:#02bbf5;
}
.c5:hover {
	background:#fc9202;
}
.c6:hover {
	background:#fae602;
}
* html a:hover {
	background: transparent;
}
/* These are the actual tooltip flyout   */
.tooltip span.studentnotes, .tooltip span.criterion1, .tooltip span.criterion2, .tooltip span.criterion3,
.tooltip span.criterion4, .tooltip span.criterion5, .tooltip span.criterion6 { padding: 4em 1em 1em 1em; }
.tooltip span.studentnotes {
	background: url(/images/studioarts/studentnotes.jpg) top center no-repeat #e7e8e9;
	border: 1px solid #222222;
	}
.tooltip span.criterion1 {
	background: url(/images/studioarts/comment-c1.jpg) top center no-repeat #d8ecd1;
	border: 1px solid #3eea02;
	}
.tooltip span.criterion2 {
	background: url(/images/studioarts/comment-c2.jpg) top center no-repeat #fae3ed;
	border: 1px solid #f6036d;
}
.tooltip span.criterion3 {
	background: url(/images/studioarts/comment-c3.jpg) top center no-repeat #eee0ed;
	border: 1px solid #e900d8;
}
.tooltip span.criterion4 {
	background: url(/images/studioarts/comment-c4.jpg) top center no-repeat #e0f3f9;
	border: 1px solid #02bbf5;
}
.tooltip span.criterion5 {
	background: url(/images/studioarts/comment-c5.jpg) top center no-repeat #ffebd0;
	border: 1px solid #fc9202;
}
.tooltip span.criterion6 {
	background: url(/images/studioarts/comment-c6.jpg) top center no-repeat #fffac0;
	border: 1px solid #fae602;
}
#studentwork1, #studentwork2, #studentwork3, #studentwork4a, #studentwork4b1, 
#studentwork4b2, #studentwork4b3, #studentwork5a, #studentwork5b1, #studentwork5b2, 
#studentwork5b3, #studentwork5c, #studentwork5d, #studentwork6a1, #studentwork6a2, #studentwork6a3, 
#studentwork6b1, #studentwork6b2, #studentwork7a1,
#studentwork7a2, #studentwork7a3, #studentwork7b1, #studentwork7b2, #studentwork7b3, 
#studentwork7c1, #studentwork7c2, #studentwork7c3, #studentwork7d, #studentwork8a, #studentwork8b1, 
#studentwork8b2, #studentwork8b3, #studentwork8c1, #studentwork8c2, #studentwork8c3, #studentwork8c4,
#studentwork8c5, #studentwork8c6, #studentwork9a, #studentwork9b1, #studentwork9b2, #studentwork9c1, 
#studentwork9c2, #studentwork9c3, #studentwork9c4, #studentwork9d1, #studentwork9d2, 
#studentwork9d3, #studentwork12a1, #studentwork12a2, #studentwork12a3, #studentwork12a4, 
#studentwork12b1, #studentwork12b2, #studentwork12b3, #studentwork12b4, #studentwork12b5, 
#studentwork12c1, #studentwork12c2, #studentwork12c3, #studentwork12c4, #studentwork12c5, 
#detailsfolio-a {
	position: relative; 
	margin-left:auto; margin-right:auto;
	padding: 5px 0; 
	z-index:0;	
}
#studentwork1 {
	width: 600px; 
	height: 466px; 
	background: url(/images/studioarts/exhibit-1.jpg) no-repeat; 
}
#studentwork2 {
	width: 600px; 
	height: 448px; 
	background: url(/images/studioarts/exhibit-2.jpg) no-repeat; 
}
#studentwork3 {
	width: 600px; 
	height: 467px; 
	background: url(/images/studioarts/exhibit-3.jpg) no-repeat; 
}
#studentwork4a {
	width: 600px; 
	height: 981px; 
	background: url(/images/studioarts/exhibit-4a.jpg) no-repeat; 
}
#studentwork4b1 {
	width: 600px; 
	height: 1151px; 
	background: url(/images/studioarts/exhibit-4b1.jpg) no-repeat; 
}
#studentwork4b2 {
	width: 600px; 
	height: 1151px; 
	background: url(/images/studioarts/exhibit-4b2.jpg) no-repeat; 
}
#studentwork4b3 {
	width: 600px; 
	height: 956px; 
	background: url(/images/studioarts/exhibit-4b3.jpg) no-repeat; 
}
#studentwork5a {
	width: 600px; 
	height: 765px; 
	background: url(/images/studioarts/exhibit-5a.jpg) no-repeat; 
}
#studentwork5a {
	width: 600px; 
	height: 765px; 
	background: url(/images/studioarts/exhibit-5a.jpg) no-repeat; 
}
#studentwork5b1 {
	width: 600px; 
	height: 1243px; 
	background: url(/images/studioarts/exhibit-5b1.jpg) no-repeat; 
}
#studentwork5b2 {
	width: 600px; 
	height: 1298px; 
	background: url(/images/studioarts/exhibit-5b2.jpg) no-repeat; 
}
#studentwork5b3 {
	width: 600px; 
	height: 1081px; 
	background: url(/images/studioarts/exhibit-5b3.jpg) no-repeat; 
}
#studentwork5c {
	width: 600px; 
	height: 951px; 
	background: url(/images/studioarts/exhibit-5c.jpg) no-repeat; 
}
#studentwork5d {
	width: 600px; 
	height: 778px; 
	background: url(/images/studioarts/exhibit-5d.jpg) no-repeat; 
}
#studentwork6a1 {
	width: 600px; 
	height: 753px; 
	background: url(/images/studioarts/exhibit6a1.jpg) no-repeat; 
}
#studentwork6a2 {
	width: 600px; 
	height: 804px; 
	background: url(/images/studioarts/exhibit6a2.jpg) no-repeat; 
}
#studentwork6a3 {
	width: 600px; 
	height: 621px; 
	background: url(/images/studioarts/exhibit6a3.jpg) no-repeat; 
}
#studentwork6b1 {
	width: 600px; 
	height: 721px; 
	background: url(/images/studioarts/exhibit6b1.jpg) no-repeat; 
}
#studentwork6b2 {
	width: 600px; 
	height: 924px; 
	background: url(/images/studioarts/exhibit6b2.jpg) no-repeat; 
}
#studentwork7a1 {
	width: 600px; 
	height: 464px; 
	background: url(/images/studioarts/exhibit7a1.jpg) no-repeat; 
}
#studentwork7a2 {
	width: 600px; 
	height: 511px; 
	background: url(/images/studioarts/exhibit7a2.jpg) no-repeat; 
}
#studentwork7a3 {
	width: 600px; 
	height: 599px; 
	background: url(/images/studioarts/exhibit7a3.jpg) no-repeat; 
}
#studentwork7b1 {
	width: 600px; 
	height: 674px; 
	background: url(/images/studioarts/exhibit7b1.jpg) no-repeat; 
}
#studentwork7b2 {
	width: 600px; 
	height: 937px; 
	background: url(/images/studioarts/exhibit7b2.jpg) no-repeat; 
}
#studentwork7b3 {
	width: 600px; 
	height: 676px; 
	background: url(/images/studioarts/exhibit7b3.jpg) no-repeat; 
}
#studentwork7c1 {
	width: 600px; 
	height: 733px; 
	background: url(/images/studioarts/exhibit7c1.jpg) no-repeat; 
}
#studentwork7c2 {
	width: 600px; 
	height: 513px; 
	background: url(/images/studioarts/exhibit7c2.jpg) no-repeat; 
}
#studentwork7c3 {
	width: 600px; 
	height: 771px; 
	background: url(/images/studioarts/exhibit7c3.jpg) no-repeat; 
}
#studentwork7d {
	width: 600px; 
	height: 848px; 
	background: url(/images/studioarts/exhibit7d.jpg) no-repeat; 
}
#studentwork8a {
	width: 600px; 
	height: 1380px; 
	background: url(/images/studioarts/exhibit8a.jpg) no-repeat; 
}
#studentwork8b1 {
	width: 600px; 
	height: 597px; 
	background: url(/images/studioarts/exhibit8b1.jpg) no-repeat; 
}
#studentwork8b2 {
	width: 600px; 
	height: 675px; 
	background: url(/images/studioarts/exhibit8b2.jpg) no-repeat; 
}
#studentwork8b3 {
	width: 600px; 
	height:657px; 
	background: url(/images/studioarts/exhibit8b3.jpg) no-repeat; 
}
#studentwork8c1 {
	width: 600px; 
	height: 411px; 
	background: url(/images/studioarts/exhibit8c1.jpg) no-repeat; 
}
#studentwork8c2 {
	width: 600px; 
	height: 554px; 
	background: url(/images/studioarts/exhibit8c2.jpg) no-repeat; 
}
#studentwork8c3 {
	width: 600px; 
	height: 469px; 
	background: url(/images/studioarts/exhibit8c3.jpg) no-repeat; 
}
#studentwork8c4 {
	width: 552px; 
	height: 711px; 
	background: url(/images/studioarts/exhibit8c4.jpg) no-repeat; 
}
#studentwork8c5 {
	width: 550px; 
	height: 534px; 
	background: url(/images/studioarts/exhibit8c5.jpg) no-repeat; 
}
#studentwork8c6 {
	width: 558px; 
	height: 885px; 
	background: url(/images/studioarts/exhibit8c6.jpg) no-repeat; 
}
#studentwork9a {
	width: 600px; 
	height: 983px; 
	background: url(/images/studioarts/exhibit9a.jpg) no-repeat; 
}
#studentwork9b1 {
	width: 600px; 
	height: 841px; 
	background: url(/images/studioarts/exhibit9b1.jpg) no-repeat; 
}
#studentwork9b2 {
	width: 600px; 
	height: 530px; 
	background: url(/images/studioarts/exhibit9b2.jpg) no-repeat; 
}
#studentwork9c1 {
	width: 600px; 
	height: 492px; 
	background: url(/images/studioarts/exhibit9c1.jpg) no-repeat; 
}
#studentwork9c2 {
	width: 600px; 
	height: 366px; 
	background: url(/images/studioarts/exhibit9c2.jpg) no-repeat; 
}
#studentwork9c3 {
	width: 600px; 
	height: 930px; 
	background: url(/images/studioarts/exhibit9c3.jpg) no-repeat; 
}
#studentwork9c4 {
	width: 600px; 
	height: 1132px; 
	background: url(/images/studioarts/exhibit9c4.jpg) no-repeat; 
}
#studentwork9d1 {
	width: 600px; 
	height: 894px; 
	background: url(/images/studioarts/exhibit9d1.jpg) no-repeat; 
}
#studentwork9d2 {
	width: 600px; 
	height: 874px; 
	background: url(/images/studioarts/exhibit9d2.jpg) no-repeat; 
}
#studentwork9d3 {
	width: 600px; 
	height: 868px; 
	background: url(/images/studioarts/exhibit9d3.jpg) no-repeat; 
}
#detailsfolio-a {
	width: 600px; 
	height: 873px; 
	background: url(/images/studioarts/detailsfolio-a.jpg) no-repeat; 
}
#studentwork12a1 {
	width: 600px; 
	height: 509px; 
	background: url(/images/studioarts/exhibit12a1.jpg) no-repeat; 
}
#studentwork12a2 {
	width: 600px; 
	height: 582px; 
	background: url(/images/studioarts/exhibit12a2.jpg) no-repeat; 
}
#studentwork12a3 {
	width: 600px; 
	height: 687px; 
	background: url(/images/studioarts/exhibit12a3.jpg) no-repeat; 
}
#studentwork12a4 {
	width: 600px; 
	height: 716px; 
	background: url(/images/studioarts/exhibit12a4.jpg) no-repeat; 
}
#studentwork12b1 {
	width: 600px; 
	height: 1416px; 
	background: url(/images/studioarts/exhibit12b1.jpg) no-repeat; 
}
#studentwork12b2 {
	width: 600px; 
	height: 332px; 
	background: url(/images/studioarts/exhibit12b2.jpg) no-repeat; 
}
#studentwork12b3 {
	width: 600px; 
	height: 432px; 
	background: url(/images/studioarts/exhibit12b3.jpg) no-repeat; 
}
#studentwork12b4 {
	width: 600px; 
	height: 358px; 
	background: url(/images/studioarts/exhibit12b4.jpg) no-repeat; 
}
#studentwork12b5 {
	width: 600px; 
	height: 701px; 
	background: url(/images/studioarts/exhibit12b5.jpg) no-repeat; 
}
#studentwork12c1 {
	width: 600px; 
	height: 711px; 
	background: url(/images/studioarts/exhibit12c1.jpg) no-repeat; 
}
#studentwork12c2 {
	width: 600px; 
	height: 597px; 
	background: url(/images/studioarts/exhibit12c2.jpg) no-repeat; 
}
#studentwork12c3 {
	width: 600px; 
	height: 694px; 
	background: url(/images/studioarts/exhibit12c3.jpg) no-repeat; 
}
#studentwork12c4 {
	width: 600px; 
	height: 803px; 
	background: url(/images/studioarts/exhibit12c4.jpg) no-repeat; 
}
#studentwork12c5 {
	width: 600px; 
	height: 626px; 
	background: url(/images/studioarts/exhibit12c5.jpg) no-repeat; 
}
#studentwork1 img, #studentwork2 img, #studentwork3 img, #studentwork4a img, #studentwork4b1 img, 
#studentwork4b2 img, #studentwork4b3 img, #studentwork5a img, #studentwork5b1 img, #studentwork5b2 img, 
#studentwork5b3 img, #studentwork5c img, #studentwork5d img, #studentwork5d img, #studentwork6a1 img, 
#studentwork6a2 img, #studentwork6a3 img, #studentwork6b1 img, #studentwork6b2 img, 
#studentwork7a1 img, #studentwork7a2 img, #studentwork7a3 img, #studentwork7b1 img, #studentwork7b2 img, 
#studentwork7b3 img, #studentwork7c1 img, #studentwork7c2 img, #studentwork7c3 img, #studentwork7d img, 
#studentwork8a img, #studentwork8b1 img, #studentwork8b2 img, #studentwork8b3 img, #studentwork8c1 img, 
#studentwork8c2 img, #studentwork8c3 img, #studentwork8c4 img, #studentwork8c5 img, #studentwork8c6 img,
#studentwork9a img, #studentwork9b1 img, #studentwork9b2 img, #studentwork9c1 img, #studentwork9c2 img, 
#studentwork9c3 img, #studentwork9c4 img, #studentwork9d1 img, #studentwork9d2 img, #studentwork9d3 img, 
#studentwork12a1 img, #studentwork12a2 img, #studentwork12a3 img, #studentwork12a4 img, #studentwork12b1 img, 
#studentwork12b2 img, #studentwork12b3 img, #studentwork12b4 img, #studentwork12b5 img, #studentwork12c1 img, 
#studentwork12c2 img, #studentwork12c3 img, #studentwork12c4 img, #studentwork12c5 img, 
#detailsfolio-a img {display:none; }

.stuwork1-stunote, .stuwork1-teachcomment, .stuwork2-stunote1, .stuwork2-stunote2, .stuwork2-stunote3, .stuwork2-stunote4, 
.stuwork2-stunote5, .stuwork2-teachcomment1, .stuwork2-teachcomment2, .detailsfolio-a-teachcomm, .stuwork3-stunote1, .stuwork3-stunote2, 
.stuwork3-stunote3, .stuwork3-stunote4, .stuwork3-teachcomment1, .stuwork3-teachcomment2, .stuwork3-teachcomment3, .stuwork3-teachcomment4, 
.stuwork4a-stunote1, .stuwork4a-teachcomment1, .stuwork4a-teachcomment2, .stuwork4b1-stunote1, .stuwork4b2-stunote1, .stuwork4b2-teachcomment1,
.stuwork4b2-teachcomment2, .stuwork4b3-stunote1, .stuwork4b3-teachcomment1, .stuwork5a-stunote1, .stuwork5a-stunote2, .stuwork5a-teachcomment1, 
.stuwork5b1-stunote1, .stuwork5b2-stunote1, .stuwork5b3-stunote1, .stuwork5b3-teachcomment1, .stuwork5b3-teachcomment2, .stuwork5c-stunote1, 
.stuwork5c-teachcomment1, .stuwork5c-teachcomment2, .stuwork5d-stunote1, .stuwork5d-stunote2, .stuwork5d-teachcomment1, .stuwork6a1-stunote1, 
.stuwork6a2-stunote1, .stuwork6a3-stunote1,.stuwork6b1-stunote1, .stuwork6b2-stunote1, .stuwork6b2-teachcomment1, .stuwork7a1-stunote1, 
.stuwork7a1-teachcomment1, .stuwork7a2-stunote1, .stuwork7a2-teachcomment1, .stuwork7a3-stunote1, .stuwork7a3-teachcomment1, .stuwork7b1-stunote1, 
.stuwork7b1-teachcomment1, .stuwork7b2-stunote1, .stuwork7b2-teachcomment1, .stuwork7b3-stunote1, .stuwork7b3-teachcomment1, .stuwork7c1-stunote1, 
.stuwork7c1-teachcomment1, .stuwork7c2-stunote1, .stuwork7c2-teachcomment1, .stuwork7c3-stunote1, .stuwork7c3-teachcomment1, .stuwork7d-stunote1, 
.stuwork7d-teachcomment1, .stuwork8a-stunote1, .stuwork8a-teachcomment1, .stuwork8b1-stunote1, .stuwork8b1-teachcomment1, .stuwork8b2-stunote1, .stuwork8b2-teachcomment1, 
.stuwork8b3-stunote1, .stuwork8b3-teachcomment1, .stuwork8c1-stunote1, .stuwork8c1-teachcomment1, .stuwork8c2-stunote1, .stuwork8c2-teachcomment1, 
.stuwork8c3-stunote1, .stuwork8c3-teachcomment1, .stuwork8c4-stunote1, .stuwork8c4-teachcomment1, .stuwork8c5-stunote1, .stuwork8c5-teachcomment1, 
.stuwork8c6-stunote1, .stuwork8c6-teachcomment1, .stuwork9a-stunote1, .stuwork9a-teachcomment1, .stuwork9b1-stunote1, .stuwork9b1-stunote2, .stuwork9b1-teachcomment1,
.stuwork9b2-stunote1, .stuwork9b2-teachcomment1, .stuwork9c1-stunote1, .stuwork9c1-teachcomment1, .stuwork9c2-stunote1, .stuwork9c2-teachcomment1, .stuwork9c3-stunote1, 
.stuwork9c3-teachcomment1, .stuwork9c4-stunote1, .stuwork9c4-teachcomment1, .stuwork9d1-stunote1, .stuwork9d1-stunote2, .stuwork9d1-teachcomment1, .stuwork9d1-teachcomment2, 
.stuwork9d2-stunote1, .stuwork9d2-teachcomment1, .stuwork9d3-stunote1, .stuwork9d3-teachcomment1, .stuwork12a1-stunote1, .stuwork12a1-teachcomment1, 
.stuwork12a2-stunote1,.stuwork12a2-teachcomment1, .stuwork12a3-stunote1, .stuwork12a3-stunote2, .stuwork12a3-teachcomment1, .stuwork12a4-stunote1, .stuwork12a4-teachcomment1,
.stuwork12b1-stunote1, .stuwork12b1-teachcomment1, .stuwork12b2-stunote1, .stuwork12b2-teachcomment1, .stuwork12b3-stunote1, .stuwork12b3-teachcomment1,
.stuwork12b4-stunote1, .stuwork12b4-stunote2, .stuwork12b4-teachcomment1, .stuwork12b4-teachcomment2, .stuwork12b5-stunote1, .stuwork12b5-teachcomment1, 
.stuwork12c1-stunote1, .stuwork12c1-teachcomment1, .stuwork12c2-stunote1, .stuwork12c2-teachcomment1, .stuwork12c3-stunote1, .stuwork12c3-teachcomment1, 
.stuwork12c4-stunote1, .stuwork12c4-stunote2, .stuwork12c4-teachcomment1, .stuwork12c5-stunote1, .stuwork12c5-stunote2, .stuwork12c5-teachcomment1 { 
	position: absolute; 
	width: 35px; 
	height: 35px; 
	background-color: transparent;
	z-index:3;
} 
.stuwork1-stunote { 
	top: 208px; 
	left: 0px; 
} 
.stuwork1-teachcomment { 
	top: 318px; 
	left: 53px; 
}
.stuwork2-stunote1 {
	top: 296px;
	left: 134px;
}
.stuwork2-stunote2 {
	top: 389px;
	left: 106px;
}
.stuwork2-stunote3 {
	top: 7px;
	left: 403px;
}
.stuwork2-stunote4 {
	top: 211px;
	left: 325px;
}
.stuwork2-stunote5 {
	top: 312px;
	left: 402px;
}
.stuwork2-teachcomment1 {
	top: 121px;
	left: 386px;
}		
.stuwork2-teachcomment2 {
	top: 404px;
	left: 556px;
}
.stuwork3-stunote1 {
	top: 160px;
	left: 16px;
}
.stuwork3-stunote2 {
	top: 246px;
	left: 15px;
}
.stuwork3-stunote3 {
	top: 168px;
	left: 402px;
}
.stuwork3-stunote4 {
	top: 317px;
	left: 386px;
}
.stuwork3-teachcomment1 {
	top: 112px;
	left: 202px;
}		
.stuwork3-teachcomment2 {
	top: 296px;
	left: 176px;
}		
.stuwork3-teachcomment3 {
	top: 210px;
	left: 557px;
}		
.stuwork3-teachcomment4 {
	top: 368px;
	left: 557px;
}	
.stuwork4a-stunote1 {
	top: 780px;
	left: 18px;
}
.stuwork4a-teachcomment1 {
	top: 418px;
	left: 437px;
}		
.stuwork4a-teachcomment2 {
	top: 755px;
	left: 498px;
}	
.stuwork4b1-stunote1 {
	top: 121px;
	left: 57px;
}	
.stuwork4b2-stunote1 {
	top: 855px;
	left: 79px;
}
.stuwork4b2-teachcomment1 {
	top: 368px;
	left: 469px;
}		
.stuwork4b2-teachcomment2 {
	top: 863px;
	left: 502px;
}	
.stuwork4b3-stunote1 {
	top: 101px;
	left: 93px;
}	
.stuwork4b3-teachcomment1 {
	top: 602px;
	left: 393px;
}	
.stuwork5a-stunote1 {
	top: 6px;
	left: 267px;
}
.stuwork5a-stunote2 {
	top: 419px;
	left: 277px;
}
.stuwork5a-teachcomment1 {
	top: 655px;
	left: 158px;
}	
.stuwork5b1-stunote1 {
	top: 691px;
	left: 52px;
}
.stuwork5b2-stunote1 {
	top: 429px;
	left: 30px;
}
.stuwork5b3-stunote1 {
	top: 833px;
	left: 28px;
}
.stuwork5b3-teachcomment1 {
	top: 172px;
	left: 278px;
}	
.stuwork5b3-teachcomment2 {
	top: 1036px;
	left: 491px;
}
.stuwork5c-stunote1 {
	top: 715px;
	left: 37px;
}
.stuwork5c-teachcomment1 {
	top: 544px;
	left: 72px;
}	
.stuwork5c-teachcomment2 {
	top: 731px;
	left: 536px;
}
.stuwork5d-stunote1 {
	top: 7px;
	left: 267px;
}
.stuwork5d-stunote2 {
	top: 412px;
	left: 275px;
}
.stuwork5d-teachcomment1 {
	top: 577px;
	left: 483px;
}
.stuwork6a1-stunote1 {
	top: 665px;
	left: 3px;
}
.stuwork6a2-stunote1 {
	top: 651px;
	left: 28px;
}
.stuwork6a3-stunote1 {
	top: 36px;
	left: 218px;
}
.stuwork6b1-stunote1 {
	top: 0px;
	left: 291px;
}
.stuwork6b2-stunote1 {
	top: 820px;
	left: 11px;
}
.stuwork6b2-teachcomment1 {
	top: 305px;
	left: 427px;
}	
.stuwork7a1-stunote1 {
	top: 1px;
	left: 410px;
}
.stuwork7a1-teachcomment1 {
	top: 305px;
	left: 427px;
}	
.stuwork7a2-stunote1 {
	top: 119px;
	left: 6px;
}
.stuwork7a2-teachcomment1 {
	top: 397px;
	left: 161px;
}
.stuwork7a3-stunote1 {
	top: 482px;
	left: 5px;
}
.stuwork7a3-teachcomment1 {
	top: 333px;
	left: 394px;
}	
.stuwork7b1-stunote1 {
	top: 517px;
	left: 43px;
}
.stuwork7b1-teachcomment1 {
	top: 428px;
	left: 535px;
}	
.stuwork7b2-stunote1 {
	top: 144px;
	left: 8px;
}
.stuwork7b2-teachcomment1 {
	top: 221px;
	left: 419px;
}
.stuwork7b3-stunote1 {
	top: 501px;
	left: 136px;
}
.stuwork7b3-teachcomment1 {
	top: 503px;
	left: 537px;
}
.stuwork7c1-stunote1 {
	top: 562px;
	left: 50px;
}
.stuwork7c1-teachcomment1 {
	top: 504px;
	left: 537px;
}
.stuwork7c2-stunote1 {
	top: 422px;
	left: 35px;
}
.stuwork7c2-teachcomment1 {
	top: 356px;
	left: 466px;
}
.stuwork7c3-stunote1 {
	top: 555px;
	left: 460px;
}
.stuwork7c3-teachcomment1 {
	top: 537px;
	left: 26px;
}	
.stuwork7d-stunote1 {
	top: 539px;
	left: 42px;
}
.stuwork7d-teachcomment1 {
	top: 505px;
	left: 482px;
}	
.stuwork8a-stunote1 {
	top: 1113px;
	left: 73px;
}
.stuwork8a-teachcomment1 {
	top: 71px;
	left: 563px;
}	
.stuwork8b1-stunote1 {
	top: 410px;
	left: 0px;
}
.stuwork8b1-teachcomment1 {
	top: 11px;
	left: 558px;
}
.stuwork8b2-stunote1 {
	top: 503px;
	left: 85px;
}
.stuwork8b2-teachcomment1 {
	top: 27px;
	left: 528px;
}	
.stuwork8b3-stunote1 {
	top: 494px;
	left: 69px;
}
.stuwork8b3-teachcomment1 {
	top: 33px;
	left: 524px;
}	
.stuwork8c1-stunote1 {
	top: 284px;
	left: 0px;
}
.stuwork8c1-teachcomment1 {
	top: 195px;
	left: 519px;
}
.stuwork8c2-stunote1 {
	top: 386px;
	left: 48px;
}
.stuwork8c2-teachcomment1 {
	top: 0px;
	left: 550px;
}
.stuwork8c3-stunote1 {
	top: 315px;
	left: 0px;
}
.stuwork8c3-teachcomment1 {
	top: 0px;
	left: 562px;
}
.stuwork8c4-stunote1 {
	top: 378px;
	left: 18px;
}
.stuwork8c4-teachcomment1 {
	top: 0px;
	left: 515px;
}
.stuwork8c5-stunote1 {
	top: 403px;
	left: 36px;
}
.stuwork8c5-teachcomment1 {
	top: 4px;
	left: 507px;
}
.stuwork8c6-stunote1 {
	top: 421px;
	left: 427px;
}
.stuwork8c6-teachcomment1 {
	top: 8px;
	left: 9px;
}
.stuwork9a-stunote1 {
	top: 743px;
	left: 63px;
}
.stuwork9a-teachcomment1 {
	top: 7px;
	left: 466px;
}	
.stuwork9b1-stunote1 {
	top: 387px;
	left: 140px;
}
.stuwork9b1-stunote2 {
	top: 702px;
	left: 16px;
}
.stuwork9b1-teachcomment1 {
	top: 694px;
	left: 512px;
}
.stuwork9b2-stunote1 {
	top: 435px;
	left: 29px;
}
.stuwork9b2-teachcomment1 {
	top: 8px;
	left: 11px;
}	
.stuwork9c1-stunote1 {
	top: 371px;
	left: 1px;
}
.stuwork9c1-teachcomment1 {
	top: 10px;
	left: 555px;
}	
.stuwork9c2-stunote1 {
	top: 102px;
	left: 9px;
}
.stuwork9c2-teachcomment1 {
	top: 8px;
	left: 103px;
}
.stuwork9c3-stunote1 {
	top: 693px;
	left: 53px;
}
.stuwork9c3-teachcomment1 {
	top: 25px;
	left: 530px;
}
.stuwork9c4-stunote1 {
	top: 763px;
	left: 79px;
}
.stuwork9c4-teachcomment1 {
	top: 8px;
	left: 499px;
}
.stuwork9d1-stunote1 {
	top: 597px;
	left: 15px;
}
.stuwork9d1-stunote2 {
	top: 749px;
	left: 9px;
}
.stuwork9d1-teachcomment1 {
	top: 7px;
	left: 7px;
}
.stuwork9d1-teachcomment2 {
	top: 850px;
	left: 522px;
}
.stuwork9d2-stunote1 {
	top: 593px;
	left: 109px;
}
.stuwork9d2-teachcomment1 {
	top: 11px;
	left: 8px;
}
.stuwork9d3-stunote1 {
	top: 609px;
	left: 137px;
}
.stuwork9d3-teachcomment1 {
	top: 24px;
	left: 76px;
}
.stuwork12a1-stunote1 {
	top: 219px;
	left: 509px;
}
.stuwork12a1-teachcomment1 {
	top: 35px;
	left: 90px;
}	
.stuwork12a2-stunote1 {
	top: 424px;
	left: 43px;
}

.stuwork12a2-teachcomment1 {
	top: 49px;
	left: 91px;
}
.stuwork12a3-stunote1 {
	top: 198px;
	left: 95px;
}
.stuwork12a3-stunote2 {
	top: 557px;
	left: 160px;
}
.stuwork12a3-teachcomment1 {
	top: 279px;
	left: 161px;
}	
.stuwork12a4-stunote1 {
	top: 423px;
	left: 17px;
}
.stuwork12a4-teachcomment1 {
	top: 1px;
	left: 1px;
}	
.stuwork12b1-stunote1 {
	top: 935px;
	left: 108px;
}
.stuwork12b1-teachcomment1 {
	top: 9px;
	left: 24px;
}
.stuwork12b2-stunote1 {
	top: 8px;
	left: 440px;
}
.stuwork12b2-teachcomment1 {
	top: 9px;
	left: 2px;
}
.stuwork12b3-stunote1 {
	top: 303px;
	left: 1px;
}
.stuwork12b3-teachcomment1 {
	top: 2px;
	left: 2px;
}
.stuwork12b4-stunote1 {
	top: 241px;
	left: 19px;
}
.stuwork12b4-stunote2 {
	top: 133px;
	left: 10px;
}
.stuwork12b4-teachcomment1 {
	top: 10px;
	left: 3px;
}
.stuwork12b4-teachcomment2 {
	top: 850px;
	left: 522px;
}
.stuwork12b5-stunote1 {
	top: 432px;
	left: 10px;
}
.stuwork12b5-teachcomment1 {
	top: 3px;
	left: 3px;
}
.stuwork12c1-stunote1 {
	top: 494px;
	left: 11px;
}
.stuwork12c1-teachcomment1 {
	top: 7px;
	left: 11px;
}
.stuwork12c2-stunote1 {
	top: 452px;
	left: 5px;
}
.stuwork12c2-teachcomment1 {
	top: 5px;
	left: 4px;
}
.stuwork12c3-stunote1 {
	top: 288px;
	left: 465px;
}
.stuwork12c3-teachcomment1 {
	top: 4px;
	left: 2px;
}
.stuwork12c4-stunote1 {
	top: 237px;
	left: 8px;
}
.stuwork12c4-stunote2 {
	top: 384px;
	left: 24px;
}
.stuwork12c4-teachcomment1 {
	top: 210px;
	left: 559px;
}
.stuwork12c5-stunote1 {
	top: 168px;
	left: 4px;
}
.stuwork12c5-stunote2 {
	top: 315px;
	left: 6px;
}
.stuwork12c5-teachcomment1 {
	top: 0px;
	left: 3px;
}
.detailsfolio-a-teachcomm {
	top: 10px;
	left: 515px;
}
/* Colour coded guide on Exploration Proposal page   */
.legend-c1 {
	padding:.5em;
	background:#d8ecd1;	
	border:1px solid #3eea02;	
}
.legend-c2 {
	padding:.5em;
	background: #fae3ed;
	border:1px solid #f6036d;	
}
.legend-c3 {
	padding:.5em;
	background:#eee0ed;	
	border:1px solid #e900d8;	
}
.legend-c4 {
	padding:.5em;
	background:#e0f3f9;	
	border:1px solid #02bbf5;	
}
.legend-c5 {
	padding:.5em;
	background:#ffebd0;	
	border:1px solid #fc9202;	
}
.legend-c6 {
	padding:.5em;
	background:#fffac0;	
	border:1px solid #fae602;	
}
/* Assesment Criteria   */
.stuarts-c1, .stuarts-c2, .stuarts-c3, .stuarts-c4, .stuarts-c5, .stuarts-c6 {
	padding:1em;
	border-radius: 1em 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

.stuarts-c1 {
	background:	#d8ecd1;
}
.stuarts-c2 {
	background:	#fae3ed;
}
.stuarts-c3 {
	background:	#eee0ed;
}
.stuarts-c4 {
	background:	#e0f3f9;
}
.stuarts-c5 {
	background:	#ffebd0;
}
.stuarts-c6 {
	background:	#fffac0;
}
.stuarts-c1box, .stuarts-c2box, .stuarts-c3box, .stuarts-c4box, .stuarts-c5box, .stuarts-c6box {
	padding:.5em;
	background:#FFF;
	border-radius: .5em .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.stuarts-c1box {
	border:1px solid #3eea02;
}
.stuarts-c2box {
	border:1px solid #f6036d;
}
.stuarts-c3box {
	border:1px solid #e900d8;
}
.stuarts-c4box {
	border:1px solid #02bbf5;
}
.stuarts-c5box {
	border:1px solid #fc9202;
}
.stuarts-c6box {
	border:1px solid #fae602;
}
.stuarts-c1box img, .stuarts-c2box img, .stuarts-c3box img, .stuarts-c4box img, .stuarts-c5box img, .stuarts-c6box img {
	border: 0;
	margin: -44px 0 0 -18px;
	float: left;
	position: absolute;	
	}			
/* end  */