﻿/* HTML tags */

body {
	background:#fff;
	font-family: Verdana;
	font-size: 12px;
	line-height:normal;
	letter-spacing:normal;
	margin:0;
}
p{
	margin:0;
	padding:0;line-height:normal;
}
h1 {
	color:#00376C;
	background-color:#fff;
	font-size: 20px;
} 
h2 {
	font-size:1.2em;
	}
h3 {
	font-size:1em;
	background:#579104;
	}
h4 {
	font-size:.9em;
	}
h5 {
	font-size:1em;
	}
a{
	border: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:70px;
	/*background:url(../images/mainbg.jpg) center;*/
	background:url(../images/mainbg0000.jpg);
}
#vcaalogo {
	float:left;
	width:235px;
	height:20px;
	margin:0;
}
#searchbox {
	float:left;
	width:310px;
	height:25px;
	margin-top:0px;
	margin-left:500px;
} 
#logo_right {
	float:right;
	width:93px;
	height:20px;
	margin:0;
}
#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:#006600;
	color:#fff;
	font-size:.8em;
	font-weight:600;
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
#topnav ul li {
	display:inline; 
	background-color:#00CC99;
}
#topnav ul li a:link, #topnav ul li a:visited {
	text-decoration:none;
	background-color:#006600;
	color:#fff;
	border-right:1px solid #3a658d;
	padding:0.7em 1em;
	float:left;
}
#topnav ul li a:visited.topnavactive {
	background-color:#009900;
	color:#FFFFFF;
}
#topnav ul li a:hover {
	text-decoration:none;
	background-color:#003399;
	color:#F5F6D6;
} 


/* 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(../images/subheader_bg.gif) repeat-x;
	height:27px;
	width:100%;
	float:left;
}
#subheader ul {
	margin:0;
	padding:0;
	float:right;
}
#subheader ul li {
	display:inline;
	float:left;
	height:27px;
	font-size:.8em;
	background:url(../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:visited.subheaderactive {  
	color:#F5F6D6;
}
#subheader ul li#rightcurve {
	width:25px;
	height:27px;
	background:url(../images/secondnav_curve.gif) no-repeat center;
}
#leftnavcurve {
	background:url(../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(../images/leftnav-shadow.gif) repeat-y right ;
	float:left;
	line-height:1em;
}
#leftnav ul {margin:0; padding:0}
#leftnav li.leftnav-title {
	background:#1d607b url(../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(../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 {
	
	background: url(../images/125403434320090927.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(../images/earlyyears-banner.jpg) no-repeat center top;
}

#img-banner-p10 {
	background: url(../images/p10-banner.jpg) no-repeat center top;
}
#img-banner-vce {
	background: url(../images/vce-banner.jpg) no-repeat center top;
}
#img-banner-vet {
	background: url(../images/vet-banner.jpg) no-repeat center top;
}
#img-banner-vcal {
	background: url(../images/vcal-banner.jpg) no-repeat center top;
}
#img-banner-abtus {
	background: url(../images/aboutus-banner.jpg) no-repeat center top;
}
#img-banner-awards {
	background: url(../images/awards-banner.jpg) no-repeat center top;
}
#img-banner-schooladmin {
	background: url(../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;
} 
/* 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;
	padding-bottom:3px;
	padding-right:5px;
	font-size:.8em;
}
div.roundedcornerhead {
	font-weight:600;
	color:#fff;
	background: #00376C url(../images/info-curve-bg.jpg) no-repeat right top;
	height: 25px;
	padding: 0.2em 1em;
	line-height:120%;
}
/* End of Latest news section 
--------------------------------------------------------------- 
   Popular link section  */
#two-nav {
	padding:1px;
	float:left;
	width:95%;
	font-size:.9em;
}
#two-nav h3 {
	background:#008dce; 
	color:#FFFFFF;
	padding-left:1em;
	text-align:center;
}
.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;
}
.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;
}


/* 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%;
}
/* End of VET section
--------------------------------------------------------------- 
  PRES styling  */
.presbox {
	background-color:#FFD980;
	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 #E7A296;
	padding:.3em;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFECE6;
	margin-bottom:1px;
	width:85%;
}
.calendarstyle ul li {
	list-style-type:square;
}
.calendarstyle div {
	background:url(../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:2.6em;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:1em;
}
.soe-text {
	text-align:center;
	color:#333;
	padding-top:1em;
	font-size:1em;
	letter-spacing:.1em;
	line-height:120%;
	padding-bottom:1em;
	border-bottom: 1px dashed #666;
}
.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;

}
/* End of SOE brochure section
--------------------------------------------------------------- 
   Slideshow for Top Designs */
#slidecontainer {
	border: 1px solid #666;
	padding: .5em 0;
	text-align:center;
}
#slidecontainer p.nametag {
	background-color:#CCFFCC;
	padding: .5em 0;
	font-weight:600;
}
/* 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
--------------------------------------------------------------- 
    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%;
}
/* 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 */
.bulletinimg {
	background:url(../../images/bulletinOnlineIcon.jpg) no-repeat 0 0;
	width:50px;
	height:35px;	
}

/*
 *  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;
}

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

.imgRightWithCaption p {
	text-align:center;
	font-size:.9em;
	margin-top:-2px;
}

a{
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#234578;
}
a:hover{
	text-decoration:underline;
	color:#003300;
}
