/* Ceduna Area School – Main CSS Code */
/*  ======================================================
© Department of Education and Children's Services (DECS), Government of South Australia.

The template design and banner images are for the exclusive use of DECS schools and sites.

Version: 3
Theme: Apple: Light Blue
	Colour Set 1 (tints): #006DAB, #338ABC, #66A7CD, #99C5DD,#CCE2EE
	Colour Set 2 (tints): #D3C9B7, #DCD4C5, #E5DFD4, #EDE9E2,#F6F4F1
	Colour Set 3 (tints): #016DAC, #348ABD, #67A7CD, #99C5DE,«Color3Tint20»
Last major HTML update: 24 August 2009
CSS Updated: 28-Jan-10
	* additional styles for second level menu in css, class added to top level menu UL

========================================================== */
body {
	color: #000000;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 75%;
	margin: 0px;
	background-color: #FEFEFE;
	text-align: center;

	

};

	
}
.spacer {clear: both;}
div.spacer {clear: both;}
/* HEADING  */
div#heading {
	color: #FFFFFF;
	height: 130px;
	background-image: url('../images/heading_bg.png');
	background-color: #006DAB /* colour 1, tint 100%  */
	background-position: center;
	background-repeat: no-repeat;
	border-top: 1px solid #016DAC; /* colour 3 (by default one RGB value off of colour 1), tint 100%  */
	border-bottom: 1px solid #fff;
	overflow: hidden;
	vertical-align: middle;
}
#heading h1 span {}

/* CONTAINER */

/* The container has both the menu and main content area in it and helps
control the structure of the page  */

#container {
	background-color: #fff;
	position: relative;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}


/* SIDEPANEL */

/* The sidepanel contains both the Menu and the DECS Logo / DECS Imagemap
which links to the Minister's Office and to the DECS Portal page  */

#sidepanel {
	float: left;
	width: 200px;
	left: 0px;
	text-align: left;
	margin: 20px 20px 0 0px;
	}

#logos {
	text-align: center;
}

/* MENU */
#menu {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0em 0 2.1em 0em;
}

#menu li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	line-height: 1.4em;
	display: inline;
}

#menu ul {
	margin-left: 0px;
	padding-left: 0px;
} 

#menu a:link {
	color: #fff;
	/*background-color: #338ABC;*/ /* colour 1, tint 80%  */
	background-image: url('../images/menu_btn_bg.png');  
	/*border: 1px solid #006DAB;*/ /* colour 1, tint 100%  */
	display: block;
	margin-bottom: 3px;
	padding-top: 0.525em;
	padding-bottom: 0.525em;
	padding-left: 3px;
	text-decoration: none;
	} 

#menu a {
	color: #fff;
	/*background-color: #338ABC;*/ /* colour 1, tint 80%  */
	background-image: url('../images/menu_btn_bg.png');  
	/*border: 1px solid #006DAB;*/ /* colour 1, tint 100%  */
	display: block;
	margin-bottom: 3px;
	padding-top: 0.525em;
	padding-bottom: 0.525em;
	padding-left: 3px;
	text-decoration: none;
	} 

#menu a:visited {
	color: #fff;
	/*background-color: #338ABC; *//* colour 1, tint 80%  */
	background-image: url('../images/menu_btn_bg.png');  
	/*border: 1px solid #338ABC; /* colour 1, tint 100%  */
	display: block;
	margin-bottom: 3px;
	padding-top: 0.525em;
	padding-bottom: 0.525em;
	padding-left: 3px;
	text-decoration: none;
	}

#menu a:hover {
	color: #40af05;
	background-color: #d2eb01; /* colour 2, tint 80%  */
	/*border: 1px solid #40af05; /* colour 2, tint 100%  */
	background-image: url('../images/menu_btn_ovr_bg.png');
	display: block;
	margin-bottom: 3px;
	padding-top: 0.525em;
	padding-bottom: 0.525em;
	padding-left: 3px;
	text-decoration: none;
	}

