html{
} 

body{
	background:#ffcc00;
	color:#000000;
	font-family:Calibri, Tahoma, Verdana, Arial, sans-serif;
	font-size:9pt;
	margin: 0;
	padding: 0;
	padding-top: 0;
	text-align: center;
}

body.splashpage{
	background:#ffffff;
}

p{
	text-align:justify;
}	

p a, .stripmenu a{
	display:inline;
	color:#4545CC;
/*	text-decoration:none;
	padding-top:2px;
*/
}

h1.title{
	font-size:22pt;
	text-align:center;
	color:#ffcc00;
	background-color:#000000;
	padding:10px;
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	border:4px solid #000000;
	margin-left:-12px;
	margin-right:-12px;
	font-weight:bold;
}

h1{
	background-color:#ffcc00;
	color:#000000;
	text-align:center;
}
h2{
	color:#000000;
	text-align:center;
}

h2.left{
	color:#000000;
	text-align:left;
}

h3{
	color:#000000;
	text-align:center;
}

h3.left{
	color:#000000;
	text-align:left;
}

h3 a{
	color:#000000;
}
h3.left a{
	color:#000000;
}

h3.left a:hover{
	text-decoration:none;
}

.block-centered{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.menu-image-block-centered{
	display:block;
	margin-left:20px;
	margin-right:20px;
}

#banner-top{
	position:relative;
	width: 100%;	/*960px;*/
	top: 0px;
	margin:0px auto;
	/*margin-bottom:20px;*/
	background-color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:24pt;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	color:#ffcc00;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:4px solid #000000;
}

#banner-bottom{
	position:relative;
	width:100%; 		/*960px;*/
	top: 20px;
	margin:0px auto;
	background-color:#000000;
	border-top:4px solid #000000;
	color:#707070;
}

#banner-bottom-content{
	position:relative;
	width:960px;
	margin:0px auto;
	background-color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:8pt;
	font-weight:normal;
	color:#ffcc00;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
	border:4px solid #000000;
}

#wrapper-body{
	position:relative;
	width: 960px;
	/*height: 400px;*/
	top: 20px;
	margin:0px auto;
	margin-bottom:20px;
	background-color:#FFFFFF;
	border: 4px solid #000000;
	text-align:left;
	margin-top:0px;
	z-index:auto;
}
#wrapper-body-splashpage{
	position:relative;
	width: 960px;
	/*height: 400px;*/
	top: 20px;
	margin:0px auto;
	margin-bottom:20px;
	background-color:#FFFFFF;
	border: none;
	text-align:left;
	margin-top:0px;
	z-index:auto;
}

#content-main-heading{
	position:relative; 
	width:100%; 
	background-color:#ffcc00; 
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

#content-main{
	position:relative;
	width: 810px;
	left: 140px;
	z-index:1;
	/*top: 71px;*/
	/*border: 1px solid #000000;*/
}
#div-image-pagetitle{
	position:relative;
	width:513px;
	height:105px;
	left:140px;
	z-index:1;
}

#image-pagetitle{
	margin-top:20px;
}

table.contactpage-details{
	font-size:11pt;
	width:100%;
}

table.contactpage-details td{
	vertical-align:text-top;
}
table.contactpage-details td.desc{
	font-weight:bold;
}

table#contact-footer-details{
	/*border:1px solid #c0c0c0;*/
	position:relative;
	width:40%;
	border-spacing:0px;
	color:#ffffff;
}
td#contact-footer-details-heading{
	font-weight:bold;
	font-size:9pt;
	letter-spacing:1px;
	cell-spacing:0px;
	text-decoration:underline;
}

ol{
	list-style-position:inside;
}
ul{
	list-style-position:inside;
}

li{
/*	border:1px solid black;*/
	padding-top:2px;
	padding-bottom:2px;

}

li.folder{
	list-style-image: url(http://www.putauaki.school.nz/img/foldericon2.png);
	list-style-position: outside;
}

ul li.file{
	vertical-align:top;
	color:#a0a0a0;
	list-style-position: inside;
	list-style-image: url(http://www.putauaki.school.nz/img/fileicon2.png);	/*fileicon.png);*/
}

ul li.pdffile{
	color:#a0a0a0;
	list-style-position: inside;
	list-style-image: url(http://www.putauaki.school.nz/img/pdficon_small.gif);	/*fileicon.png);*/
}

ul li.pdffile a{
	display:inline-block;
	vertical-align:top;
	color:#4545CC;
	text-decoration:none;
	padding-top:2px;
	margin-left:10px;
}
a
{
	display:inline-block;
	vertical-align:top;
	color:#4545CC;
	text-decoration:none;
	padding-top:2px;
}
a:hover
{
	text-decoration:underline;
}

a img{
	border:none;
	display:none;
}

.menu-left
{
	clear:both;
	display:block;
	background-color:#ffffff;
	text-align:left;
	font-size:11pt;
	padding-left:0px;
	padding-right:0px;
	width:120px;
	border-top:2px solid #ffcc00;
	border-bottom:2px solid #ffcc00;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

.menu-left a.menu
{
	display:block;
	color:#ffcc00;	
	text-decoration:none;
	border-top:2px solid #ffcc00;
	border-right:2px solid #ffcc00;
	padding:5px 0px 5px 10px;
	background-color:#000000;		/*#EEEEFF;*/
}

.menu-left a.menu:hover
{
background-color:#ffcc00;	
color:#000000;
font-weight:bold;
text-decoration:none;
}

div.stripmenu{
	font-size:12px;
	color:#707070;
}
	
div.stripmenu a{
	color:#707070;
}

.div-main-splashpage{
	position:relative;
	width:710px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.div-main-splashpage p{
	text-align:center;
	font-size:12pt;
	font-style:italic;
}

.div-main-splashpage img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:10px;
}

p.copyright{
	text-align:center;
	font-size:9pt;
	font-style:normal;
	color:#707070;
}