
/* (c) copyright 2006 ukschoolsonline.net */
#html, #body 
 {			
		text-align:left;
		margin:0px 0px 0px 0px;	
		padding:0px	0px	0px	0px;
		border:0;
		background-color:#aaaaaa;
		background-position: top left;
		background-repeat:repeat;
		background-image:	url(allbackpic.gif);
 }

body.bgcolor
 {
	background-color:#EBEEF0;
 }
	 div.externalclient
 {
		font-size:0.75em;
		text-align:left;
		font-family: Verdana, Arial,	Helvetica, sans-serif;
		color: #EAEEF0;
 }
div.externalclient table
 {
		font-size:1em;
 }
 img.skiplinksimage
{
		border:0px;
		padding:0px	0px	0px	0px;
		margin:0px 0px 0px 0px;
		width:1px;
		height:1px;
		float:left;	
}
/*end	of - links for subheader*/
 
 #all
{
	width:99.8%; /*stops scrollbar*/
	text-align:center;
	padding:0px	0px	0px	0px;
	background-color:#AAAAAA;
	background-position: top left;
	background-repeat:repeat;
	background-image:	url(allbackpic.gif);
}
 /*	MY CONSTANTS */
	p
{		
	padding:0px	0px	0px	0px;
	margin:0px 0px 0px 0px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	color: #222222;
}
div.fragmenttext
{
		font-size: 0.75em;
	    line-height: 1.3em;	
}
div.fragmentlinks
{
		font-size: 0.75em;
}
div.fragmentlinks	ul
{
	padding-right: 0px;
	padding-left:	40px;
	padding-bottom:	0px;
	padding-top: 0px;
	margin:	5px	0px	5px	0px;
	list-style-type: circle;
}
div.fragmenttext blockquote
{
	margin-top:	0px;
	margin-bottom: 0px;
	padding-bottom:	0px;
	padding-top: 0px;
}
div.piccontainerall
{
	margin:0px 0px 5px 100px;
	padding:0px	0px	0px	0px;
	clear:both;
	text-align:center;
}
div.piccontainer2
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	0px	10px;
	float:left;
	border:double	3px	#ff6600;
}
div.piccontainer
{
	margin:10px	0px	0px	0px;
	padding:0px	10px 10px	0px;
	float:left;
	clear:both;
}

div.piccaption
{
		margin:0px 0px 0px 0px;
		padding:2px	5px	2px	5px;
		font-size:0.7em;
		font-family: Verdana,	Arial, Helvetica,	sans-serif;	
		color:#222222;
		border:double 3px #6699CC;
		clear:both;	
}
h2.h2title
{
	padding:0px	0px	0px	0px;
	margin:10px	0px	5px	0px;
	font-weight: bold;
	font-size: 1.2em;
	color: #444444;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
	text-align:left;
	
}
h3.h3title
{
	padding:0px	0px	0px	0px;
	margin:2px 5px 3px 0px;
	font-weight: bold;
	font-size: 1em;
	color: #444444;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
	text-align:left;
}

#navaid{clear:both;	margin:0px 0px 10px	0px;}
div.topofpage{float:left;}
div.nextprev{float:right;}
#navaid	a
{
		margin:0px 0px 0px 0px;
		font-size: 0.8em;
	color: #444444;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
}
#navaid	a:hover
{
		color:#003366;
		text-decoration:none;
}
#navaid	a:active
{
		color: #dd0000;
}


 /*subheaderlinks*/
