body, *
{
	margin:0;
	padding:0;
}

/* EDITOR STYLESHEET */

BODY 
{
	FONT-FAMILY: Verdana, Arial, SunSans-Regular, Sans-Serif;	
	font-size:13px;
}

h2,h3,h4,h5,h6,p 
{
	margin:10px; 
	line-height:130%;
}

h2,h3,h4,h5,h6,p,ul,ol,li
{
	font-family:Arial,Verdana,Sans-serif,Georgia;
}

h1{}

h1 span 
{
	display:none;
}

h2
{
	COLOR: #005791;	
	FONT-SIZE: 20px; 
	FONT-WEIGHT: bold;
}

h3
{
	COLOR: #0099FF;	
	FONT-SIZE: 15px; 
	FONT-WEIGHT: bold;
}

p 
{
	COLOR: #000000;	
	FONT-SIZE: 13px; 
	FONT-FAMILY: Arial;
}

a, a:link, a:visited
{
	font-weight:bold; 
	text-decoration:none;
}
a:link {
	color:blue;
}


a:hover
{
	text-decoration:underline;
	color:orange;
}



img a, a img {
border:0;
}

.introduction 
{
	COLOR: #0099FF;	
	FONT-SIZE: 15px; 
	FONT-WEIGHT: bold;
}

.highlight
{
	color:orange;
	font-weight:bold;
}

.introduction a {
	FONT-SIZE: 15px; 
	FONT-WEIGHT: bold;
}


.right {
	float:right;
	
}
.left {
	float:left;
	
}

#maincontent li {
	margin-left:40px;
}

/* END */

#container
{
	overflow:hidden; 
	width:800px; 
	margin:0 auto;
}

#header
{
	height:93px;
}

#topmenu
{
	margin-left:10px;
}
	
#maincontent
{
	clear:both;
	float:right;
	width:650px;
	padding: 10px 0px 10px 10px;
}

#maincontentindex
{
	clear:both;
	float:left;
	overflow:hidden;
	width:420px;
	padding: 10px 0px 10px 70px;
}

#sidecontent
{
	float:left; 
	margin: 0 0 0 10px;
	padding: 0;
}

#rightsidecontent
{
	float:right;
	margin:10px; 
	width:280px;
}

#footer
{
	width:800px;
	height: 64px;
	margin: 0px;
	float: left;
}



p.breadcrumb 
{
	border-bottom: 1px dotted #264E6A; padding-bottom:5px;
}

#accessiblelinks li 
{
	position: absolute; 
	left: -999em; 
	width: 990em; 
}





#topmenu 
{
	display:block; 
	width:800px;
}
#topmenu ul 
{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#topmenu li 
{
	float:left;
}
#topmenu a 
{
	display:block; 
	height:0; 
	padding-top:33px; 
	color:#000; 
	overflow:hidden;
}

* html #topmenu a:link, 
* html #topmenu a:visited 
{
	height:35px; 
	height:0;
}
* html #topmenu a:hover 
{
	height:128px; 
	height:0;
}


/* DYNAMIC VERSION */

#mainNav 
{
	display:block; 
	width:800px;
	}
#mainNav ul 
{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#mainNav li 
{
	float:left;
}
#mainNav a 
{
	display:block;
	height:0; 
	padding-top:33px; 
	color:#000; 
	overflow:hidden;
}

* html #mainNav a:link, 
* html #mainNav a:visited 
{
	height:35px; 
	height:0;
}
* html #mainNav a:hover 
{
	height:128px; 
	height:0;
}

/* Home */
#mainNav li.tmHome 
{
	width:62px; 
	background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_home.gif);
} 
#mainNav a#tmHome 
{
	width:62px; 
	background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_home_r.gif) -100px -90px no-repeat;
}
#mainNav a#tmHome:hover 
{
	background-position:0 0; 
	z-index:50;
}

/*Gallery*/
#mainNav li.tmGallery {width:66px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_gallery.gif);} 
#mainNav a#tmGallery {width:66px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_gallery_r.gif) -130px -90px no-repeat;}
#mainNav a#tmGallery:hover {background-position:0 0; z-index:50;}

/*Submitting work*/
#mainNav li.tmSubmittingWork {width:122px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_submittingwork.gif);}
#mainNav a#tmSubmittingWork {width:122px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_submittingwork_r.gif) -130px -90px no-repeat;}
#mainNav a#tmSubmittingWork:hover {background-position:0 0; z-index:50;}

