/* Author: Kevin Staden */


/* common styles */

/* Fix for IE to make em units work as per the CSS specification */
* {	font-size:100%;
	font-family:sans-serif;
	color:black;
}
	
a: {
	text-decoration: underline;
}

a:link {
	color: blue;
}

a:visited { 
	color: purple;
}
 
a:hover, a:active{
	color: red;
}

	
body {
	font-size : 0.8em;
	font-family : Arial, sans-serif;
	margin: 0em;
}

table {
	display: table;
	width:100%;
	border-width: 0em 0em 0em 0em;	
	border-collapse: collapse;
	border-color: #000000;
}

td {
	border-spacing:none; 
	text-align:left;
	vertical-align:top;
}

h1 {
	font-weight: normal;
	font-size: 2em;
	margin-top: 0.4em;
	margin-bottom: 0em;
} 

h2 {
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 0.4em;
	margin-bottom: -0.2em;
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: 0.2em;
	padding:0em 0.2em;
	padding-bottom:0.2em;
}
					 
h4 {
	font-weight: normal;
	font-size: 1.1em;
	margin-top: 0.4em;
	margin-bottom: -0.2em;
}


img {
	border-style: none;
}

/* end common style */


/* header style */

table.header {
	border: 0em 0em 0em 0em; 
  	padding: 0;
	margin: 0em;
	width:100%;
	background-color:#ffffff;	
}

td.pageTitle {
	padding:0em;
	margin:0em;
	width:50%;
}


.headerlinks {
	font-size:1em;
}

.headertoprow {
	text-align:right;
	vertical-align:top;
}

.headertoprow img {
	float:left;
}

/* end header style */


/* footer style */

table.footer {
	background: #FFF4BF;
}

tr.publishingInfo {
	font-size:0.75em;
}


/* end footer style */


/* main content */

table.content {
	margin: 0em 0em 0em 0em;
}

/* left navigation style */

td.leftNav {
	font-family:verdana, sans-serif;
	font-size:1em;
	width:20%;
	margin:1px;
	padding:1px;
	padding-bottom:30px;
	background-color:#ECD8EC;
  background-image:url('http://www.geocities.com/kevinstaden/images/corner.gif');
  background-repeat:no-repeat;
  background-position: bottom right;	
}

td.leftNav ul {
	margin:0em 0.1em 0em 0.1em;
	padding:0em;
	padding-bottom:0.2em;
}

td.leftNav ul li{
	list-style:none;
	border-bottom:1px solid #800080;
	/* border-bottom:1px solid #ffffff; */
	margin:0em;
	padding:0.1em 0em 0.1em 0em;
	width:100%;
	margin-bottom:1px;
	background-color:#DCB8DC;	
}

.leftNav a, .leftNav a:visited {
	text-decoration:none;
}

.leftNav a:hover, .leftNav a:active {
	text-decoration:underline;
}

.leftNav a, .leftNav a:visited {
	color:#000060;
}

.leftNav a:hover, .leftNav a:active{
	color: red;
}

/* end left navigation style */



/* content area - for ancilliary pages */

.contentarea {
	font-size:1em;
	background-color: #f0f0f0;
  	background-position:  right bottom;; padding-left:0.4em; padding-right:0.4em; padding-top:0em; padding-bottom:0.1em		
}

#content h2 {
	font-size: 1.5em;
	font-weight:600;
	margin: 0em 0.1em 0.2em 0.1em;
	padding:0.1em 0.5em 0.1em 0.5em;
}

#content h3 {
	font-size: 1.3em;
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding : 0em;
}

.contentarea p {
	margin:0em 0em 1em 0em;
	padding:0em;
}


table.basic {
	width:96%;
}

.basic td {
	border-style: solid; 
	border-width: 0.1em; 	
}

.basic th {
	font-weight:600;
	border-style: solid; 
	border-width: 0.1em; 		
	border-bottom-width: 0.2em;
}

/* end content area - for ancilliary pages */

/* end main content */


/* Left and Right panels */

table.content td.leftPanel {
	width: 24%;
	padding: 0em 0.5em 0em 0em;
	border-color:#B9B9BA;
	border-width:0px 2px 0px 0px;
	border:solid;

}

table.content td.rightPanel {
	width: 76%;
	padding: 0em 1em 0em 1em;
}


table.content td.rightPanel ul {
	margin: 0.0em 0em 1.3em 1.5em;
}

table.content td.rightPanel ol {
	margin: 0.8em 0em 0.8em 1.5em;
}

table.content td.rightPanel ol li {
	padding-left: 0em;
}




table.content td.leftPanel h3, table.content td.rightPanel h3 {
	text-align:center;
	padding: 0.2em 0em;
	border-bottom: 1px solid #9AC0C9;
}

table.content td.leftPanel50 {
	width: 50%;
	padding: 0em 0.5em 0em 0em;
	border-color:#B9B9BA;
	border-width:0px 2px 0px 0px;
	border:solid;

}

table.content td.rightPanel50 {
	width: 50%;
	padding: 0em 1em 0em 1em;
}


/* End left right Panels */

/* Section Colours */


#mainTitle { background-color: #DCB8DC; }


#subTitle {
background-color: #DCB8DC;
font-weight: bold;
}

#contentsTitle {
background-color: #FFCA94;
font-weight: bold;
}


#subTitleYellow {
background-color: #FFFF40;
font-weight: bold;
}


#subProg {
background-color: #E7D4B7;
font-weight: bold;
}



/* End of Section Colours */

ul li.home {
	vertical-align:middle;
	list-style-image: url('http://www.geocities.com/FF1-Yahoo/images/groupHome.gif');
}


/* Added but not sorted */


.tablestyle3 {
	width:99%;
	margin-left: auto;
	margin-right: auto;
}

#fgpBack { background-color:#E6DBDA; }

td.cell2 {
/*	border-width: 0px 0px 0px 0px; 
	border-color:#808080;
	border:solid; */
	text-align:left;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

ul.wordlist li {
	list-style-image: url('http://www.geocities.com/FF1-Yahoo/images/WordIcon.gif');
	vertical-align:middle
}

li.word {
	list-style-image: url('http://www.geocities.com/FF1-Yahoo/images/WordIcon.gif');
	vertical-align:middle
}


table.fgpTable{
	border-width:1px;
	border-color:#808080;
	border-style:solid;
/*	border-collapse:collapse; */

}

table.fgpTable td{
	border-width:1px;
	border-color:#CCCCDD;
	border-style:solid;
	background-color:#FaFaFa;
	padding:0.1em;
}

table.fgpTable th{
	border-width:1px;
	border-color:#808080;
	border-style:solid;
	text-align:center;
	padding:0.5em;
}

div.sectionBox {
	margin:0.5em 0em 0.1em 0em;
	background-repeat:no-repeat;
	background-position: bottom right;
}

.sectionBox h4 {
	margin: 0em;
	padding:0em 0.2em 0em 0.2em;
}

.sectionBox p {
	margin: 0em;
	padding:0em 0.2em 0.2em 0.2em;	
}

.sectionBox ul {
	padding-bottom: 0.5em;	
}

#sectionBoxBackground {
	/* background-color: #FCE3A0; */
	background-color: #E6DBDA;
}

/* button */

span.button {
	border-width:1px;
	border-bottom-color:#808080;
	border-right-color:#808080;
	border-left-color:#CCCCDD;
	border-top-color:#CCCCDD;	
	border-style:solid;
	float:right;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
	margin-right:0.5em;
	font-size:0.9em;
	font-weight:bold;

}

/* end button */