div.subheaderlinks
{	 
	line-height:1em;
		padding:0px	0px	0px	0px;
		margin:0px auto;
		text-align:right;
		height:1.3em;
		clear:both;
		width:760px;
		background-color:#222222;
		border-bottom:solid	1px	#444444;
}
a.subheaderlink
{
	padding:0px	0px	0px	8px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.65em;
	color:#99CCFF;
	text-decoration:none;
}
a.subheaderlink:hover
{
		color:#f1f1f1;
		text-decoration:underline;
}
a.subheaderlink:active
{
		color: #dd0000;
}
/*end	of -subheaderlinks*/
#mainleft
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	50px 0px;
	float:left;
	border-top:solid 1px red;
	border-left:solid	1px	orange;
	border-right:solid 1px orange;
	background-color:#6699CC;
	background-position:bottom left;
	background-repeat: no-repeat;
	background-image:	url(mainleftbackblue.jpg);
	_height:425px;
	min-height:425px;
}
#header	
{
	margin:0px auto;
	padding:0px	0px	0px	0px;
	width:108px;
	_height:150px;
	min-height:150px;
	float:left;
	clear:both;
	background-color:#3366CC;
	text-align:left;
	overflow:hidden;
	border-right:solid 1px #f1f1f1;
}
/* top nav styles	*/
	#header	ul
	{
		margin:5px 0px 0px 0px;
		list-style-type: none;
		padding: 0px 2px 0px 4px;
		float:left;
		font-family: Verdana,	Arial, Helvetica,	sans-serif;
		font-size: 12px;
		font-weight:bold;	
		}
	
	#header	li 
	{
		/*float:left;*/
		margin:0px 0px 0px 0px;
		padding:0px	0px	2px	0px;			
	}
	
	#header	a
	{
		text-decoration: none;
		color: #ffffff;
		padding:0px	0px	0px	0px;
		margin:0px 0px 0px 0px;
		font-weight:bold;
	}
	
	#header	a:hover, #header .active
	{
		color: #99CCFF;
	}
	/*#header	a:active
	{
		color: #dd0000;
	}*/
/* end of	top	nav	styles */

#subheaderempty
{
	width: 104px;
	float:left;
}
#subheader 
{
	margin:0px 0px 0px 0px;	
	padding:0px	0px	0px	0px;
	width: 104px;
	float:left;
}

/* START of	LEFT NAVIGATION	styles */
	#subheader ul
	{
		margin:0px 0px 0px 0px;
		padding: 5px 2px 100px 4px;
		list-style-type: none;
		height:100%;
		font-family: Verdana,	Arial, Helvetica,	sans-serif;
		font-size:11px;
		font-weight:bold;
	}
	
	#subheader li	
	{
		margin:0px 0px 3px 0px;
		padding: 0px 0px 0px 0px;
		clear:both;
	}
	
	#subheader a
	{
		padding: 0px 0px 0px 0px;
		text-decoration:none;
		color: #f1f1f1;
		display: block;
		_height: 13px;
	}
	
	#subheader a:hover
	{
		color: #003366;
	}
	#subheader a:active
	{
		color: #dd0000;
	}
	#subheader .level2
	{
		margin:0px 0px 0px 0px;
	}
	#subheader .active2, #subheader	.active3,	#subheader .active4, #subheader	.active5
	{
		color: #99CCFF;	
	}
	
	#subheader .level3
	{
		margin:0px 0px 0px 13px;
		font-weight:normal;
	}
	#subheader .level4
	{
		margin:0px 0px 0px 26px;
		font-weight:normal;
	}
	#subheader .level5
	{
		margin:0px 0px 0px 39px;
		font-weight:normal;
	}
/* END of	LEFT NAVIGATION	styles */

#banner	
{
	margin:0px auto;
	clear:both;
	height:auto;
	width:760px;
	text-align:right;
	background-position: top right;
	background-repeat:no-repeat;
	background-image:	url(bannerbackblue.gif);	
	background-color:#000000;
}
#banner	img
{
	margin:0px 0px 0px 0px;
	width:760px;
	_display:	block; /*to	remove IE	bug	that puts	space	under	image*/		
}
div.bannertext
{
	padding:15px	40px 5px 0px;
	color: #ffffff;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
	font-size:	35px;
	font-weight:	bold;
	height:40px
}

div.poweredby
{
	height:15px;
	padding:1px 0px 1px 5px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background-color:#222222;
	border-bottom:solid	1px	#444444;
}

a.poweredbylink
{
	width: auto;
	height:	auto;
	color: #f1f1f1;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration:none;
}
a.poweredbylink:hover
{
	text-decoration:underline;
}
a.poweredbylink:visited
{
	color: #777777;
}
a.poweredbylink:active
{
		color: #dd0000;
}

h1.h1title
{
	margin:0px 0px 0px 0px;
	padding:45px 20px	10px 0px;
	height:auto;
	font-size: 36px;
	color: #000000;
	font-family: "Courier New",	Verdana, Arial,	Helvetica, sans-serif;
}

div.breadcrumb
{
	height:1em;
	margin:5px 0px 5px 0px;
	padding:5px	5px	5px	0px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-align:right;
	background-color:#d1d1d1;
	border-bottom:double 3px #ff6600;

}
div.breadcrumbnocontent
{
	font-size: 1px;
	margin:0;
	padding:0;
}

div.paddingcontent 
{
		margin:0px 0px 0px 25px;
		padding:0px	15px 15px	0px;
		width:470px;
}