#menu a:active {
	color: #40af05;
	background-color: #d2eb01; /* colour 2, tint 80%  */
	/*border: 1px solid #40af05; /* colour 2, tint 100%  */
	background-image: url('../images/menu_btn_ovr_bg.png');
	display: block;
	margin-bottom: 3px;
	padding-top: 0.525em;
	padding-bottom: 0.525em;
	padding-left: 3px;
	text-decoration: none;
	}
#menu ul ul {margin-top: 0; margin-bottom: 3px; font-size: 0.92em; line-height: 1.1em;}
#menu ul li {}
#menu ul ul a:link {
	color: #40af05;
	background: #E5DFD4; /* colour 2, tint 60%  */ 
	margin-top: 0; 
	margin-bottom: 2px;
	border: 1px solid #DCD4C5; /* colour 2, tint 80%  */}
#menu ul ul a:visited {
	color: #40af05;
	background: #E5DFD4; /* colour 2, tint 60%  */ 
	margin-top: 0; 
	margin-bottom: 2px;
	border: 1px solid #DCD4C5; /* colour 2, tint 80%  */}
#menu ul a {
	color: #40af05;
	background: #E5DFD4; /* colour 2, tint 60%  */ 
	margin-top: 0; 
	margin-bottom: 2px;
	border: 1px solid #DCD4C5; /* colour 2, tint 80%  */}
#menu ul ul a:hover {
	color: #93D5FE; 	
	background-color:  #d2eb01; /* colour 2, tint 80%  */
	/*border: 1px solid #D3C9B7; /* colour 2, tint 100%  */ 
	margin-bottom: 2px;
	border: 1px solid #D3C9B7; /* colour 2, tint 100%  */}
#menu ul ul a:active {
	color: #93D5FE; 	
	background-color:  #d2eb01; /* colour 2, tint 80%  */
	/*border: 1px solid #D3C9B7; /* colour 2, tint 100%  */ 
	margin-bottom: 2px;
	border: 1px solid #D3C9B7; /* colour 2, tint 100%  */}
#hidden {display:none;}



/* MAIN CONTENT AREA */
#main {
	float: left;
	font-size: 0.916667em;
	line-height: 1.75em;
	text-align: left;
	margin-top: 20px;
	max-width: 530px;
	min-width: 530px;
}

#clear {
	clear: both;
}
.benefits {
font-family:Verdana, helvetica, arial, sans-serif;
font-size:0.916667em;
line-height:1.909091em;
color:#797979;
margin-top:0;
margin-bottom:1.909091em;
}
.thumbnail {
text-align:center;
border:0;
}

.description {
text-align:center;
border:0;
padding-bottom:10px;
}
.floatleft {
	padding: 5px 10px 5px 0;

	padding: 5px 10px 5px 0;
	float: left;
}
.floatright {
	padding: 5px 0px 5px 10px;

	padding: 5px 0px 5px 10px;
	float: right;
}
/* div.2columncontainer {}  */
div.column1of2 {
	border: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	background-color: #EEE3DB;
	display: block;
	float: left;
	width: 245px;
	padding: 0 5px 5px 5px;
	margin:0.875em 5px 0 0;
}
div.column2of2 {
	display: block;
	width: 245px;
	float: left;
	padding: 0 5px 5px 5px;
	margin:0.875em 0 0 5px;
}
/* FOOTER  */
#footer {
	margin-top: 30px;
	margin-top: 30px;	
	border-top: 1px solid #55e905; /* colour 2, tint 80%  */
	/*background-color: #D4E8ED; /* colour 2, tint 40%  */
	/*background-image: url('.../images/footer_bg.png');*/
	/* min-height: 80px;  */
	padding: 4px 10px 4px 10px;
	font-size: 0.8em;
	line-height: 1.909091em;
	text-align: left;
}

#footer p {
color: #256802;
}

#footer a:visited {
	color: #606060;
}

#footer a:link {
	color: #606060;
}

