body {
background-color:#18315d;
font: normal 80% Verdana;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
}

h1,h2,h3 {
text-align:center;
}
a:link { color: #77F;}
a:visited { color: #88B; }
a:hover { color: #FFF; text-decoration: none; background: #77F;}
a:active {color: #CCF; background: #0063DC; }


#frame {
margin: 30px auto;
width: 762px;
height: auto;
background-color: #000;
border-style: solid;
border-color: #b4eb62; /*was c94040   */
border-width: 8px ;
padding:0px;
}

#italist {
font-style: italic;
}

#content {
width: 712px;
background: #b6c5f8;
padding: 25px;
text-align:justify;
}

#review {
background-color:#aed2fe;
padding: 50px
}

#reviewtext {
font: 12pt Georgia, Garamond, Times, "Times New Roman", serif;
text-align: justify;
}

#reviewer {
font: 9pt Georgia, Garamond, Times, "Times New Roman", serif;
font-weight: bold;
float: right;
}

#date {
font: 7pt Arial, Helvetica, sans-serif; 
float: right;
}

#portfolio {
width: 500px;
background-color:#aeb6ee;
padding: 20px;
border-style: solid;
border-color: #000;
border-width:1px ;
}

#extratext {
width: 500px;
background-color:#aed2fe;
padding: 20px;
text-align:justify
}

#imgspacer {
width: auto;
text-align: center;
padding: 10px;

}

#imgspacer img {
padding: 0px;
margin: 10px;
}



/* FF / Opera specific -   html>body #frame  is the syntax for the child selector hack*/

html>body #frame {
margin: 30px auto;
width: 762px;
height: auto;
background: #aeb2de; 
border-style: solid;
border-color: #b4eb62;
border-width: 8px ;
padding:0px;
}

html>body #content {
width: 712px;
}

html>body #nav {
	width: 717px;
	padding: 0px 0px 30px 45px;
	background: #AD405B; 
}

/* end FF / Opera section */



/* navigation bar - modify this a bit
------------------------------------------ */

#nav {
	width: 707px;
	padding: 0px 0px 0px 55px;
	background: #AD405B;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a {
	float: left;
	margin: 0 5px 0 0;
	padding: 7px 9px;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	color: #EBF4D9;
}

#nav li a:hover {
	color: #fff;
	background: #354966;
}

#nav li a.active {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #27384F;
	border-right: 1px solid #27384F;
	background: #354966;
}

/* ROW COLOURINGS - should class them
----------------------------------------- */

.oddrow {
width: 500px;
padding:2px;
margin: 5px;
background-color: #bc9;
font-weight: bold;
}

.evenrow {
width: 500px;
padding: 2px;
margin: 2px;
background-color: #dba;
font-weight: bold;
}