div.paddingcontentindex
{
		margin:0px 0px 0px 40px;
		padding:0px	35px 15px 25px;
		width:620px;
}
#contentcontainer
{
	width:760px;
	margin:0px auto;
	padding:0px	0px	0px 0px;
}
#maincontent
{
	margin:0px auto;
	padding:0px	0px	0px	0px;
	width:758px;
	height:100%;
	text-align:left;
	clear:both;
	background-color:#EBEEF0;
	border-top:solid 1px orange;
}

#right2	{
	float:left;
	/*_height:235px; 	to give	minimum	height IE*/
	/*min-height:235px;	 to	give minimum height	Netscape*/
	width:541px;
	margin:0px 0px 0px 0px;	
	padding:0px	0px	0px	0px;
	border-top:solid 1px red;
	}

#designcontainer
{
	width:100%;
	margin:0px 0px 2px 0px;
	height:150px;
	background-color:Gray;
	background-position: top left;
	background-repeat:no-repeat;
	background-image:	url(designimage1blue.jpg);
	text-align:right;
	border-left:solid	1px	red;
}
#designcontainer2
{
	width:100%;
	height:150px;
	background-color:Gray;
	background-position: top left;
	background-repeat:no-repeat;
	background-image:	url(designimage2blue.jpg);
	text-align:right;
	border-left:solid	1px	red;
}
#designcontainer3
{
	width:100%;
	height:150px;
	background-color:Gray;
	background-position: top left;
	background-repeat:no-repeat;
	background-image:	url(designimage3blue.jpg);
	text-align:right;
	border-left:solid	1px	red;
}
/* content columns for index page	*/
#maincontentindex
{
	margin:0px auto;
	padding:20px 0px 0px 0px;
	width:760px;
	height:100%;
	text-align:left;
	clear:both;
}
#left
{
	margin:0px 0px 0px 0px;	
	padding:0px	0px	8px 0px;
	width: 212px;
	float:left;
	clear:both;
	background-position: top left;
	background-repeat:no-repeat;
	background-image:	url(leftrightindexbackblue.gif);		
}

#middle
{
	float:left;
	/*_height:235px; 	to give	minimum	height IE*/
	/*min-height:235px;	 to	give minimum height	Netscape*/
	width:700px;
	margin:0px 0px 0px 0px;	
	padding:0px	0px	0px	0px;
}

#right
{
	margin:0px 0px 0px 0px;	
	padding:0px	0px	8px 0px;
	width: 212px;
	float:left;
	clear:both;
	background-position: top left;
	background-repeat:no-repeat;
	background-image:	url(leftrightindexbackblue.gif);
}
/* end - content columns for index page	*/

#footer	
{
	width:760px;
	clear:both;
	height:50px	auto;
	margin:	0px	auto;
	background-color:#000000;
	border-bottom:solid	1px	#444444;
	border-top:solid 1px #444444;
	background-position: top right;
	background-repeat:no-repeat;
	background-image:	url(bannerbackblue.gif);
}
div.footertext
{
	margin:5px 0px 0px 0px;
	padding:0px 30px 5px 10px;
	text-align:center;
	font-size: 1em;
	color: #6699CC;
	font-family: "Courier	New",	Verdana, Arial,	Helvetica, sans-serif;
}

/*dont know	if gonna use it?
#indexcontainer
{
		margin:0px 0px 0px 0px;
		padding:0px	0px	0px	0px;
}*/

.cleaner 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;	padding:0;
	background:transparent;
}

a.normal
{
	width: auto;
	color: #0D4378;
	height:	auto;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
}

a.normal:visited
{
	color: #666666;
}
a.normal:active
{
	color: #dd0000;
}
a.normalindexpg
{
	width: auto;
	color: #FFFFFF;
	height:	auto;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
}

a.normalindexpg:visited
{
	color: #CCCCCC;
}
/*a.normalindexpg:active
{
	color: #dd0000;
}*/

#maincontent table
{
		margin:0px 0px 0px 0px;
		padding:0px	0px	0px	0px; 
		border-style:	solid;
		border-width:1px;
		border-color:	#ffffff	#888888	#888888	#ffffff;
		clear:both;
}

#maincontent td
{
	padding:0px	0px	0px	0px;
	border-style:solid;
	border-width:1px;
	border-color:	#888888	#ffffff	#f1f1f1	#888888;
	color: #333333;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
}
		
