/*******************/
/* HTML TAGS        */
/********************/

* {margin:0; padding:0;}

a:link, a:visited, a:hover {background-color: transparent; color: #000099; text-decoration: none;}
a:hover {text-decoration: underline; color: #CC0000; background-color: #FFFFCC;}
body {background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0.4em 0.4em; color: #000000;}
html>body { /*be nice to Opera */ font-size: medium;}

dt {background-color: transparent; font-size: 150%; color: #0066FF;}
dd {background-color: transparent; font-size: 130%; color: #666666; padding: 0.2em;}
dd ul li {background-color: transparent; list-style-type:square; list-style-position:inside; padding: 0 0 0.5em 0;}
dd ul li ul li {background-color: transparent; list-style-type:circle; list-style-position:inside; padding: 0 0 0 2em;}
dd h4 {background-color: transparent; font-size: 110%; color: #990000; font-weight: normal; line-height: 150%;}
h1 {background-color: transparent; font-size: 300%; color: #000099; font-weight: normal; margin: 0 0 0 0;}
h2 {background-color: transparent; font-size: 180%; color: #990000; font-weight: normal;}
h3 {background-color: transparent; font-size: 150%; color: #0066FF; font-weight: normal; line-height: 150%;}
h4 {background-color: transparent; font-size: 130%; color: #990000; font-weight: normal; line-height: 150%;}
h5 {background-color: transparent; font-size: 130%; font-style: italic; color: #0066FF; font-weight: normal;}
img {border: none;}
p {background-color: transparent; font-size: 130%; font-weight: normal; color: #666666; padding: 0.3em 0;}


/************************/
/* CLASSES             */
/************************/
.online {font-family: "Monotype Corsiva", arial, sans serif; font-style: italic;}
.italic {background-color: transparent; font-style: italic; color: #990000;}
.email {background-color: transparent; font-size: 70%; color: #666666;} 
.warning {background-color: transparent; font-size: 120%; color: #990000;}
.largeblue {background-color: transparent; font-size: 180%; font-weight: 700; color: #3333CC; text-align: center;}
.empty {font-size: 80%; display:none; visibility:hidden;} /* AN EXTRA DIV CLASS TO GET AROUND BUG IN IE6 CAUSING END OF PARA DUPLICATING BELOW NAVBAR*/
.imgmargin {border: none; margin: 0.05em;}
.imgleft {float:left; margin: 0.2em;}
.imgright {float:right; margin: 0.2em;}
.imglink {font-weight: 500; font-size: 90%;}
.toppage {text-align: right;}
.toppage a {font-size: 100%;}
.superscript {font-size: 70%; vertical-align: super;}
.custom sub {vertical-align: sub; font-size: 75%;}
.custom sup {vertical-align: super; font-size: 75%;}
.question {font-weight: 600; background-color:#E8E8FF;}
.akey {text-decoration:underline;}

.clearfloats {clear: both;}	

/************************/
/* LAYOUT DIVS             */
/************************/
#wrap {width: 100%; max-width: 1400px; min-width: 600px;}
#header {padding: 0.1em 0 0.2em 0; border-bottom: 3px solid #990000; width: 100%; margin: 0 0 1em 0;}
#content {background-color: transparent; width: 100%; color:#000000;}
#navbar {width: 17%; float: left; background-color:#FFFFFF;}
#navbar h2 {background-color: transparent; font-size: 130%; color: #990000; font-weight: normal; line-height: 150%;}
#page {width: 81%; float: right; margin-left: 2%;}
#footer p{background-color: transparent; width: 100%; font-size: 100%; color: #999999; margin: 0.5em 0 0 0;}


/************************/
/* COMPONENT DIVS             */
/************************/

/* BREADCRUMB*/
#breadcrumb {font-size: 110%; margin: 0 0 1.5em 0;}
#breadcrumb a {background-color: transparent; text-decoration: none; color: #000099;}	
#breadcrumb a:hover {background-color: #FFFFCC; text-decoration: underline; color: #CC0000;}	

/*PAGE ELEMENTS*/
#formcontainer {width: 60%; margin-left: 2em; margin-top: 1em;}
#formcontainer form {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC; margin-left:2em;}
#formcontainer div.clearfloats {border: 1px solid #CCC; padding: 10px 0px; vertical-align:top;}
#formcontainer div.clearfloats p {font-size:100%;}
#formcontainer form label {background-color: transparent; width:25%; float:left; font-size: 100%; color: #003366; margin: 0 10px;}
#formcontainer input[type="reset"] {display:block; float:left;margin-left:1em;}
#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:20px}

#pagetitle {margin: 0 0 1em 0;}
.section {margin: 0 0 2em 0; line-height: 1.5em; padding: 0.3em 0;}
.sectionnoborder {float: left; font-size: 100%;  margin: 0 0 1em 0; line-height: 1.6em; padding:1em 0 1em 0; width:100%;}
.sectionbottomborder {margin: 0 0 1em 0; line-height: 1.6em; padding:1em 0 1em 0; border-bottom:1px solid #000099; width:100%;}
.sectiontopborder {margin: 0 0 1em 0; line-height: 1.6em; padding:1em 0 1em 0; border-top:1px solid #000099; width:100%;}
.section ul li{background-color: transparent; font-size: 120%; color: #666666; list-style-type: square; list-style-position: outside; line-height: 1.3em; padding: 0.1em 0; margin: 0 0 0 1em;}
.glossary {margin: 0 0 0.2em 0; line-height: 1.6em; padding:0.2em 0 0.2em 0; border-bottom:1px solid #000099; width:100%;}
.glossary dt {background-color: transparent; font-size: 140%; color:#0066FF;}
.glossary dd {background-color: transparent; font-size: 130%; color: #666666;}

/*SECTION LINKS*/
#sectionlinks {width: 95%; float: left; font-size: 90%; background-color:#E8E8FF; border-top: 2px solid #D5D5FF; border-bottom: 1px solid #D5D5FF;}	
#sectionlinks ul {margin: 0 0 0 0em; width: 100%;}
#sectionlinks li {position: relative; list-style-type: none; background-color:#E8E8FF; border-bottom: 1px solid #D5D5FF; padding: 0.2em 0;}	
#sectionlinks li:first-child {border-top: 1px solid #D5D5FF;}
#sectionlinks li:hover {background-color:#FFFFCC;}	
#sectionlinks a {background-color: transparent; padding: 0 0.6em; text-decoration: none; color: #000099; display: block;}	
#sectionlinks a:hover {background-color:#FFFFCC; text-decoration: underline; display: block;}	

/* DROP-DOWN MENU STARTS HERE */
#sectionlinks ul li ul {
	margin-left: 15em; /* MOVES THE SUBMENU OVER TO THE RIGTH OF THE MAIN MENU*/
	position: absolute; /*POSITIONS THE DROP-DOWN ul IN RELATION TO ITS RELATIVELY POSITIONED
	 					li PARENT */
	width: 15em; /* SETS THE WIDTH OF THE MENU - IN COMBO WITH THE li's 100% WIDTH, MAKES
	 				THE MENU STACK*/
	top: -1px; /* ALIGNS THE DROP-DOWN WITH ITS PARENT */
	background-color:#E8E8FF; /*SETS THE BACKGROUND OF THE SUB-MENU */
}
#sectionlinks ul li ul li {width: 100%;} /* MAKES THE LIST ITEMS FILL THE LIST CONTAINER (ul) */
#sectionlinks ul li ul li:first-child {border-top: 1px solid #D5D5FF;}  /*SETS THE TOP EDGE OF THE DROP-DOWN MENU */

/* MAKES THE DROP-DOWN DISPLAY AS THE MENU IS ROLLED OVER */
#sectionlinks ul li ul {display: none;}/* CONCEALS THE DROP-DOWN WHEN MENU NOT HOVERED */
#sectionlinks ul li:hover ul {display: block;} /* SHOWS THE DROP-DOWN WHEN THE MENU IS HOVERED */

/* SUB-MENU STARTS HERE */
/*#sectoinlinks ul li ul li;hover ul {
	display:block; /* SHOWS THE SUB-DROP-DOWN WHEN THE DROP-DOWN MENU IS HOVERED */ 
/*}
/*#sectionlinks ul li:hover ul ul {
	display:none; /* CONCEALS THE SUB-DROP-DOWN WHEN DROP-DOWN MENU IS NOT HOVERED */ 
/*}	
/*#sectionlinks ul li ul li ul {
	left: 0px; /* ALIGNS THE SUB-POP NEXT TO THE POP */
/*}
/*SUB-MENU ENDS HERE */

/* HACK ZONE for IE*/
* html #sectionlinks ul li ul {border-top: 1px solid #D5D5FF;}
* html #sectionlinks ul {border-top: 1px solid #D5D5FF;}


/*SOCIETY LINKS*/
#societylinks {width: 95%; float: left; font-size: 90%; background-color:#E8E8FF; border-bottom: 1px solid #D5D5FF;}
#societylinks ul {margin: 0 0 0 0em; width: 100%;}
#societylinks li {position: relative; list-style-type: none; background-color:#E8E8FF; border-bottom: 1px solid #D5D5FF; padding: 0.2em 0;}	
#societylinks li:first-child {border-top: 1px solid #D5D5FF;}
#societylinks li:hover {background-color:#FFFFCC;}	
#societylinks a {background-color: transparent; padding: 0 0.6em; text-decoration: none; color: #000099; display: block;}	
#societylinks a:hover {background-color:#FFFFCC; text-decoration: underline; display: block;}	
* html #societylinks ul{border-top: 1px solid #D5D5FF;}


/*RELATED LINKS*/
#relatedlinks {width: 95%; float: left; font-size: 90%; background-color:#E8E8FF; border-bottom: 1px solid #D5D5FF;}
#relatedlinks ul {margin: 0 0 0 0em; width: 100%;}
#relatedlinks li {position: relative; list-style-type: none; background-color:#E8E8FF; border-bottom: 1px solid #D5D5FF; padding: 0.2em 0;}	
#relatedlinks li:first-child {border-top: 1px solid #D5D5FF;}
#relatedlinks li:hover {background-color:#FFFFCC;}	
#relatedlinks a {background-color: transparent; padding: 0 0.6em; text-decoration: none; color: #000099; display: block;}	
#relatedlinks a:hover {background-color:#FFFFCC; text-decoration: underline; display: block;}	
* html #relatedlinks ul{border-top: 1px solid #D5D5FF;}	


#author {margin: 0 0 2em 0;}
#photo {float: left ; width: 20%; margin: 0 0 0 0;}
#qualif {float: right; width: 80%;}
#qualif ul li{background-color: transparent; font-size: 130%; color: #666666; list-style-type: square; list-style-position: outside; line-height: 1.3em; padding: 0.1em 0; margin: 0 0 0 1em;}