/* CSS Document              */
/* Historical Studies 2003-4 */

/* Global Styles */

h1,h2,h3,h4,h5,h6 {	font: Verdana, Arial, Helvetica, sans-serif}

body {	font: 12px Verdana, Arial, Helvetica, sans-serif;
		background-color: white}

.headline {	padding-bottom: 4px;
						border-bottom: 2px solid #339900 }

p {	font: 12px Verdana, Arial, Helvetica, sans-serif}

li {	font: 12px Verdana, Arial, Helvetica, sans-serif}

a:link {	font-weight: bold;
			text-decoration: underline;
			color: #6666cc}
			
a:visited {	font-weight: bold;
			text-decoration: underline;
			color: #6666cc}
			
a:active {	font-weight: bold;
			text-decoration: underline;
			color: #6666cc}
			
a:hover {	font-weight: bold;
			text-decoration: underline;
			color: #339900}

ul {	list-style-image:  url(images/triangle.gif);
		line-height: 200%}
		

/* Tagged parts (IDs) */

/* ID: schoolhead */

table#forms {	font-size: 100%}
			
table#schoolhead {	background-color: #000000;
					color: #b3d5b4}

table#schoolhead h1 {	font-size: 150%}

span.smallhead {	font-size: 75%;
					color: #339900;
					margin-top: 5}

/* ID: mainmenu */

table#mainmenu {	border-width: 6px;
					border-color: #339900;
					background-color: #339900;
					vertical-align: top;
					font: bold 70% Verdana, Arial, Helvetica, sans-serif;
					}
					

/* ID: menuleft */

td#menuleft {	color: #ffffff}
td#menuleft a:link {	color: #ffffff}
td#menuleft a:visited {	color: #ffffff}
td#menuleft a:active {	color: #ffffff}

td#menuleft a:hover {	color: #cc0000;
							text-decoration: none}


/* ID: menuright */

td#menuright {	background-color: #b3d5b4;
				color: black}

p.menurighttitle {	color: black;
					font-weight: bold}
					
p.mritem {	border-bottom: 1px solid #e8f2e9}

/* p.mritemlast {	padding-top: 0.3em;
						padding-bottom: 0.3em;
						margin-top: -1em;
						margin-bottom: 1em} */
				
div.whitebox {
	background-color: #cde3cc;
	border-top: 2px solid #e8f2e9;
	border-bottom: 2px solid #e8f2e9;
padding-left, padding-right: 2px;
/*		padding-top: 0.3em;
	padding-bottom: 0.3em; 
	margin-top: -1em;
	margin-bottom: 1em;*/
}

div.whitebox p {margin-top: 1px;
	margin-bottom: 2px}
				
td#menuright a:link {	color: black}
td#menuright a:hover {	background-color: #99ccff}

/* ID: navbar */

tr#navbar td {	background-image:  url(images/timestripes.gif);
			background-color: #336699;
			color: white;
			font: bold 60% Verdana, Arial, Helvetica, sans-serif;
			margin: 0 5px 0 0; /* right to compensate for image at left */
			text-align: center}
			
tr#navbar a:link {	color: #ffffff}
tr#navbar a:active {	color: #ffffff}
tr#navbar a:visited {	color: #ffffff}
tr#navbar a:hover {	color: #cc0000}

/* used by navigation pop-up tooltips in main page template */
.popUpStyle {	background-color: #FFFF99;	border: #CCCC00 1px solid;
				layer-background-color: #FFFF99; width: 125px;
				font: 10px verdana, arial, helvetica, sans-serif; padding: 4px;
				position: absolute; visibility: hidden}

/* ID: maintext */

div#maintext {	margin: 0 60px 0 27px}  /* possibly add top & bottom margins too if don't cut out left border colour */
div#maintext p {	line-height: 150%}

div#maintext img {	padding: 10px }

/* ID: maintextpic - for body template with pictures */

div#maintextpic {	margin: 0 0 0 27px} 
div#maintextpic p {	line-height: 150%}


/* ID: footer */

.footer {	font: 75% Verdana, Arial, Helvetica, sans-serif}

/* CLASSES */

p.list-title {	background-color: #c4e6c5;
				font: bold 100%;
				margin-bottom: -19;
				margin-right: 30%;
				border-bottom: 1px solid #333333;
				border-top: 1px solid #333333}
p.list-items {	background-color: #dddddd;
				font: bold 100%;
				margin-right: 30%;
				border-bottom: 1px solid #333333}
				
p.list-items a:link,a:visited,a:active {	font-weight: bold;
											text-decoration: underline;
											color: #000000}
											
p.list-items a:hover {	font-weight: bold;
						text-decoration: none;
						color: #000000}

span.highlight {	color: #6666cc;
					font-weight: bold}
					
div.imageright {	float: right;
					width: 250px;
					padding: 3px 2px;
					margin: 1px 7px;
					font: 80% Verdana, Arial, Helvetica, sans-serif;
					text-align: center}