/*

Design by Metamorphosis Design

http://www.metamorphozis.com

Released for free under a Creative Commons Attribution 2.5 License

*/



*

{

margin: 0px;

padding: 0px;

}



a:link {

	color: #E41D1D;

}



a:hover {

	text-decoration: none;

	color: #FF0000;

}



a:visited {

	color: #E41D1D;

}



body {

	

	background: #BFD4FF url(images/back_all.gif) repeat-x;

	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

}



#content

{

	margin: 0 auto;

	width: 765px;

	text-align: left;

}



#back

{

width: 765px;

}



#header {

	height: 103px;

	text-align: left;		

}



#menu1

{

width: 750px;
height: 45px;
padding-left: 8px;
}



#menu ul {

	list-style: none;	

}



#menu li {

	

	display: inline; 

	

}



#menu a {

	float: left;

	width: 79px;

	height: 32px;

    display: block;

	text-align: center;

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

}



# cacluc a:hover {

	width: 79px;

    height: 32px;

	color: #ffffff;

	text-decoration: underline;

}



#button1 a

{

background: url(images/button1.png) no-repeat;

height: 25px;

width: 125px;

padding-top: 20px;

}

#button1 a:hover

{

background: url(images/button1_r.png) no-repeat;

height: 34px;

width: 125px;

margin-top: -9px;

}



#button2 a

{

background: url(images/button2.png) no-repeat;

height: 25px;

width: 125px;

padding-top: 20px;

}

#button2 a:hover

{

background: url(images/button2_r.png) no-repeat;

height: 34px;

width: 125px;

margin-top: -9px;

}



#button3 a

{

background: url(images/button3.png) no-repeat;

height: 25px;

width: 125px;

padding-top: 20px;

}

#button3 a:hover

{

background: url(images/button3_r.png) no-repeat;

height: 34px;

width: 125px;

margin-top: -9px;

}

#button4 a

{

background: url(images/button4.png) no-repeat;

height: 25px;

width: 125px;

padding-top: 20px;

}

#button4 a:hover

{

background: url(images/button4_r.png) no-repeat;

height: 34px;

width: 125px;

margin-top: -9px;

}

#button5 a

{

background: url(images/button5.png) no-repeat;

height: 25px;

width: 125px;

padding-top: 20px;

}

#button5 a:hover

{

background: url(images/button5_r.png) no-repeat;
height: 34px;
width: 125px;
margin-top: -9px;
}

#button6 a

{

background: url(images/button6.png) no-repeat;
height: 25px;
width: 125px;
padding-top: 20px;
color: black;

}

#button6 a:hover

{

background: url(images/button6_r.png) no-repeat;
height: 34px;
width: 125px;
margin-top: -9px;
color: black;
}


#logo {

width: 745px;

height: 48px;

text-align: left;

padding-left: 20px;

padding-top: 10px;

}





#logo a {

	text-decoration: none;

	font-style: italic;

	font-size: 16px;

	color: #000000;

}



#logo H1, #logo H2

{

line-height: 16px;

}



#logo H2 a

{

font-size: 10px;

text-transform: uppercase;

}



#top

{

background: url(images/top.png) no-repeat;

height: 10px;

}



#main

{

width: 765px;

background: #FFFFFF;

}



#boxes

{

width: 765px;

margin-bottom: 10px;

}



#box1

{

width: 203px;

height: 193px;

float: left;

font-size: 11px;

background: url(images/box1.jpg) no-repeat;

}



#box2

{

width: 203px;

height: 193px;

float: left;

font-size: 11px;

background: url(images/box2.jpg) no-repeat;

}



#box3

{

width: 203px;

height: 193px;

float: left;

font-size: 11px;

background: url(images/box3.jpg) no-repeat;

}



#box1 h2, #box2 h2, #box3 h2

{

color: #FFFFFF;

font-size: 14px;

font-weight: bold;

padding-bottom: 10px;

}



#box1, #box2, #box3

{

color: #000000;

margin-left: 16px;

padding: 15px;

}



