/* Cathedral Roman Catholic Primary School Screen Stylesheet */
/* Build by John Simpson, Design by Gary White */
/* Created Feburay 2006 */

/* Main Body paramaters */
body { margin:0px; background:#AEA597; font-family: verdana; font-size: 9px; color: #666666; text-align:left; }
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #666666; text-align:left; }
div { color:#666; }
ol, ul, li { list-style-position:inside; margin: 0px 5px 10px 0px; }

/* DIV ID's */
	/* Backgrounds */
		#background_top { width:800px; height:90px; background:url('../images/backgrounds/background_top.jpg'); background-repeat:no-repeat; color:#000; z-index:1; text-align:left; margin:0px; padding:0px; }
		#background_mid { width:800px; height:100%; background:url('../images/backgrounds/background_mid.jpg'); background-repeat:repeat-y; color:#000; z-index:1; text-align:left; position:relative; margin:0px; padding-bottom:10px; }
		#background_bottom { width:800px; height:94px; background:url('../images/backgrounds/background_bottom.jpg'); background-repeat:no-repeat; color:#000; z-index:1; margin:0px; padding:0px; }
	/* */
	
	#childimage { position:absolute; left:120px; top:180px; visibility: visible; z-index:6; overflow:hidden; }
	#anne { position:absolute; left:540px; top:235px; visibility: visible; z-index:6; overflow:hidden; }
	#phone { position:absolute; left:180px; top:150px; visibility: visible; z-index:6; overflow:hidden; }
	#aboutimage { position:absolute; left:100px; top:110px; visibility: visible; z-index:6; overflow:hidden; }
	#pencil { position:absolute; left:257px; top:160px; visibility: visible; z-index:7; overflow:hidden; }
	#paperclipping { position:absolute; left:140px; top:150px; visibility: visible; z-index:9; overflow:hidden; }
	#postitnote { position:absolute; left:200px; top:300px; visibility: visible; z-index:9; overflow:hidden; }
	#calendarimg { position:absolute; left:120px; top:100px; visibility: visible; z-index:9; overflow:hidden; }
	#downloadimg { position:absolute; left:130px; top:180px; visibility: visible; z-index:9; overflow:hidden; }
	#mouse { position:absolute; left:550px; top:240px; visibility: visible; z-index:9; overflow:hidden; }
	#paperclips { position:absolute; left:80px; top:375px; visibility: visible; z-index:7; overflow:hidden; }
	
	/* Bookmark */
		#bookmark { position:absolute; left:24px; top:38px; visibility: visible; z-index:10; overflow:hidden; }
		#home { position:absolute; left:89px; top:195px; visibility: visible; z-index:10; overflow:hidden; }
		#welcome { position:absolute; left:78px; top:223px; visibility: visible; z-index:10; overflow:hidden; }
		#about { position:absolute; left:74px; top:247px; visibility: visible; z-index:10; overflow:hidden; }
		#whoswho { position:absolute; left:65px; top:274px; visibility: visible; z-index:10; overflow:hidden; }
		#news { position:absolute; left:80px; top:302px; visibility: visible; z-index:10; overflow:hidden; }	
		#calendar{ position:absolute; left:68px; top:328px; visibility: visible; z-index:10; overflow:hidden; }
		#contact { position:absolute; left:58px; top:353px; visibility: visible; z-index:10; overflow:hidden; }
		#downloads { position:absolute; left:55px; top:378px; visibility: visible; z-index:10; overflow:hidden; }
	/* */
/* */

.news_col1 { width:160px; float:left; font-size: 10px; font-weight: normal; color: #666; height:25px; }
.news_col2 { width:80px; float:left; font-size: 10px; font-weight: normal; color: #666; height:25px;  }
.news_col3 { width:60px; float:left; font-size: 10px; font-weight: normal; color: #666; height:25px; text-align:center;  }
.download_col1 { width:240px; float:left; font-size: 10px; font-weight: normal; color: #666; height:25px; }
.download_col2 { width:60px; float:left; font-size: 10px; font-weight: normal; color: #666; height:25px; text-align:center;  }


/* Backgrounds */
.book { width:800px; height:600px; background:url('../images/book_background.jpg'); background-repeat:no-repeat; color:#000; z-index:1; text-align:left;  top: 5%; };
.front_cover { width:800px; height:600px; background:url('../images/front_cover.jpg'); background-repeat:no-repeat; color:#000; z-index:1; text-align:left;  top: 5%; };

/* Text */
.content { left: 0; top: 0; width: 400; height: 260; clip: rect(0,400,260,0); z-index: 7; overflow: hidden; text-align:left; }
.copy { font-family: verdana; font-size: 9px; color: #000; text-align:left; }
.address { font-family: verdana; font-size: 9px; color: #fff; text-align:center; font-weight: normal; text-align: center; }
.staff { font-family: verdana; font-size: 9px; color: #808080; text-align:left; font-weight: normal; text-align: center; }
.blue_on { font-family: verdana; font-size: 10px; font-weight: bold; color: #666; line-height:13px; text-align:center; }
.copyright { font-family: verdana; font-size: 10px; font-weight: normal; color: #fff; line-height:13px; padding: 0px 3px 0px 3px; text-align:center; }
.sitemaptitle { font-family: verdana; font-size: 11px; font-weight: bold; color: #666; line-height:13px; text-align:center; }
/* Titles */
.address_title { font-family: verdana; font-size: 9px; color: #fff; text-align:center; font-weight: bold; text-align: center; }
.staff_title { font-family: verdana; font-size: 9px; color: #808080; text-align:left; font-weight: bold; text-align: center; }

/* Links */
a.news:link { text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; }
a.news:visited { text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; }
a.news:hover { text-decoration: none; color: #7089D1; font-weight: normal; font-family: Verdana; font-size: 10px; }

a.blue_bold:link { text-decoration: none; color: #7489C4; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; }
a.blue_bold:visited { text-decoration: none; color: #7489C4; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; }
a.blue_bold:hover { text-decoration: none; color: #666; font-weight: bold; font-family: Verdana; font-size: 10px; line-height:13px; }

a.copyright:link { text-decoration: none; color: #fff; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }
a.copyright:visited { text-decoration: none; color: #fff; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }
a.copyright:hover { text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }

a.sitemap:link { text-decoration: none; color: #666; font-weight: bold; font-family: Verdana; font-size: 11px; line-height:13px; }
a.sitemap:visited { text-decoration: none; color: #666; font-weight: bold; font-family: Verdana; font-size: 11px; line-height:13px; }
a.sitemap:hover { text-decoration: none; color: #7489C4; font-weight: bold; font-family: Verdana; font-size: 11px; line-height:13px; }

a.sitemap2:link { padding-left:5px; text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }
a.sitemap2:visited { padding-left:5px; text-decoration: none; color: #666; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }
a.sitemap2:hover { padding-left:5px; text-decoration: none; color: #7489C4; font-weight: normal; font-family: Verdana; font-size: 10px; line-height:13px; }


/* */
/* Colour Pallet */