#footer a {
	color: #606060;
}
#footer a:hover {
	 color: #d2eb01;
}
#footer a:active {
	 color: #d2eb01;
}
#footer a:visited {
	color: #606060;
}
#footer a:link {
	color: #606060;
}
#footer a {
	color: #606060;
}
#footer a:hover {
	 color: #d2eb01;
	 }
#footer a:active {
	 color: #d2eb01;
	 }
/* GENERAL FORMATTING  */
abbr {
	letter-spacing: 0.05em;
	font-variant: small-caps;
}

acronym {
	letter-spacing: 0.05em;
	font-variant: small-caps;
}
th {
	font-size: 0.916667em;
}

li {
	font-size: 0.916667em;
}

ul {
	font-size: 0.916667em;
}

td {
	font-size: 0.916667em;
}

p {
	font-size: 0.916667em;
}

ul ul {
	font-size: 1em;
}
ul ul {
	font-size: 1em;
}
div.column1of2 p {
	margin-top: 1em;
	margin-bottom: 1em;
}


div.column2of2 p {
	margin-top: 1em;
	margin-bottom: 1em;
}


blockquote {
	margin:1.5em;
	font-size: 1em;
	line-height: 1.75em;
	letter-spacing: 0.03em;
	text-align: center;
	font-weight: bold;
}   



.returntotop {
	font-size: 0.916667em;
	line-height: 1.909091em;
	margin-top: 0.4375em;
	margin-bottom: 0.875em;
	clear: both;
}

#slogan {
	clear:both;
	font-weight: normal;
	font-style: italic;
	background-color: #FFFAEC;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 1.166667em;
	line-height: 1.5em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	border-top: 1px solid #FFEDBB;
	border-bottom: 1px solid #FFEDBB;
}

/* TABLES */

table {
	margin-top: 0.875em;
	margin-bottom: 0.875em;
	text-align: left;
}

tr {
	margin-top: 0em;
	margin-bottom: 0em;
}

th {
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	vertical-align: top;
}

td {
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	vertical-align: top;
}


table.contacttable {
	line-height: 1.75;
	margin-top: 1.75em;
	margin-bottom: 1.75em;
}

tr.contacttabletop th{
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	border-top: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
}



tr.contacttabletop td{
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	border-top: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
}



table.sessiontable {
	line-height: 1.75;
	margin-top: 1.75em;
	margin-bottom: 1.75em;
}

tr.sessiontabletop th{
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	border-top: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
}

tr.sessiontabletop td{
	border-bottom: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
	border-top: 1px dotted #D3C9B7; /* colour 2, tint 100%  */
}
table td li {
	margin-left: 6px;
	padding-left: 6px;
}


table td ul {
	margin-left: 6px;
	padding-left: 6px;
}


/* DOWNLOAD TABLE */

table.download {
	background-color: #fff; /* colour 2, tint 60%  */
	border: 1px solid #DDFACD; /* colour 2, tint 100%  */
	padding: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 1.75em;
	margin-bottom: 1.75em;
	}

td.notice {
	text-align: center;
	background-color: #DCD4C5; /* colour 2, tint 80%  */
	border-bottom: 1px solid #D3C9B7; /* colour 2, tint 100%  */
	padding: 3px;
	font-size: 0.916667em;
	margin-top: 0.4375em;
	margin-bottom: 0.875em;
}

th.download {
	color: #fff;		
	background-color: #76EB37; /* colour 2, tint 40%  */
	border-bottom: 1px solid #D3C9B7; /* colour 2, tint 100%  */
	padding: 3px;
}
table.download tr td {
	padding: 3px;
	border-bottom: 1px solid #D3C9B7; /* colour 2, tint 100%  */
}
table.download tr:hover td {
	padding: 3px;
	background-color: #E5DFD4; /* colour 2, tint 60%  */
}



/* HEADERS */

