<style type="text/css">
<!--

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

/*
a img, : link img, : visited img {
	border: 0;
}
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*
	Main menu code
*/

body 
{
	font-family: "arial", sans-serif;
	font-size:100%;
	behavior: url("csshover3.htc"); 
}

#centeredmenu 
{
	float:left;
	width:100%;
	background:#fff;
	border-bottom:0.5em solid #ffffff;
	position:relative;
	margin-bottom: 1.75em;
	font-size: 1.5em;
	font-weight: 500;
}
#centeredmenu ul 
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#centeredmenu ul li 
{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

#centeredmenu ul ul 
{

	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	top:99%;
	left:5%;
	line-height:0.5em;
	display:inline;

	background:#fff;
	width:590%;
	clear:both;

	font-size: 0.75em;
}

#centeredmenu ul ul li 
{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	background:#fff; 
}

#centeredmenu ul ul li a
{
	float:left;
	z-index:03;
	background:#fff; 
}


#centeredmenu ul li a 
{
	background:#fff;
	color: rgb(0,0,102);

	display:block;
	margin:0 0 0 0.1em;
	padding:0.15em 0.5em;
	text-decoration:none;
	position:relative;
}

#centeredmenu ul li a:hover {
	background:#fff;
	color: rgb(133, 30, 27); 
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
	background:#fff;
	color: rgb(160, 30, 27); 
	color: rgb(133, 30, 27); 
/*	text-decoration:underline;*/
}


div#centeredmenu ul ul
{
	display: none;
	}

div#centeredmenu ul li:hover ul
{
	display:block;
}


/*
	Generic styles
*/


#header 
{
	background: #fff;
	width: 100%;
}
#leftcol 
{
	background: #fff;
	float: left;
	width: 15%;
	height: 90%;
}

#rightcol 
{
	background: #fff;
	float: right;
	width: 1%;
	height: 90%;
}

#content_title 
{
	background: #fff;
	float: left;
	width: 70%;
}

#content 
{
	background: #fff;
	float: left;
	width: 70%;
}

#footer 
{
	background: #fff;
	clear: both;
	width: 100%;
	color: rgb(0, 0, 102);
	text-align: center;
}



#content h1 
{
	background: #fff;
	color: rgb(133, 30, 27); 

	font-size:1.75em;
	font-weight: 500;

	margin-bottom: 0.1em;
	margin-top: 0.1em;
	
/*	text-decoration:underline;*/
}

#content h1.projects 
{
	background: #fff;
	margin-bottom: 0.5em;
	margin-top: 3.0em;
}

#content h2 
{
	background: #fff;
	color: rgb(0, 0, 102); 

	font-size:1.5em;
	font-weight: 500;

	margin-bottom: 0.1em;
	margin-top: 0.1em;  
}

#content h2.h2projects 
{
	margin-bottom: 0.5em;
	margin-top: 0.1em;  
}

#content h2.h2titles
{
	margin-bottom: 0.05em;
	margin-top: 1.5em;  
}

#content h3 
{
	background: #fff;
	color: rgb(0, 0, 102); 

	font-size:1.33em;
	font-weight: 500;

	margin-bottom: 0.1em;
	margin-top: 0.1em;
}


#content h3.centered
{
	text-align:center;
}


#content p 
{
	background: #fff;
	margin-bottom: 1em;
	margin-top: 0.1em;
}

#content p.p1 
{
	
}


ul.work
{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
li
{
	
}
#footer p 
{
	background: #fff;
	margin-bottom: 1em;
	margin-top: 0.1em;
	text-align:center;
}

#content p.pEnd 
{
	margin-bottom: 3em;
}

#content p.p2 {
	background: #fff;
	margin-bottom: 1em;
	margin-top: 1em;
}

#content p.DDWorkSet
{
	background: #fff;
	color:	rgb(0, 0, 102);
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

#content p.DDBreakTop
{
	background: #fff;
	margin-bottom: 3em;
	margin-top: 2em;
}
#content p.DDBreak
{
	background: #fff;
	margin-bottom: 2em;
	margin-top: 2em;
}

#content p.DDBreakSmall
{
	background: #fff;
	margin-bottom: 1em;
	margin-top: 1em;
}

table.Work 
{ 
/*	color: rgb(160, 0, 0);*/
	color: rgb(133, 30, 27); 	
	line-height: 90%;
	font-size:1.33em;
	font-weight: 500;
	border: 0em solid #ffffff;
	margin-bottom: 2em;
}

table.Work td
{
	border: 0em solid #ffffff;
}


table.Work td.Info
{
	color: rgb(0, 0, 0);
}
table.Work td.InfoDD
{
	color: rgb(0, 0, 0);
}


.DDWorkEntry
{
	color: rgb(12, 12, 12);
}


.DDBlue {
  color: rgb(0, 0, 102); 
} 

.DDBlack {
  color: rgb(0, 0, 0); 
} 



.DDRed {
	color: rgb(133, 30, 27); 
	/*color: rgb(160, 0, 0); */
} 

.DDBlueHeavy {
	color: rgb(0, 0, 102); 
	font-weight: bold;
} 
.DDRedHeavy {
/*	color: rgb(160, 0, 0); */
	color: rgb(133, 30, 27); 
	font-weight: bold;
} 

div.blockCentre
{
	text-align:center;
	margin:auto;
	width:90%;
	display:block;
	background:#fff;
}

#g_centre 
{
	text-align: center;
}

.g_entry
{
	text-align: center;
	margin:4px;
	padding:4px;
	background:#fff;
	display : inline;
}

img
{	
}

.image:hover 
{ 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=85);

	-moz-opacity: .85; 
	opacity: .85; 
	border: solid 0.1em #f00;
}
.staticImage
{
	margin: 0.2em;
	border: solid 0.2em #000;	
}
.image
{ 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

	-moz-opacity: 1; 
	opacity: 1; 
	margin: 0.2em;
	border: solid 0.1em #000;
}

.image a
{ 
}

.image link
{
}


/*
	Graphics...
*/

#pageHeader_placeholder h1  
{
	background : transparent url(graphics/JustLogosmall_bleached.jpg) no-repeat top left;
	margin-top : 1em;
	display : block;
	float : left;
	height: 180px;
	width: 182px;
} 


#pageHeader h1  
{
	background : transparent url(graphics/JustLogo%20Small.jpg) no-repeat top left;
	margin-top : 1em;
	display : block;
	float : left;
	height: 180px;
	width: 182px;
} 

-->
</style>