#top1

{

width: 733px;

background: url(images/top1.gif) no-repeat;

height: 15px;

}



#bottom1

{

width: 733px;

background: url(images/bottom1.gif) no-repeat top;

height: 11px;

}



#page

{

width: 733px;

margin: 0 auto;

}



#back1

{

background: #ECECEC;

}



#left

{

	width: 207px;

	margin-left: 10px;

}



#left H3

{

width: 182px;

height: 28px;

font-size: 14px;

font-weight: bold;

padding-left: 25px;

padding-top: 10px;

text-transform: uppercase;

color: #ffffff;

background: url(images/title.gif) repeat-x

}



#left ul {

	list-style: none;



}



#left li ul {

	border: 0px;

	margin-left: 20px;

	margin-bottom: 10px;

}



#left li li {

	padding: 4px 10px;

    background: url(images/small.gif) no-repeat left;

}



#left a {

	color: #E41D1D;

}

#left a:visited {

	color: #E41D1D;

}



#left p

{

padding: 10px;

}



#calendar1 {

	padding: 0 10px 20px 10px;

}



#calendar table {

	width: 100%;

	text-align: center;

}



#calendar thead {



}



#calendar tbody td {

	border: 1px solid #F1F1F1;

}



#calendar #prev {

	text-align: left;

}



#calendar #next {

	text-align: right;

}



#calendar tfoot a {

	text-decoration: none;

	font-weight: bold;

}



#calendar #now {

	background: #696969;

	border: 1px solid #ff0000;

	font-weight: bold;

	color: #ffffff

}



#right

{

float: right;

width: 450px;

padding-right: 10px;

}



#right H4

{

	margin: 0;

	padding: 0px;

	font-size: 12px;

	color: #E41D1D;

}



#right a

{

color: #E41D1D;

text-decoration: none;

}



#right p {

	margin: 0;

	padding: 0;

	padding-bottom: 10px;

}



#right h2 {

	margin: 0;

	padding: 0;

	padding-top: 10px;

	color: #E41D1D;

}



#right ol, #right ul

{

margin-left: 30px;

}



.date {

	text-align: right;

	color: #808080;

	font-size: 11px;

}



.date a {

	color: #D72020;

}







#footer {

	height: 29px;

	clear: both;

	padding-top: 20px;

	padding-bottom: 10px;

	background: url(images/bottom.gif) no-repeat top;

}



#footer p {

	margin: 0;

	font-size: 10px;

	text-align: center;

	color: #666666;

}



#footer a {

	color: #666666;

}





.scroll_my

{

padding-left: 15px;

padding-top: 8px;

}



/*

scroll styles here

*/



.item { width: 733px; height: 270px;}

.item img {float:left;}

.item h2 { border:none; margin-bottom:15px;}



.scrollable { position:relative; overflow:hidden; width: 733px; height: 270px;} 

.scrollable .items { width:20000em; position:absolute;}

.scrollable .items div { float:left;} 

.scrollable .items .item { overflow:hidden;}

.scrollable .items .item p { line-height:16px;}

.navi { width:auto; height:20px; float:right; margin: 10px 0; padding-right: 20px;} 

.navi a { width: 17px; cursor:pointer; height: 14px; float:left; margin:0 0 0 1px; background:url(images/prev_but.png) no-repeat scroll right top; display:block; font-size:1px;} 

.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 1px;  background:url(images/prev_but_hov.png) no-repeat scroll right top}



.header1

{

width: 733px; height: 270px;

background: url(http://www.sunburytoylibrary.com.au/images/header.jpg) no-repeat;

}



.header2

{

width: 733px; height: 270px;

background: url(http://www.sunburytoylibrary.com.au/images/header2.jpg) no-repeat;

}



.header3

{

width: 733px; height: 270px;

background: url(http://www.sunburytoylibrary.com.au/images/header3.jpg) no-repeat;

}





/* ------------------------------------------------------------------------

DO NOT CHANGE

------------------------------------------------------------------------- */





div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}

div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}