/* 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}
		
p {	font: 12px Verdana, Arial, Helvetica, sans-serif}

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

a:link {	font-weight: bold;
			text-decoration: none;
			color: #cc0000}
			
a:visited {	font-weight: bold;
			text-decoration: none;
			color: #cc0000}
			
a:active {	font-weight: bold;
			text-decoration: none;
			color: #cc0000}
			
a:hover {	font-weight: bold;
			text-decoration: underline;
			color: #cc0000}

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: #ccccff}

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

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

/* ID: mainmenu */

table#mainmenu {	border-width: 6px;
					border-color: #336699;
					background-color: #336699;
					vertical-align: top;
					font: bold 70% Verdana, Arial, Helvetica, sans-serif;
					color: #ffffff}
					
table#mainmenu a:link {	color: #ffffff}
table#mainmenu a:visited {	color: #ffffff}
table#mainmenu a:active {	color: #ffffff}

table#mainmenu a:hover {	color: #cc0000;
							text-decoration: none}

/* ID: menuright */

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

p.menurighttitle {	color: #336699;
					font-weight: bold}
				
td#menuright a:link {	color: red}
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#maintextthin {	margin: 0 30% 0 15%}
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: #e9e9ff;
				font: bold 90%;
				margin-bottom: -19;
				margin-right: 40%;
				border-bottom: 1px solid #a7bdd3;
				border-top: 1px solid #a7bdd3}
p.list-items {	background-color: #e9e9ff;
				font: bold 90%;
				margin-right: 40%;
				color: #cc0000;
				border-bottom: 1px solid #a7bdd3}

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}
					
.whitebox {
	background-color: white;
	border-top-color: #333333;
	border-left-color: #999999;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding: 2px;
	margin: 1px 1px 1px 1px;
}