h1 {
display: none;
visibility: hidden; 
 
	/* display: none;
	visibility: hidden; */ 
	padding-top: 100px;
 padding-left: 10px; 
 text-align: left;
 font: normal normal normal 24px/0.02em verdana, arial, helvetica, sans-serif; /* 2em;*/
 margin-top: 0.525em;
 margin-bottom: 1.05em;
	color: #CCE2EE; /* colour 1, tint 20%  */}
h2 {
	font-size: 1.3em;
	line-height: 1.05em;
	margin-top: 0.875em;
	margin-bottom: 0.875em;
	font-weight: bold;
	font-family: Verdana, helvetica, arial, sans-serif;
	color: #40af05; /* colour 3 (by default one RGB value off of colour 1), tint 100%  */
}
h2.h2topofpage {
	margin-top: 0em;
}

h3 {
	font-size: 1.1em;
	line-height: 1.3125em;
	margin-top: 2.1em;
	margin-bottom: 0.525em;
	font-weight: bold;
	font-family: Verdana, helvetica, arial, sans-serif;
	color: #40af05; /* colour 3 (by default one RGB value off of colour 1), tint 100%  */
	/*background-color: #CCE2EE; /* colour 1, tint 20%  */
	border-bottom: 1px solid #40af05; /* colour 1, tint 80%  */

	padding: 3px;
}
div.column2of2 h3 {
	font-family:Verdana, Arial, Helvetica, serif;
	font-size:0.9em;
	line-height:1.75em;
	margin-top:0.47727em;
	margin-bottom:0.47727em;
	font-weight:400;
	text-transform:none;
	letter-spacing:0.1em;
	background-color: transparent;
	border: 0;
}

div.column1of2 h3 {
	font-family:Verdana, Arial, Helvetica, serif;
	font-size:0.9em;
	line-height:1.75em;
	margin-top:0.47727em;
	margin-bottom:0.47727em;
	font-weight:400;
	text-transform:none;
	letter-spacing:0.1em;
	background-color: transparent;
	border: 0;
}

table h3 {
	font-family:Verdana, Arial, Helvetica, serif;
	font-size:0.9em;
	line-height:1.75em;
	margin-top:0.47727em;
	margin-bottom:0.47727em;
	font-weight:400;
	text-transform:none;
	letter-spacing:0.1em;
	background-color: transparent;
	border: 0;
}

h4 {
	font-family:Verdana, helvetica, arial, sans-serif;
	font-size:0.9em;
	line-height:1.75em;
	margin-top:0.47727em;
	margin-bottom:0.47727em;
	font-weight:400;
	text-transform:none;
	letter-spacing:0.1em;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #606060;
}
h6 {
	font-size: 1.1em;
	font-weight: bold;
	color: #606060;
}
/*  HYPERLINKS */
a.extlink:active {}
a.extlink:hover {}
a.extlink:link {}
a.extlink {}
/* general links  */
a:link {
	color: #0F5E92;
}

a:visited {
	color: #633FA5;
}

a:hover {
	color: #DA9D19;
}

a:active {
	color: #0F5E92;
}
a:hover img { border: 0; text-decoration: none;}
a:active img { border: 0; text-decoration: none;}
a:visited img { border: 0; text-decoration: none;}
a:link img { border: 0; text-decoration: none;}
a img { border: 0; text-decoration: none;}
img { border: 0; text-decoration: none;}
a.hover .thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
a:active .thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
a:visited .thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
a:link .thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
a .thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
.thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
img.thumbnail { border: 1px solid “Color1Tint100»; /* colour 1, tint 100%  */ }
/* Photo Gallery */
ul.photoGallery {
	list-style-type:none;
	list-style-image: none;
	padding: 0; 
	margin: 1.5em 0 0 0;
	border: 0;
	}
li.photoGalleryItem {
	float: left; 
	margin: 0;
	padding: 0 6px 8px 0;
	border: 0;
	font-size: 0.85em;
}
li.photoGalleryItem a {
	margin: 0;
	padding: 0;
	border: 0;
}
li.photoGalleryItem img {
	margin: 0;
	padding: 0;
}