html {
	font-size:100%; /* IE6- text resize adjust*/
}

a:link {
	color:#3333FF;
}
a:visited {
	color:#9933FF;
/*	text-decoration:none;*/
}
a:hover {
}
a:active {
		color:#3300FF;
}


body {
	width:840px;
	height: 100%;	
/*
	background-color:#b0daFF;
*/
/*	background-color:#D0FFFF;*/
    color: #3300FF; 
/*	font-family: Arial, Helvetica, sans-serif; */
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.80em;

	margin:40px;
	padding: 0;

/*link="#009900" vlink="#66FF66" alink="#009900" */
}

#pagewrap {
	width: 900px;
/*	max-height: 1000px;*/
/*
	overflow-x: auto; overflow-y: hidden;
*/
/*	background-color:#D0FFFF;*/
	background: url("backg2.png");


	margin:0;
	padding: 0;
/*	border: 1px double #999999;*/
	border-style:double;
	border-color:#666666;
}

#header {
	width: 900px;
	height: 148px;
	background-color:#CC6600;
}
#header a img {
 	border: none;
	vertical-align:bottom; /* needed for IE6 as it aligns baseline */
}

.left {
	height: 410px;
	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;
background-color:#ffff33;
}
.right {
	height: 310px;
/*	width:200px;*/
	margin-left: 2em;
/*	padding-right: 1%;*/
	border: 0;
/*	float: left;*/
}
.width31 { width: 31%; }
.width41 { width: 41%; }
.width49 { width: 49%; }
.width50 { width: 50%; }
.width55 { width: 55%; }
.width57 { width: 57%; }
.width58 { width: 58%; }
.width59 { width: 59%; }
.width60 { width: 60%; }
.width61 { width: 61%; }
.width62 { width: 62%; }
.width63 { width: 63%; }
.width64 { width: 64%; }
.width65 { width: 65%; }
.width66 { width: 66%; }
.width67 { width: 67%; }
.width68 { width: 68%; }
.width69 { width: 69%; }
.width70 { width: 70%; }
.width71 { width: 71%; }
.width72 { width: 72%; }
.width73 { width: 73%; }

.shiftdown {	padding-top:5%; }

.centretext {
	text-align:center;
}

.left h1 {
	color:#009900;
    font-size:3em;
}
.left h2 {
    color:#009900;
    font-size:2em;
}
.left h3 {
    font-size:1.3em;
}
.left h4 {
    font-size:0.75em;
}
.right h3 {
    font-size:1.3em;
}
.doublelinespace li {
	margin: 1em 0;
}

#shortleft {
	width: 50%;
	height: 300px;

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;
}
#longleft {
	width: 50%;
	height: 560px;

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;

}
#narrowleft {
	width: 39%;
	height: 470px;

	margin:0;
	padding-left: 1%;
	border: 0;
	float: left;

}
li.greenhdr:first-line {
	color:#009900;
}




.centre {
	width: 59%;
	height: 540px;
	margin:0;
	padding-left: 1%;
	padding-right: 0;
	border: 0;
	float: left;
	clear: right;
}

.longright {
	height: 440px;
	background-color: #40ffff; 
	margin:0;
	padding: 0;
	border: 0;
	float:left;
}

.clear {
    clear: both;
}

.entire {
	margin:0;
	padding-top: 2em;
	padding-right: 0;
	border: 0;
	float: left;
	color:#0000FF;
/*	font-weight:bold;*/
/*	font-size:1.1em;*/
}
#entire a img {
 	border: none;
}

.plain {
  list-style-type:none;
}

.entirecd {
	margin:0;
	padding-top: 2em;
/*	padding-left: 2.0em;*/
	padding-right: 0;
	border: 0;
	float: left;
	color:#666699;
	font-weight:bold;
	font-size:1.1em;

}

.titletext {
	padding-left: 1em;
	font-family:Algerian;
	color:#FF0000;
	font-weight:bold;
	font-size:1.8em;
	
}
.titlecaps {
	font-size:1.8em;
}
.titlemid {
	font-size:0.65em;
}
span.blue {
	color:blue;
	font-size:0.6em;
	font-family: Courier New, Helvetica, Monospace;
}
.tracktitle	{
	padding-left: 2.0em;
	overflow:auto;
}
.tracktitle2	{
	padding-left: 3.0em;
}
.trackname {
/*	font-family: Courier New, Helvetica, Monospace;*/
	font-family: Courier New, monospace;
	font-size:0.87em;
	padding-left: 2.0em;
}
.entirecontact {
	margin:0;
	padding-top: 2em;
	padding-right: 0;
	border: 0;
	float: left;
	color:#0000FF;
/*	font-size:1.1em;*/
}
.entirecontact p {
	margin-left: 2.05em;
}

