/* (c) copyright 2006 ukschoolsonline.net */

#html, #body 
 {      
		text-align:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border:0;
		background-color:#66CC00;
 }
  body.bgcolor
 {
    background-color:#6699FF;
 }
   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:#66CC00;
}
 /* 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 80px;
    padding:0px 0px 0px 0px;
	clear:both;
	text-align:center;
}
div.piccontainer2
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 30px;
	float:left;
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(piccontainerback1.gif);
}
div.piccontainer
{   
    margin:30px 0px 0px 0px;
    padding:0px 30px 20px 0px;
	float:left;
	clear:both;
    background-position: bottom right;
	background-repeat:no-repeat;
	background-image: url(piccontainerback2.gif);
}

div.piccaption
{
    margin:0px 0px 0px 0px;
    padding:2px 5px 4px 5px;
    font-size:0.7em;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color:#222222;
    clear:both; 
}
h2.h2title
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    font-weight: bold;
	font-size: 1em;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;	
}
h3.h3title
{
    padding:0px 0px 0px 0px;
    margin:5px 5px 5px 0px;
	font-weight: bold;
	font-size: 0.8em;
	color: #222222;
	font-family: 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: Verdana, Arial, Helvetica, sans-serif;
}
#navaid a:hover
{
    color:#ffffff;
    text-decoration:none;
}
#navaid a:active
{
    color: #dd0000;
}

 /*subheaderlinks*/
div.subheaderlinks
{
	line-height:1em;
    padding:9px 20px 0px 0px;
    margin:0px auto;
    text-align:right;
    height:1.3em;
    clear:both;
    width:740px;
    background-position:left top;
    background-repeat:no-repeat;
    background-image:url(subheaderlinksyellow.gif);
}
a.subheaderlink
{
    padding:0px 0px 0px 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
    color:#000000;
    text-decoration:none;
}
a.subheaderlink:hover
{
    color:#f1f1f1;
    text-decoration:underline;
}
a.subheaderlink:active
{
    color: #dd0000;
}
/*end of -subheaderlinks*/

#header 
{
    margin:35px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:760px;
    float:left;
    clear:both;
    text-align:left;
}
/* top nav styles */
	#header ul
	{
	    margin:0px 0px 0px 0px;
	    list-style-type: none;
	    padding: 0px 0px 0px 10px;
		float:left;
		clear:both;
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.75em;
        font-weight:bold;   	
    }
	
	#header li 
	{
	    float:left;
	    margin:0px 0px 0px 0px;
	    padding:10px 0px 24px 0px;
    }
	
	#header a
	{
	   	text-decoration: none;
		color: #ffffff;
		padding:5px 15px 24px 15px;
		margin:0px 0px 0px 0px;
		font-weight:bold;
		background-position:top left;
		background-repeat: no-repeat;
		background-image: url(headernavnormal.gif);
	}
	
	#header a:hover, #header .active
	{
        color: #333333;
		background-position:top left;
		background-repeat: no-repeat;
		background-image: url(headernavover.gif);
	}
		#header a:active
	{
        color: #dd0000;
	}
/* end of top nav styles */
#mainleft
{
    margin:0px 0px 0px 2px;
    padding:0px 0px 105px 0px;
    float:left;
    height:100%;
    background-position:bottom left;
	background-repeat: no-repeat;
	background-image: url(subheaderbottomyellow.gif);  
}
#mainleftindexback
{
    	margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		width: 180px;
		float:left;
        min-height:240px;
        _height:240px;
		background-color:#FFCC00;
		background-position:top left;
		background-repeat: no-repeat;
		background-image: url(subheadertopyellow.gif);
}
#subheader 
{
    	margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		width: 180px;
		float:left;
        min-height:240px;
        _height:240px;
		background-color:#FFCC00;
		background-position:top left;
		background-repeat: no-repeat;
		background-image: url(subheadertopyellow.gif);
}

