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

/* Global Styles */

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

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

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

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

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

ul {	line-height: 200%}
		

/* Tagged parts (IDs) */

/* ID: schoolhead */
			
table#schoolhead {	background-color: #000066;
					color: #99ccff}

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

span.smallhead {	font-size: 75%;
					color: #99ccff;
					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: #0000ff;
							text-decoration: none}


/* ID: menuright */

td#menuright {	color: #ffffff}

p.menurighttitle {	color: #99ccff;
					font-weight: bold}
				
td#menuright a:link {	color: black}
td#menuright a:hover {	background-color: #99ccff}

/* ID: navbar */

tr#navbar td {	background-image:  url(http://www.le.ac.uk/ha/images/timestripes.gif);
			background-color: #000099;
			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: #0000ff;
					text-decoration: none}

/* 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%}

/* 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.title-para {	background-color: #99ccff}

p.list-title {	background-color: #99ccff;
				font: bold 90%;
				margin-bottom: -19;
				margin-right: 40%;
				border-bottom: 1px solid #000099;
				border-top: 1px solid #000099}
p.list-items {	background-color: #deeeff;
				font: bold 90%;
				margin-right: 40%;
				color: #000099;
				border-bottom: 1px solid #000099}

span.highlight {	font-weight: bold;
					background-color: #deeeff}
					
div.imageright {	float: right;
					width: 250px;
					padding: 3px 2px;
					margin: 15px 7px;
					font: 80% Verdana, Arial, Helvetica, sans-serif;
					text-align: center}
					
.whitebox {
	background-color: #99ccff;
	border-top-color: #333333;
	border-left-color: #999999;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding: 2px;
	margin: 1px 1px 1px 1px;
}


.boxdots {	list-style-image:  url(images/bluedot.gif)
			}