#footer {
	width: 100%;
    color: #000000;
	font-size: 78%;
	margin:0;
	padding-top: 4em;
	border: 0;
/*	float:left;*/
	text-align: center;
	vertical-align:bottom;
}


#imageright {
    height: 540px;
    float: right; 
    margin-left: 4px;
    margin-right: 0; 
    text-align: center;
	 
}
#shortimageright {
height: 300px;
    font-size: 70%;  
    float: right; 
    margin-left: 4px;
    margin-right: 0; 
    text-align: center; 
}


.longimageright {
height: 560px;
    font-size: 70%;  
    float: right; 
    margin-left: 4px;
    margin-right: 0; 
    text-align: center;
/*	background-color:#ffffff;*/
	background-color: #ff40ff; 
}
div.captionedimage {
	height: 200px;
	width:  33%;
 	float:left;
}
div.captionedimage img {
	border:none;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    width: 270px;
    float: right; 
    margin-left: 4px; 
}

/* following is for the small/large image pairs */
div.img
{
  margin: 2px;
/*  border: 1px solid #0000ff; */
  height: auto;
  width: auto;
  float:right;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  font-size: 80%;  
  text-align: center;
  margin: 2px;
}

ul.page1 {
  list-style-type:circle;
  font-style:italic;
  font-size:0.95em;
}
ul.portf {
  list-style-type:disc;
/*  font-style:italic;*/
/*  font-size:0.95em;*/
}



#navbarbase {
	position:relative;
    width:900px;
	height:28px;
	background: url("mkorange.png") center left;
    font-size: 100%;  
	margin:0;
/*	margin-left: 6px;*/
	padding: 0;
	border: 0;
	left:0;
}


ul#navigation {
	font-size: 100%;
    font-weight:bold;
	position:absolute;
	margin: 0;
	list-style: none;

	padding: 0;
	left:0px;
	border-left: 1px solid #238126;
	border-color:#CC6600;
/*	border-bottom: 1px solid #238126;*/
}
ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
    border-bottom: 1px solid #238126;
	border-color:#CC6600;
}


/* this should be the same code as above
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #238126;
	border-bottom: 0.04em solid #238126;
}
*/

ul#navigation li { 
	line-height : 18px; /* This is the height of each menu element */
	position: relative;
	float: left;
	text-align:center;
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation li a, #navigation li span {
	display: block;
	text-decoration: none;
	color: #ffffff;

	width: 6em; /*          ****CHANGE-MENU**** */
	padding: 4px 0.5em;
	border-top: 0.04em solid #238126;/*0.04em*/
	border-right: 1px solid #238126;
	border-color:#CC6600;
}


ul#navigation li li a, ul#navigation li li span {
	width: 14em;
	text-align:left;
	border-left: 1px solid #238126;
	border-right: 1px solid #238126;
}

ul#navigation li li li a, ul#navigation li li li span {
	width: 14em; /*           ****CHANGE-SUBMENU**** */


}

ul#navigation li li.longitem li span {
	width: 16em; /*           ****CHANGE-SUBMENU**** */
}



ul#navigation li a:hover, ul#navigation ul li:hover a:hover, ul#navigation li span:hover, ul#navigation ul li:hover span:hover, ul#navigation li span.sfhover, ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */
	border-top: 0.04em solid #CC6600;/*0.04em*/


/*
	color: #000;
	background-color: #A9E1B1;
*/
}


ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;

}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */

}


#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}


/* Submenu arrow indicator */


#navigation span:hover, #navigation span.sfhover {
	cursor:default;
}


/* BACKGROUND EFFECTS */

/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */
/*
old
#navigation li:hover a, #navigation li:hover span, #navigation li.sfhover a, #navigation li.sfhover span {
color: #329900;
background-color:#ffffff;
border-top: 0.04em solid #238126;
} end old */

#navigation li:hover a {
color: #CC6600;
background-color:#ffffff;

/*line-height:99%;*/
/*border-top: 0.04em solid #238126;*/

}
#navigation   #navigation li:hover span, #navigation li.sfhover a, #navigation li.sfhover span{
color: #CC6600;
background-color:#ffffff;

}











ul#navigation li ul li:hover a, ul#navigation li ul li:hover span, ul#navigation li ul li.sfhover a, ul#navigation li ul li.sfhover span {

	color: #003300;
                background: #ffffff url("tsgreen6.png") repeat-x center left;
/*	background-color: #B0D797; */
}
ul#navigation li ul ul li:hover a, ul#navigation li ul ul li:hover span, ul#navigation li ul ul li.sfhover a, ul#navigation li ul ul li.sfhover span {

	color: #000;
	background-color: #A7CD89;
}


/* ends here */