/*standard styles to save problems */

body {
	margin:0px;
	padding: 0px;
	font-family:arial,sans serif;
	/*background-color:#ccccff;*/
}

table p {
	margin:0px;
	padding:0px;
}


table {
	margin:0px;
	padding:0px;
        border:none;
}

p {
margin:0px;
}

img {
border:none;
}
/*End of standard styles to save problems */

#wholesitepositionid {
	position:relative;
	top:10px;
	left:0px;
	width:100%;
}

#wholesitecenterid {
	margin:auto;
	position:relative;
	width:776px;
	/*background-color:#ffff00;*/
	top:0px;
}

/* The css below is used to switch images. It works by having the hoverimage permanently displayed in the div tag so it is underneath the link. When the hover state is activated, the display goes to none, and the background-image in the div tag underneath is displayed. The image tag itself which is wrapped in the a tag has to be a transparent gif. */

/*
.anyimage {
  width: 120px;
  height: 140px;
  background: url("../images/Tunisia/anyimage_hover.gif") top left no-repeat;
}

.anyimage a {
  text-decoration: none;
  background: url("../images/Tunisia/anyimage.gif") top left no-repeat;
  display: block;

}

.anyimage a:hover {
  background-image: none;
}
*/

.splashbanner {
position:absolute;
left:0px;
top:0px;
}

.splashtopleft {
position:absolute;
left:0px;
top:99px;
}

.splashtopmiddle {
position:absolute;
left:259px;
top:99px;
}


.splashtopright {
position:absolute;
left:517px;
top:99px;
}

.splashmembers {
position:absolute;
left:259px;
top:429px;
z-index:90;
}

.splashpauline {
position:absolute;
left:259px;
top:281px;
}





/* Parents Rollover is below -------------------------------- */


.splashparents {
position:absolute;
left:0px;
top:281px;
width:259px;
height:160px;
background: url("../Images/Splash/Parents_over.jpg") top left no-repeat;
}

.splashparents a {
 background: url("../Images/Splash/Parents_up.jpg") top left no-repeat;
 display: block;

}

.splashparents a:hover {
 background-image: none;
}


/* partners rollover is below ---------------------------------------*/

.splashpartners {
position:absolute;
left:517px;
top:429px;
width:259px;
height:160px;
background: url("../Images/Splash/Down/splash_partners_down.jpg") top left no-repeat;
}

.splashpartners a {
 background: url("../Images/Splash/splash_partners_up.jpg") top left no-repeat;
 display: block;

}

.splashpartners a:hover {
 background-image: none;
}


/* principals rollover is below ---------------------------------------*/

.splashprincipals {
position:absolute;
left:517px;
top:429px;
width:259px;
height:160px;
background: url("../Images/Splash/principals_OVER.jpg") top left no-repeat;
}

.splashprincipals a {
 background: url("../Images/Splash/principals_UP.jpg") top left no-repeat;
 display: block;

}

.splashprincipals a:hover {
 background-image: none;
}




/* Students roll-over is below ---------------------------------*/


.splashstudents {
position:absolute;
left:259px;
top:281px;
height:160px;
background: url("../Images/Splash/Students_over.jpg") top left no-repeat;
}

.splashstudents a {
 background: url("../Images/Splash/Students_up.jpg") top left no-repeat;
 display: block;

}

.splashstudents a:hover {
 background-image: none;
}

/* blog rollover is below ---------------------------------------*/

.splashpauline {
position:absolute;
z-index:30;
left:0px;
top:429px;
width:259px;
height:160px;
background: url("../Images/Splash/Blog_over.jpg") top left no-repeat;
}

.splashpauline a {
 background: url("../Images/Splash/Blog_up.jpg") top left no-repeat;
 display: block;

}

.splashpauline a:hover {
 background-image: none;
}


/* locations rollover is below ---------------------------------------*/

.splashlocations {
position:absolute;
z-index:30;
left:0px;
top:429px;
width:259px;
height:160px;
background: url("../Images/Splash/locations_over.jpg") top left no-repeat;
}

.splashlocations a {
 background: url("../Images/Splash/locations_up.jpg") top left no-repeat;
 display: block;

}

.splashlocations a:hover {
 background-image: none;
}



/* Latest News roll-over is below ---------------------------------*/


.splashlatest {
position:absolute;
left:517px;
top:281px;
height:160px;
background: url("../Images/Splash/Down/splash_latest_down.jpg") top left no-repeat;
}

.splashlatest a {
 background: url("../Images/Splash/splash_latest_up.jpg") top left no-repeat;
 display: block;

}

.splashlatest a:hover {
 background-image: none;
}



#topmenuline {
	display:none;
}
	

#submenuline {
display:none;
}

#article {
display:none;
}

#idpagetext {
display:none;
}
#stretcher {
display:none;
}

#basescrollgraphicid {
display:none;
}

.buttonstyle {
display:none;
}

.Latest_News_Heading {
	font-weight: bold;
	color: #336666;
	font-size:18px;
}
a.Latest_News_Headlines {
	color: #FFCC00;
	font-size: 13px;
	text-decoration:none;
	font-weight:bold;
}
a.Latest_News_Headlines:hover {
	color: #336666;
}	

a.Specials {
color : #FFC800;
font-size: 19px;
font-family: times new roman, serif;
text-decoration: none;
}
a.Specials:hover {
color : #FFFFFF;
text-decoration: none;
}

a.coming_soon_splash {
color: #FFC800;
font-size:22px;
font-family: times new roman, serif;
text-decoration: none;
}