/* START OF	-	QUOTE	BOX	STYLES */
div.quotecontainer
{
	text-align:right;
	margin:	0px	0px	0px	0px;
	padding:10px 0px 0px 25px;
	border:double	3px	#ff6600;
	zoom:1;
}
div.quotebox
{
	text-align:left;
	margin:	0px	auto;
	padding:10px 20px	10px 10px;	 
}

img.quotepic
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	0px	0px;
	display:block;
	width:184px;
	border:double	3px	#ff6600;
}
div.quotepiccontainer
{
	float:left;
	margin:0px 0px 10px	0px;
	padding:5px	5px	5px	5px;
}
div.quotepiccaption
{
	margin:5px 0px 0px 0px;
	padding:0px	5px	0px	5px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.7em;	 
	color:#222222;
	text-align:right;
	border:double	3px	#6699CC;
}
div.quotetitle
{
	margin:0px 0px 8px 0px;
	padding:0px	5px	2px	5px;
	text-align:left;
	clear:both;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.75em;	
	color:#222222;
	border:double	3px	#ff0000;
}
/* END OF	-	QUOTE	BOX	STYLES */


/* START OF	-	FIGURE BOX STYLES	*/
div.figurecontainer
{
	text-align:center;
	margin:	0px	0px	0px	0px;
	padding:10px 0px 0px 25px;
	border:double	3px	#ff6600;
	zoom:1;
}
div.figurebox
{		
	text-align:left;
	margin:	0	auto;
	padding:13px 25px	15px 15px;
}
img.figurepic
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	0px	0px;
	display:block;
	width:184px;
	border:double	3px	#ff6600;
}
div.figurepiccontainer
{
	float:right;
	margin:0px 0px 10px	0px;
	padding:5px	5px	5px	5px;
}
div.figurepiccaption
{
	margin:5px 0px 0px 0px;
	padding:0px	5px	0px	5px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.7em;	 
	color:#222222;
	text-align:right;
	border:double	3px	#6699CC;
}
div.figuretitle
{
	margin:0px 0px 5px 0px;
	padding:3px	0px	3px	8px;
	text-align:center;
	clear:both;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.75em;	
	color:#000000;
	border:double	3px	#ff0000;	 
}
/* END OF	-	FIGURE BOX STYLES	*/


/* START OF	-	ARTICLE	STYLES */
div.articledate	
{
	margin:5px 0px 5px 220px;
	padding:5px	5px	5px	0px;
	text-align:right;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-size: 0.7em;
	color: #333333;
}

img.articlerightcontentpic1
{
	margin:0px 0px 8px 0px;
	display:block;	
	float:left;
	clear:both;
	border:double	3px	#ff6600;
}
div.fragmenttext ol
{
	margin:	0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;	
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	color: #333333;
}
div.fragmenttext ol	li
{
    margin:	0px	0px	0px	20px;
	padding: 0px 0px 0px 0px;
/*	list-style:none; 
	background-position: center	left;
	background-repeat:no-repeat;
	background-image:	url(bullet1blue.gif);
*/
}
div.fragmenttext ul
{
	margin:	0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	color: #333333;

}
div.fragmenttext ul	li
{
/*	margin:	5px	0px	0px	0px;*/
	padding: 0px 0px 0px 20px;
	list-style:none; 
	background-position: top	left;
	background-repeat:no-repeat;
	background-image:	url(bullet2.gif);
}
/* END OF	-	article	page STYLES	*/


/* START OF	-	EXTERNAL PAGE	2170 STYLES	*/
div.externaltitle
{
		padding:0px	0px	0px	0px;
		margin:10px	0px	10px 0px;
		font-size: 0.8em;
		color: #444444;
		font-family: "Courier	New",	Verdana, Arial,	Helvetica, sans-serif;
		border-bottom:solid	1px	#999999;
}
/* END OF	-	EXTERNAL PAGE	2170 STYLES	*/


