/*stylesheet created 13th Jan 2004*/

@media all {
/*background colour and centering*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#aaaaaa;
	text-align:center;
}

/*div holds it all together*/

#outer { 	
	width: 752px;
	margin: auto;
 }

/*header div - contains background image info, border etc*/

#hdr {
	width: 746px;
 	background-color: blue;
	text-align:center;
	border:solid black;
	border-width:1px; 
	padding:3px; 
 }

#hdr h1{
	font-size:250%;
	font-weight:bold;
	color: #aaaa22;
	margin-top:0px;
	margin-bottom:0px;
}

#hdr h2{
	font-size:105%;
	font-weight:800;
	color: #aaaa22;
	margin-top:10px;
	margin-bottom:5px;

}

#hdr h3{
	font-size:95%;
	color: #aaaa22;
	font-weight:800;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}


/* classes to position photos in header*/


.leftphoto{float:left;}
.rtphoto{float:right;}

/*title box div contains words and fg div*/

#title{
	background-color: blue;
	text-align:center;
	width:70%;
	margin-top:10px;
	margin-left: auto; 
	margin-right: auto;
	padding:5px;
}

/* gap between header and main*/

#bar { 
	height:25px;
	width:750px;
	text-align:center;
	text-color:white;
	padding:0px;
}
#bar h3{
	text-color:white;
	align:center;
}
/*links for top menu if background is dark white, pale blue, hover - red*/

#bar a:link{font-size: 90%;font-weight:bold; color:#0000ff;text-decoration:none;}
#bar a:visited{font-size: 90%;color:#00ffff;font-weight:bold;text-decoration:none;}
#bar a:hover{font-size: 90%;font-weight:bold;color:red;text-decoration:none;}
#bar a:active{font-size: 90%;color:#0000ff;font-weight:bold;text-decoration:none;}

/* bottom of a project leaf page*/
#bar1 { 
	height:25px;
	width:750px;
	text-align:center;
	text-color:white;
	padding:0px;
}
#bar1 h3{
	text-color:white;
	align:center;
}
/*links for top menu if background is dark white, pale blue, hover - red*/

#bar1 a:link{font-size: 90%;font-weight:bold; color:#0000ff;text-decoration:none;}
#bar1 a:visited{font-size: 90%;color:#00ffff;font-weight:bold;text-decoration:none;}
#bar1 a:hover{font-size: 90%;font-weight:bold;color:red;text-decoration:none;}
#bar1 a:active{font-size: 90%;color:#0000ff;font-weight:bold;text-decoration:none;}

/* provides the  border and/or background colour etc for main area*/

#bodyblock {
	background-color: #ffccff;;
	width:752px;
	padding:0px;
	border:solid black;
	border-width:1px;
}

/* Index page 3 column layout*/

#left { 
	float:left;
	background:#ffccff;
  	width:140px;
	text-align:left;
	padding:0px;
}

#left a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#left a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#left a:hover{font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#left a:active{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}

#left p{
	margin:0px;
	color: #aaaa22;
	font-size:90%;
}
#left h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	padding:0px;
	font-size:95%;
	font-weight:normal;
}

#left  h2{
	background-color:#dd22aa;
	color: #ffff88;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;
}


#cont { 
	float:left;
	width:470px;
 	background:#faf8d9;
  	text-align:left;
	padding: 0px;
}

#cont h3{
	margin-left: 5px;
}

#cont li{
	font-weight: normal;
	margin-bottom: 10px;
	font-family: Monospace;
}

#right{ 
	float:left;	 
	background:#ffccff;
  	width:140px;
	text-align:left;
	padding:0px;
}

#right a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#right a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#right a:hover{font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#right a:active{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}

#right p{
	margin: 0px;
	color: #aaaa22;
	font-size:90%;
}
#right  h2{
	background-color:#dd22aa;
	color: #ffff88;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;
}
#right h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	padding:2px;
	font-size:95%;
	font-weight:normal;
}


/* provides the  border and/or background colour etc for bottom 2 cols*/


/* the navigation border*/

#nav { 
	float:left;
	background-color:#ffccff;
  	width:140px;
	text-align:left;
	padding:0px;
}


#nav a:link{font-weight:bold; ;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#nav a:visited{font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}
#nav a:hover{font-family:verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;color:red;display:block; padding:5px 5px; margin-left:10px;}
#nav a:active{font-family:verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;display:block; padding:5px 5px; margin-left:10px;}