/* START of LEFT NAVIGATION styles */
	#subheader ul
	{
		margin:40px 10px 0px 15px;
		padding: 5px 0px 30px 5px;
		list-style-type: none;
		width:130px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:0.75em;
		font-weight:bold;
 	}
	
	#subheader li 
	{
	    margin: 4px 0px 0px 0px;
	    text-indent: 0px; /*To give the overspilling text correct indent*/
	    padding: 0px 0px 5px 0px;
	    border-bottom:solid 1px #f1f1f1;
	}
	
	#subheader a
	{
	    padding: 1px 0px 1px 0px;
	    text-decoration:none;
	    color: #f1f1f1;
	    display: block;
	}
	
	#subheader a:hover
	{
		color: #003399;
	}
	#subheader a:active
	{
        color: #dd0000;
	}
	#subheader .level2
	{
		margin:0px 0px 0px 0px;
	}
	#subheader .active2, #subheader	.active3, #subheader .active4, #subheader .active5
	{
		color: #003399;	
	}
	
	#subheader .level3
	{
		margin:0px 0px 0px 15px;
		font-weight:normal;
	}
	#subheader .level4
	{
		margin:0px 0px 0px 30px;
		font-weight:normal;
	}
	#subheader .level5
	{
		margin:0px 0px 0px 45px;
		font-weight:normal;
	}
/* END of LEFT NAVIGATION styles */
#banner 
{  
    margin:0px auto;
    clear:both;
    height:40px auto;
    width:760px;
    text-align:left;
	background-color:#FFCC00;
}
#banner img
{
    margin:0px 0px 0px 0px;
    width:760px;
    _display: block; /*to remove IE bug that puts space under image*/   
}
div.bannertext
{
    margin:0px 0px 0px 0px;
   padding:0px 40px 0px 20px;
	color: #f1f1f1;
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 40px;
   font-weight: bold;
   height:40px auto;
}

div.poweredby
{
    padding:18px 65px 10px 5px;
    margin:0px 0px 0px 0px;
    text-align:left;
    float:right;
}

a.poweredbylink
{
	width: auto;
	height: auto;
	color: #CC66CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    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:10px 10px 0px 40px;
    height:auto;
	font-size: 28px;
	color: #e1e1e1;
	font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif;
}

div.breadcrumb
{
    height:14px;
    margin:5px 0px 5px 25px;
    padding:5px 5px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-align:left;
}
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 25px;
    padding:0px 15px 15px 0px;
    width:470px;
}
#contentcontainer
{
    width:880px;
    margin:0px auto;
    padding:0px 0px 0px 0px;
    background-position: top left;
	background-repeat:repeat-y;
	background-image: url(contentcontaineryellow.gif);

}
#maincontent
{
    margin:0px auto;
    padding:5px 0px 0px 0px;
    width:760px;
    height:100%;
    text-align:left;
    clear:both;
	background-color:#6699FF;
    background-position:left top;
    background-repeat:no-repeat;
    background-image:url(maincontentyellow.gif);
}
#maincontent2
{
    margin:0px auto;
    padding:0px 0px 0px 0px;
    width:760px;
    height:100%;
    text-align:left;

    background-position:left top;
    background-repeat:repeat-y;
    background-image:url(maincontent2back.gif);
}

#right2 {
		float:left;
        _height:235px; /* to give minimum height IE*/
        min-height:235px; /* to give minimum height Netscape*/
        width:575px;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
	}

#designcontainer
{
    width:100%;
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 0px;
    height:70px;
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(designimageyellow.gif);
	text-align:left;
}
/* 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:25px 0px 0px 0px; 
		padding:0px 0px 0px 15px;
		width: 165px;
		float:left;
		clear:both;
}

#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:5px 0px 0px 0px; 
		padding:0px 0px 0px 15px;
		width: 165px;
		float:left;
		clear:both;
}
/* end - content columns for index page */
#bottomall
{
 width:760px; 
 height:65px;
 margin:0px auto;
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(bottomallback.gif);
	clear:both;
	background-color:#6699FF;
}
#footer 
{  
    clear:both;
    height:auto;
    margin: 0px auto;
	float:left;
}
div.footertext
{
    margin:10px 0px 0px 0px;
    padding:8px 30px 10px 55px;
	text-align:center;
    font-size: 1em;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cleaner 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

a.normal
{
	width: auto;
	color: #ffffff;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.normal:visited
{
	color: #444444;
}
a.normal: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:35px 0px 0px 20px;
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(piccontainerback1.gif); 
}
div.quotebox
{
    text-align:left;
    margin: 0px 0px 0px 12px;
    padding:10px 40px 25px 10px;
    background-color:#CC66CC; 
    background-position: bottom right;
	background-repeat:no-repeat;
	background-image: url(piccontainerback2.gif);
}

img.quotepic
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    display:block;
    width:184px;
    border:solid 6px #CC99CC;
}
div.quotepiccontainer
{
    float:left;
    margin:0px 0px 10px 0px;
    padding:5px 5px 5px 5px;
}
div.quotepiccaption
{
    margin:2px 0px 0px 0px;
    padding:0px 5px 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;  
    color:#222222;
    text-align:center;
    border-bottom:solid 6px #CC99CC;
}
div.quotetitle
{
    margin:0px 0px 8px 0px;
    padding:0px 5px 2px 5px;
    text-align:center;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;  
    color:#222222;
	border:double 6px #CC99CC;
}
/* END OF - QUOTE BOX STYLES */