/* START OF	-	PAGE SITE	MAP	STYLES */
	#sitemapliststyle	ul
	{		
		margin:0px 0px 0px 40px;
		padding: 10px	0px	20px 0px;
		list-style-type: none;
	}
	
	#sitemapliststyle	a
	{
		display: block;
		padding: 2px 0px 0px 0px;
		width: 150px;
		margin:0px 0px 0px 0px;
		font-family: Verdana,	Arial, Helvetica,	sans-serif;
		color: #666666;
		font-size: 0.7em;
		text-decoration: underline;
		background-position: left;
		background-repeat: no-repeat;
		background-image:	url(bulletsitemap.gif);
	}
	#sitemapliststyle	a:visited
	{
			color: #999999;
	}
	#sitemapliststyle	a:active
	{
				color: #dd0000;
	}
	#sitemapliststyle	li
	{
		display: inline;		
	}
	#sitemapliststyle	.level0
	{
		margin:0px 0px 0px 0px;
		padding:0px	0px	0px	20px;
	}
	#sitemapliststyle	.level1
	{
		margin:0px 0px 0px 30px;
		padding:0px	0px	0px	20px;
	}
	#sitemapliststyle	.level2
	{
		margin:0px 0px 0px 60px;
		padding:0px	0px	0px	20px;
	}
	#sitemapliststyle	.level3
	{
		margin:0px 0px 0px 90px;
		padding:0px	0px	0px	20px;
	}
	#sitemapliststyle	.level4
	{
		margin:0px 0px 0px 120px;
		padding:0px	0px	0px	20px;
	}
		#sitemapliststyle	.level5
	{
		margin:0px 0px 0px 150px;
		padding:0px	0px	0px	20px;
	}
/* END OF	-	PAGE SITE	MAP	STYLES */


/*START	-	Section	index	STYLES*/

h3.sidxtexttitle
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	0px	0px;
	font-size: 0.7em;
	color: #222222;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-weight:bold;
}

div.sidxcontenttext
{
	font-size: 0.7em;
	padding:0px	8px	0px	0px;
	color:#222222;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;		 
}

div.sectionindexrightcontentlineinvisible
{
	padding:8px;
	margin:0px;
	border:0;	
}

div.sectionindexrightcontentline
{
	margin:8px 9px 5px 1px;
	border-top:solid 1px #d3d3d3;
}

img.sectionindexrightcontentpic1
{
	margin:0px 0px 0px 0px;
	border:solid 2px #d3d3d3;
	display:block;	
}

img.sectionindexrightcontentpic2
{
	padding:0px	0px	0px	0px;
	margin:6px 5px 3px 10px;
	width:184px;
	border:solid 1px #999966;
}
/* END OF	-	Section	Index	STYLES */



/*START	-	INDEX	PAGE STYLES*/
div.indexpgcolmargin
{
	padding:0px 8px 0px 8px;
}

h1.indexpgh1title
{
	margin:0px 0px 0px 0px;
	padding:25px 0px 10px	110px;
	height:auto;
	font-size: 26px;
	color: #444444;
	font-family: "Courier	New",	Verdana, Arial,	Helvetica, sans-serif;
}
h2.indexpgcontenttitle
{
	margin:0px 0px 5px 0px;
	padding:4px	0px	4px	5px;
	font-size: 1.1em;
	width:190px;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	height:auto;	
	background:#ffffff;
	border-right:solid 8px #ff6600;
}

h3.texttitle
{
	margin:0px 0px 0px 0px;
	padding:0px	0px	0px	0px;
	font-size: 0.7em;
	color: #FFFFFF;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;
	font-weight:bold;
}

div.contenttext
{
	font-size: 0.7em;
	padding:0px	8px	0px	0px;
	color:#FFFFFF;
	font-family: Verdana,	Arial, Helvetica,	sans-serif;		 
}

div.indexpginvisiblespacingbar
{
	padding:8px;
	margin:0px;
	border:0;
}

div.indexpgcontentline
{
	margin:8px 1px 5px 1px;
	border-top:solid 1px #d3d3d3;
}

div.contentlink
{		
	padding:0px	0px	0px	0px;
	font-size: 0.75em;
}

img.indexpgleftcontentpic2
{
	margin:	4px	0px	2px	0px;
	width:184px; 
	border:solid 1px #ffffff;
}

img.indexpgmiddlepicture1
{
	width:240px;
	margin:0px 0px 0px 0px;
	border:solid 2px #d3d3d3;
	display:block;	
}

img.indexpgrightcontentpic1
{
	margin:	4px	0px	2px	0px;
	width:184px;
	border:solid 1px #ffffff;	
}
a.rsslink, a.rsslink:visited{color:#ff6600;}
a.rsslink:active{color:	#dd0000;}
div.rsslink
{
	margin:5px 0px 0px 0px;
	padding:0px	0px	0px	0px;
	font-size: 0.7em;
}
img.rsslink
{
	vertical-align:middle;
}
/* END OF	-	INDEX	PAGE STYLES*/