#nav p{
	margin: 0px;
	color: #aaaa22;
	font-size:90%;
}

#nav h2{
	background-color:#dd22aa;
	color: #ffff88;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px;

}

#nav h3{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	padding:2px;
	font-size:95%;
	font-weight:normal;
}

/*main content*/

#main { 
	float:left;width:610px;
	background-color:#ddddff;
	text-align:left;
	padding:0px;
}
#main h2{
	background-color:#dd22aa;
	color: #ffff88;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	padding: 5px;

}
#main p{
	margin-left:5px;
	color: #222222;
}
#main h3{
	margin-left:5px;
	color:#ffff00;
}

#main h4{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	font-style: italic;
	margin-left: 5px;
}

#main h5{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;	
}


#main h6{
	text-align:right;
	font-size:90%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 0px;
}

#main li{
	margin-left:20px;
}
/*project main content*/

#projmain { 
	float:left;width:750px;
	background-color:#ddddff;
	text-align:left;
	padding:0px;
}
#projmain h2{
	background-color:#dd22aa;
	color: #ffff88;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding: 5px;

}
#projmain p{
	margin-left:5px;
	color: #222222;
}
#projmain h3{
	margin-left:5px;
	color:#ffff00;
}

#projmain h4{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	font-style: italic;
	margin-left: 5px;
}

#projmain h5{
	text-align:left;
	font-size:105%;
	font-weight:bold;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;	
}


#projmain h6{
	text-align:right;
	font-size:90%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 0px;
}

#projmain li{
	margin-left:20px;
	font-weight: normal;
	margin-bottom:10px;
}

#shortmain { 
	float:left;width:610px;
	background:#faf8d9;
	text-align:left;
	height:680px;
	padding:0px;
}

#shortmain h2{
	background:#fa6000;
	color:white;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 5px;
	padding:5px;
}
#shortmain p{
	margin-left:5px;
}
#shortmain h3{
	margin-left:5px;
}

#shortmain h6{
	text-align:right;
	font-size:110%;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
	padding-top: 0px;
}


#shortmain li{
	margin-left:20px;
}

#ftr { 
	height:25px;
	width:752px;
 	background:#fa6000;
 	border:solid #fecd5f;
	border-width:0px;
	padding:0px;
 	margin-top:2px;
 }

ul{font-weight: bold;}

/* art gallery div classes*/

.floater {
	float: left;
	width: 110px;
	height: 200px;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	margin-left: 10px;
	padding: 5px;
}

.floater img {
	border: none;
	margin: 0;
	padding: 5px;
}

.floater a {
	border:none;
}

.spacer {
	width: 110px;
	height: 200px;
	clear: both;
}

/*Presentation - text and links etc*/

/*border for pictures*/

.blackborder{
	border-width:5px;
	border-color:#000000; 
	border-style:solid;
}


p{padding:5px;}

/* div class used in navigation bar for description under external links*/

div.small{
	font-size: 80%;
	margin-bottom:5px;
}



/*default links*/
/* */
a:link{font-family:verdana,Arial,sans-serif;font-weight:bold; color:blue;text-decoration:none;}
a:visited{font-family:verdana,Arial,sans-serif;color:#a0a;font-weight:bold;text-decoration:none;}
a:hover{font-family:verdana,Arial,sans-serif;font-weight:bold;color:red;text-decoration:none;}
a:active{font-family:verdana,Arial,sans-serif;color:blue;font-weight:bold;text-decoration:none;}
/* */

/* definition list styling - glossary*/

dl{padding:10px;}

dt{
	font-size:80%;
   	font-weight:bold
}

dd{
	font-size:80%;
	margin-left:30px;
}

/* provides a ? help cursor when title tooltip is provided*/

abbr, acronym, dfn {
	cursor:help;
	border-bottom:dashed lime 1px; 
}


/* orange box round navigation  and content titles*/

.navtitle{
	background:#fa6000;
	color: #fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
	padding: 5px;
}
/* enamble use of h2 for various display columns */


/*div class to centre "Back to top" - Glossary*/

div.jump{
	text-align:center;
	margin:0px;
 	padding:0px;
}

/* colours <code> and <var> text */
div.clear{clear:both;}
}