/* HTML ELEMENTS */

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px;  border: none; background: #FFFFFF /*url(/display_images/bg_home_full.gif) no-repeat*/;}

strong {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

em {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}

ul, ol {margin-left: 3; padding-left: 13;}

li  {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; list-style-image: url(../../display_images/arrow_smallgrey.gif); line-height : normal; }

ul.heritage {}

li.heritage  {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; list-style-image: url(../../display_images/arrow_blue_small.gif); line-height : normal; line-padding: 0px; margin: 0px; text-align: top; }

.heritagesmall {font-family: verdana, arial, helvetica; font-size: 65%; color: #444444; text-decoration: none; line-height: 70%;}

input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; color: #000000; text-decoration: none;}
 
/* this a will get used only by links that are inside another span/p whatever, as created with linkbuilders */
a {font-family: verdana, arial, helvetica; color: #006699; text-decoration: underline;}
a:hover, a:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: underline; }
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline;}
 

/* CUSTOM CLASSES 
==============*/

/* image border 
===========*/

.image {border-width: 1px;  border-style: line; border-color: #000000;}



/*standard site link 
============*/

.standardlink, .standardlink:active, .standardlink:visited {text-decoration: none; font-size:75%; font-weight: normal; color:#006699;}
.standardlink:hover, .standardlink:visited:hover {text-decoration: underline; font-size:75%; font-weight: normal; color:#FF0000;}

.standard {font-family: verdana, arial, helvetica; font-size: 75%; font-weight: normal; text-decoration: none; color:#333333;}

.standard2, a.standard2, a.standard2:active, a.standard2:visited {font-family: verdana, arial, helvetica; font-size: 75%; font-weight: normal; text-decoration: none; color:#333333;}
a.standard2:hover, a.standard2:visited:hover {text-decoration: underline; font-size:75%; font-weight: normal; color:#333333;}

.projectlink, .projectlink:active, .projectlink:visited {text-decoration: none; font-size:75%; font-weight: normal; color:#006699; line-height: 150%;}
.projectlink:hover, .projectlink:visited:hover {text-decoration: underline; font-size:75%; font-weight: normal; color:#FF0000; line-height: 150%;}


/*grey text options including links 
======================*/

.grey {font-family: verdana, arial, helvetica; font-size: 75%; color: #666666; 	font-weight: normal;}

.greybold {font-family: verdana, arial, helvetica; font-size:75%; color: #666666; font-weight: bold;}

.greyboldlarger {font-family: verdana, arial, helvetica; font-size:78%; color: #666666; font-weight: bold;}

.greysmall {font-family: verdana, arial, helvetica; color: #666666; font-size:70%; font-weight: normal;}

.greyheritage {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #444444; text-decoration: none;}

a.greysmall, a.greysmall:active, a.greysmall:visited {font-size:70%; font-family: verdana, arial, helvetica; color: #666666; font-weight: normal; text-decoration: none;}
a.greysmall:hover, a.greysmall:visited:hover {font-size:70%; font-family: verdana, arial, helvetica; color: #000000; text-decoration: underline; font-weight: normal;}

.smallgrey, a.smallgrey, a.smallgrey:active, a.smallgrey:visited {font-family: verdana, arial, helvetica; font-size: 55%; color: #8B8B8B; text-decoration: none;}
a.smallgrey:hover, a.smallgrey:visited:hover {font-family: verdana, arial, helvetica; font-size: 55%; color: #FF0000; text-decoration: underline;}

.greyvsmall {font-family: verdana, arial, helvetica; font-size: 65%; color: #444444; text-decoration: none;}

.greysmallbold, a.greysmallbold, a.greysmallbold:active, a.greysmallbold:visited {font-family: verdana, arial, helvetica; font-size: 70%; color: #444444; text-decoration: none; font-weight: bold;}
a.greysmallbold:hover, a.greysmallbold:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline; font-weight: bold;}


/* blue text options including links
======================*/

/*home page styles */
.hometitle, a.hometitle, a.hometitle:active, a.hometitle:visited {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: normal; font-style: normal; color: #4473B1; text-decoration: none;}
a.hometitle:hover, a.hometitle:visited:hover {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: normal; font-style: normal; color: #4473B1; text-decoration: underline;}

.hometitle2, a.hometitle2, a.hometitle2:active, a.hometitle2:visited {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; font-style: normal; color: #4473B1; text-decoration: none; }
a.hometitle2:hover, a.hometitle2:visited:hover {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; font-style: normal; color: #4473B1; text-decoration: underline;}

.hometitle3, a.hometitle3, a.hometitle3:active, a.hometitle3:visited {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; font-style: normal; color: #4473B1; text-decoration: none; margin-left:8px}
a.hometitle3:hover, a.hometitle3:visited:hover {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; font-style: normal; color: #4473B1; text-decoration: underline; margin-left:8px}

.home {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; color: #333333; text-decoration: none; line-height: 140%;}

a.home, a.home:active, a.home:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; text-decoration: none; line-height: 140%;}
a.home:hover, a.home:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; text-decoration: underline; line-height: 140%;}

a.homesmalllink, a.homesmalllink:active, a.homesmalllink:visited {font-family: verdana, arial, helvetica; font-size: 70%; color: #336699; font-weight: normal; text-decoration: none;}
a.homesmalllink:hover, a.homesmalllink:visited:hover {font-family: verdana, arial, helvetica; font-size: 70%; color: #ff0000; text-decoration: underline; font-weight: normal;}

.homelink, a.homelink, a.homelink:active, a.homelink:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #006699; font-weight: normal; text-decoration: none;}
a.homelink:hover, a.homelink:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: normal;}

.homegreylink, a.homegreylink, a.homegreylink:active, a.homegreylink:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #777777; font-weight: normal; text-decoration: none;}
a.homegreylink:hover, a.homegreylink:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: normal;}

/*general blue styles */
.blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #0066cc; text-decoration: none;}

.blueteaser {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:75%; font-weight: normal; color: #0066cc; text-decoration: none;}

.bluesmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: #0066cc; text-decoration: none;}

.bluebigger {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; font-weight: bold; color: #0066cc; text-decoration: none;}

.blueevenbigger {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #0066cc; 	text-decoration: none;}

.bluebiggest {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 155%; color: #0066cc; text-decoration: none;}

.white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #ffffff; text-decoration: none;}
.whiteevenbigger {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #ffffff; text-decoration: none;}

a.blue, a.blue:active, a.blue:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #0066cc; font-weight: bold; text-decoration: none;}
a.blue:hover, a.blue:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: bold;}


/* White text 
=========*/

.whitetitle, a.whitetitle, a.whitetitle:active, a.whitetitle:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.whitetitle:hover, a.whitetitle:visited:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffff00; text-decoration: underline; 	font-weight: bold;}
.navytext{
	color:#04046C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	text-decoration: none;
}
.whitebigger {font-size: 85%; color: #FFFFFF;}

.whitesmall, a.whitesmall, a.whitesmall:active, a.whitesmall:visited {font-size: 65%; color: #FFFFFF; text-decoration: none;}
a.whitesmall:hover, a.whitesmall:visited:hover {font-size: 65%; font-family: verdana, arial, helvetica; color: #FFFFFF; text-decoration: underline;}

.white, a.white, a.white:active, a.white:visited {font-family: verdana, arial, helvetica; font-size:75%; color: #FFFFFF; text-decoration: none;}
a.white:hover, a.white:visited:hover {font-family: verdana, arial, helvetica; color: #FFFFFF; text-decoration: underline;}


/* Black text
=========*/

.black {font-family: verdana, arial, helvetica; font-style: normal; font-size:75%; font-weight: normal; color: #000000; text-decoration: none;}

.blacksmall {font-family: verdana, arial, helvetica; font-size: 60%; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}

a.black, a.black:active, a.black:visited {font-family: verdana, arial, helvetica; color: #000000; text-decoration: none;}
a.black:hover, a.black:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline;}

.blacksmall, a.blacksmall, a.blacksmall:active, a.blacksmall:visited {font-size: 65%; color: #000000; text-decoration: none;}
a.blacksmall:hover, a.blacksmall:visited:hover {font-size: 65%; font-family: verdana, arial, helvetica; color: #000000; text-decoration: underline;}

/*Green text
=========*/

.greensmall {font-family: verdana, arial, helvetica; font-size: 70%; color: #006633; text-decoration: none;}

.green, a.green, a.green:active, a.green:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #006633; font-weight: normal; text-decoration: none;}
a.green:hover, a.green:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline; font-weight: normal;}

/*Yellow text (for project link)
===========*/
.yellowsmall, a.yellowsmall, a.yellowsmall:active, a.yellowsmall:visited {font-family: verdana, arial, helvetica; font-size: 65%; color: #ffff00; text-decoration: none;}
a.yellowsmall:hover, a.yellowsmall:visited:hover {font-family: verdana, arial, helvetica; color: #ffff00; text-decoration: underline;}

/*Sub navigation, mainly blue text 
=======================*/

.subnavigation0, a.subnavigation0, a.subnavigation0:active, a.subnavigation0:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #0066cc; font-weight: bold; text-decoration: none;}
a.subnavigation0:hover, a.subnavigation0:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: bold;}

.subnavigation1, a.subnavigation1, a.subnavigation1:active, a.subnavigation1:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #0066cc; font-weight: bold; text-decoration: none;}
a.subnavigation1:hover, a.subnavigation1:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: bold;}

.subnavigation3, a.subnavigation3, a.subnavigation3:active, a.subnavigation3:visited {font-family: verdana, arial, helvetica; font-size: 70%; color: #0066cc; font-weight: normal; text-decoration: none;}
a.subnavigation3:hover, a.subnavigation3:visited:hover {font-family: verdana, arial, helvetica; font-size: 70%; color: #ff0000; text-decoration: underline; font-weight: normal;}

.subnavigation4, a.subnavigation4, a.subnavigation4:active, a.subnavigation4:visited {font-family: verdana, arial, helvetica; 	font-size: 70%; color: #666666; font-weight: normal; text-decoration: none;}
a.subnavigation4:hover, a.subnavigation4:visited:hover {font-family: verdana, arial, helvetica; font-size: 70%; color: #ff0000; text-decoration: underline; 	font-weight: normal;}

.subnavigation5, a.subnavigation5, a.subnavigation5:active, a.subnavigation5:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #666666; font-weight: bold; text-decoration: none;}
a.subnavigation5:hover, a.subnavigation5:visited:hover {font-family: verdana, arial, helvetica; font-size: 75%; color: #ff0000; text-decoration: underline; font-weight: normal;}


/*misc styles 
=========*/

.access{font-family: verdana, arial, helvetica; font-size: 100%; font-weight: normal; text-decoration: none;}

.searchterm {font-family: verdana, arial, helvetica; font-size: 75%; color: #000000; font-weight: bold;	text-decoration: none;}

/*Laurence's Callout box styles*/

.callout_box {font-family: Verdana, Arial, Helvetica, sans-serif; color: #800000; text-decoration: none; font-size: 100% }

.callout_box_arch {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #847A74; text-decoration: none; font-size: 100% }
.callout_box_built {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EF831A; text-decoration: none; font-size: 100% }
.callout_box_ind {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #0169B2; text-decoration: none; font-size: 100%}
.callout_box_nat {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #017574; text-decoration: none; font-size: 100%}
.callout_box_cust {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #C0014B; text-decoration: none; font-size: 100%}
.callout_box {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #800000; text-decoration: none; font-size: 100% }

/*End*/

.callout_arch {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #847A74; text-decoration: none; font-size: 80% }
.callout_built {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #EF831A; text-decoration: none; font-size: 80% }
.callout_ind {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0169B2; text-decoration: none; font-size: 80%}
.callout_nat {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #017574; text-decoration: none; font-size: 80%}
.callout_cust {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #C0014B; text-decoration: none; font-size: 80%}

.calloutend {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:95%; font-weight: bold; color: #000000; text-decoration: none;}

.commentposter {font-size: 75%; color: #999900;}

.brown, a.brown, a.brown:active, a.brown:visited {font-family: verdana, arial, helvetica; color: #996600; text-decoration: none;}
a.brown:hover, a.brown:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline;}

.tell_link, a.tell_link, a.tell_link:active, a.tell_link:visited {font-family: verdana, arial, helvetica; font-size: 75%; color: #666666; text-decoration: none;}
a.tell_link:hover, a.tell_link:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline; }

.enlarge_link, a.enlarge_link, a.enlarge_link:active, a.enlarge_link:visited {font-family: verdana, arial, helvetica; 	font-size: 90%; color: #006699; text-decoration: none;}
a.enlarge_link:hover, a.enlarge_link:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline;}

.print, a.print, a.print:active, a.print:visited {font-family: verdana, arial, helvetica; font-size: 55%; color: #0066cc; text-decoration: none; }
a.print:hover, a.print:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; 	text-decoration: underline;}

.bottom, a.bottom, a.bottom:active, a.bottom:visited {font-family: verdana, arial, helvetica; font-size: 70%; color: #000000; text-decoration: none;}
a.bottom:hover, a.bottom:visited:hover {font-family: verdana, arial, helvetica; color: #ff0000; text-decoration: underline;}


/**** Styles for Teachers section ****/

h1.citizenship {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #87A9A0; 	text-decoration: none;}

h1.geography {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #85883A; 	text-decoration: none;}

h1.history {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #665A30; 	text-decoration: none;}

h2.citizenship {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #87A9A0; 	text-decoration: none; padding: 0; margin: 0;}

h2.geography {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #85883A; 	text-decoration: none; padding: 0; margin: 0;}

h2.history {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold; color: #665A30; 	text-decoration: none; padding: 0; margin: 0;}

.citizenshiptext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #87A9A0; 	text-decoration: none; padding: 0; margin: 0;}

..geographytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #85883A; 	text-decoration: none; padding: 0; margin: 0;}

..historytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; color: #665A30; 	text-decoration: none; padding: 0; margin: 0;}



/*** STYLES FOR EDITORIAL INDEX PAGE TEMPLATE ***/

div#teaser-wrapper {
	width: 492px;
	margin: 0;
	padding: 0 0 0 18px;
}

div#row {
	clear: both;
	float: left;
	width: 492px;
}

div#teaser-odds {
	float: left;
	width: 236px;
	padding-right: 10px;
}

div#teaser-evens {
	float: left;
	width: 236px;
	padding-left: 10px;
}

div.teaser {
	margin: 0 0 10px 0;
}

img.teaserimg {
	margin: 3px 0 10px 0;
}


.whitesmall a, .whitesmall a:active, .whitesmall a:link, .whitesmall a:visited {
	color: #ffffff;
}

.whitesmall a:hover {
	color: #f1f1f1;
}