/* START OF - FIGURE BOX STYLES */
div.figurecontainer
{
    text-align:center;
    margin: 0px 0px 0px 0px;
    padding:35px 0px 0px 20px;
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(figureback1.gif); 
}
div.figurebox
{   
    text-align:left;
    margin: 0px 0px 0px 12px;
    padding:10px 40px 30px 10px;
    background-color:#21AD21; 
    background-position: bottom right;
	background-repeat:no-repeat;
	background-image: url(figureback2.gif);
}
img.figurepic
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    display:block;
    width:184px;
    border:solid 6px #66CC66;
}
div.figurepiccontainer
{
    float:left;
    margin:0px 0px 10px 0px;
    padding:5px 5px 5px 5px;
}
div.figurepiccaption
{
    margin:2px 0px 0px 0px;
    padding:0px 5px 2px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;  
    color:#222222;
    text-align:center;
    border-bottom:solid 6px #66CC66;
}
div.figuretitle
{
    margin:0px 0px 5px 0px;
    padding:3px 4px 3px 4px;
    text-align:center;
    clear:both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;  
    color:#e1e1e1;
	border:double 6px #66CC66;	 
}
/* END OF - FIGURE BOX STYLES */


/* START OF - ARTICLE STYLES */
div.articledate 
{
    margin:0px 0px 0px 0px;
    padding:0px 5px 0px 0px;
    text-align:right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
	color: #222222;
}

img.articlerightcontentpic1
{
	margin:0px 0px 4px 0px;
	display:block;	
	float:left;
	clear:both;
	border:solid 6px #CC99CC;
}
div.fragmenttext ol
{
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
/*    list-style:lower-roman; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
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(bullet1.gif);
*/
}
div.fragmenttext ul
{
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

}
div.fragmenttext ul li
{
    margin: 0px 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-weight: bold;
	font-size: 1.2em;
	color: #222222;
	font-family: "Courier New", Verdana, Arial, Helvetica, sans-serif;
}
/* END OF - EXTERNAL PAGE 2170 STYLES */


/* START OF - PAGE SITE MAP STYLES */
	#sitemapliststyle ul
	{   
		display:inline;
	    margin:0px 0px 0px 40px;
	    padding: 10px 0px 20px 0px;
		list-style-type: none;
		float:left;
	}
	
	#sitemapliststyle a
	{
		padding: 0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #f1f1f1;
	    font-size: 0.7em;
	    text-decoration: underline;
	    background-position: left;
		background-repeat: no-repeat;
		background-image: url(bulletsitemap.gif);
	    float:left;
	    line-height:1.4em;
	}
	#sitemapliststyle a:visited
	{
	    color: #666666;
	}
	#sitemapliststyle a:active
	{
        color: #dd0000;
	}
	#sitemapliststyle li
	{
	    clear:both;
	    float:left;
	}
	#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*/
div.sectionindexrightcontentlineinvisible
{
    padding:8px;
    margin:0px;
    border:0; 
}

div.sectionindexrightcontentline
{
    margin:8px 1px 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 20px 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:6px 0px 4px 5px;
	font-size: 1.1em;
	width:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:auto;	
    background-position: top left;
	background-repeat:no-repeat;
	background-image: url(h2indextitleyellow.gif);
	text-align:center;	
}

h3.texttitle
{
    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.contenttext
{
	font-size: 0.7em;
	padding:0px 8px 0px 0px;
	color: #333333;
	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:120px; 
	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:120px;
	border:solid 1px #ffffff;	
}
a.rsslink, a.rsslink:visited{color:#AD4602;}
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*/