/*competitions*/
#mainNav li.tmCompetitions {width:106px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_competitions.gif);} 
#mainNav a#tmCompetitions {width:106px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_competitions_r.gif) -130px -90px no-repeat;}
#mainNav a#tmCompetitions:hover {background-position:0 0; z-index:50;}

/*news*/
#mainNav li.tmNews {width:52px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_news.gif);} 
#mainNav a#tmNews {width:52px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_news_r.gif) -130px -90px no-repeat;}
#mainNav a#tmNews:hover {background-position:0 0; z-index:50;}

/*Feedback*/
#mainNav li.tmFeedback {width:95px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_feedback.gif);} 
#mainNav a#tmFeedback {width:95px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_feedback_r.gif) -130px -90px no-repeat;}
#mainNav a#tmFeedback:hover {background-position:0 0; z-index:50;}

/* SPACER */
.listspacer {height:33px;width:55px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_spacer.gif);} 


/*AboutUs */
#mainNav li.tmAboutUs {width:88px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_aboutus.gif);} 
#mainNav a#tmAboutUs {width:88px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_aboutus_r.gif) -130px -90px no-repeat;}
#mainNav a#tmAboutUs:hover {background-position:0 0; z-index:50;}

/*Contact Us*/
#mainNav li.tmContactUs {width:90px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_contactus.gif);} 
#mainNav a#tmContactUs {width:90px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_contactus_r.gif) -130px -90px no-repeat;}
#mainNav a#tmContactUs:hover {background-position:0 0; z-index:50;}

/*Faqs*/
#mainNav li.tmFAQs{width:44px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_faqs.gif);} 
#mainNav a#tmFAQs {width:44px; background:transparent url(http://www.websites-for-schools.com/site/clients/createandwait/images/menu_faqs_r.gif) -130px -90px no-repeat;}
#mainNav a#tmFAQs:hover {background-position:0 0; z-index:50;}


#footerlink {display:block; width:800px; margin:7px 0px 0px 10px; text-align:center;}
#footerlink ul {margin:0; padding:0; list-style-type:none;}
#footerlink li {float:left; padding-left:4px}



body 
{
	background-color: #0099FF; 
	background-image: url(http://www.websites-for-schools.com/site/clients/createandwait/images/background_gradient.jpg); 
	background-repeat:repeat-x;
}

#header 
{
	background-image: url(http://www.websites-for-schools.com/site/clients/createandwait/images/background_header.gif);
}

#container 
{
	background-color: #FFFFFF;
}

#maincontentindex 
{
	background-image: url(http://www.websites-for-schools.com/site/clients/createandwait/images/rainbowleft.gif); 
	background-repeat:repeat-y;
}

#footer
{
	background-image: url(http://www.websites-for-schools.com/site/clients/createandwait/images/background_footer.gif);
	background-repeat:no-repeat;
	background-color: #0099FF; 
}

#footer  ul 
{
	list-style-type:none;
}
#footer  li 
{
	float:left; 
	padding:5px 3px 5px 5px;
}

#sidecontent ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border: 1px solid #fff;
	background-color:#fe0000;
}


#sidecontent ul li {
	margin: 0px;
	padding: 0px;
}
#sidecontent ul li a {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 5px 5px 2px 8px;
	text-decoration: none;
	color: #fff;
	width:110px;
	font-weight:bold;
	
}

#sidecontent ul li a:hover, 
#sidecontent ul li a:focus {
	color: #fff;
	/*background-color: #c43d1d;*/
	text-decoration:underline;
}

#sidecontent .active 
{
	background-color:#ffff00;		
	color:blue;
}

#sidecontent .active  a
{
	color:blue;
}

#sidecontent ul ul
{
	text-align:left;
	background-color:#ff6600;
	list-style-type: none;
}
#sidecontent ul ul li a
{

	
}
.crumbs {
	margin-top:0;
	border-bottom:1px dashed #bbb;
}
.crumbs,
.crumbs a {
	color:#ff6600;
	
}

ul.w4sfooter{
	
}

.galleryitem {
		float:left;
		width:120px;
		height:170px;
		padding:5px;
		margin:5px;
		
		text-align:center;
	}
	.galleryitem a img{
		border:1px solid #ccc;
	}
	
ul.w4sfooter 
{
	clear:both;
	margin-left:250px;

}

ul.w4sfooter li {
	margin-top:10px;

}