body {

background-color: #EEF5FB; /*background colour outside of tables.*/ 
font-family: Arial, Verdana,  sans-serif;
font-size: 100%; /*the text size.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}






/** link-text and headings, change the font type and size, the color of each of them
as well as the a:hover (text for a link, once the pointer passes over it) */

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #3F4DFC; text-decoration: none;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 text-decoration:underline;
 color: #4110B0;
 }

h1 { font-family: Arial, Verdana, sans-serif; font-size: 23px;  color: #05336E; text-align:center}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 120%;  color: #05336E; text-align:center}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 100%;  color: #05336E; text-align:center}




.capital {
font-size:20px;
color: #05336E;
font-family: Comic Sans MS, Verdana, Arial;
margin-right:2px;
font-weight:bold;

}


.bullet {
font-size:26px;
color: #05336E;
font-weight:bold;
margin-right:10px;
}





/***table ***/
table {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	color: #010012;
}


/*** Table cells ***/

td.headerbg {
width: 1000px;
background-color:#fff;
}


td.spacerbg {
height:1px;
background-color:#fff; 
width:180px;
}


td.maincontent {
width:620px;
background-color:#fff; 
padding:8px;
}


td.rightcolumn {
width:180px;
font-family: Arial, Verdana, sans-serif;
font-size: 94%;
color: #000;
padding:4px;
background-color:#fff; /***change the colour back here to #fff from #D5E3FD if you want***/
}



td.leftmenu {
width:180px;
font-size: 86%;
margin-left: 3px;
margin-right: 0px;
padding:3px;
background-color:#D7E9F7;
}



td.footer {
font-size: 93%;
background-color:#fff; 
padding:0px;
}



/***link styling for anchor links ***/

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}


a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 


/***Images and a centered box, anything can go into the boxes - text or whatever***/

.image-left {
	float: left;
	padding: 2px;
	
	margin-right: 5px;
	border: 1px solid #000;
}



.image-right {
	float: right;
	padding: 2px;
  
	margin-left: 5px;
	border: 1px solid #000;
}



.image-right {
	float: right;
	padding: 2px;
  
	margin-left: 5px;
	border: 1px solid #000;
}



.box{
padding: 3px;
border: 1px solid #000;
}






/****menu navigation*****/

#leftmenu {

}


.navlink {
line-height: 85%;
}


.navlink a {
font-size: 88%;
font-family:  Verdana, sans-serif;
}


.navlink a:hover {
font-size: 88%;
font-family:  Verdana, sans-serif;
}


/* Color of the background surrounding the links. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

#leftmenu {

background-color: transparent;

border:  transparent;


width: auto;

margin-top: auto;

margin-left: 1px;

margin-right: auto;

padding: 2px;

text-align: left;


}

/* want more space between your buttons? just increase the margins
from 1px. Font weight can be bold if you prefer.*/

.navlink {

font-weight: bold;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}


/* this part is for the colors of your buttons "at rest" so to speak.*/




.navlink a {

padding: 2px;

text-decoration: none;

display: block;

color: #107BC9; /*this is where you change the button font color*/

background-color: transparent;

border-top: none;

border-left: none;

border-bottom: none;

border-right: none;

}

/*this part is how the buttons look, once the pointer passes over them. */




.navlink a:hover {

color: #3F4DFC; /*-----this is where you change the button font color, when the button is hovered over*/

text-decoration:underline;

background-color: transparent;

border-top:  none;

border-left: none;

border-bottom:  none;

border-right: none;

}





/*navigation header background color*/
.menuhdr{
background-color:#107BC9;
text-align: center;
color:#F1F8FD;
font-family: Comic Sans MS, Geneva, Arial;
font-size:108%;
padding-right:2px;
padding-left:2px;
margin-bottom:0px

}



#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:8px 0;
border:0px;
margin:12px auto;
background-color: ;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
border:0;
padding:1px 0;
}