/* Default */
/*
 * Base               79%    91%   103%

 * size               -2    -1      0
 * ---------------- ----- ------ -------
 * biggest           151%   147%   160%		
 * bigger            130%   131%   130%
 * big               115%   113%   116%
 * normal            100%   100%   100%
 * small              89%    90%    88%
 * smaller            x      77%    77%
 * smallest           x      x      68%
 */

body
{ 
  padding: 0;
  margin:0;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica; 
  font-size: 68%;
  color: #333;
  background-color: #999999;
  background: #999999 url(/images/bg.gif) repeat-y 50% 0;
  text-align:center;
  overflow-x:hidden;
} 

/* This is only necessary for IE 5.5 */
* html table tr, * html table td
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica; 
  font-size: 79%;
  fo\nt-size: 100%;
}

H1,H2,H3,H4,H5
{
  margin:0;
}

P 
{
  margin-top:0;
  margin-bottom:0.7em;
}

#navigation A:link, A:visited
{
  color:#FFF;
  text-decoration:none;
}

#navigation A:hover 
{
  color:#E6FA05;
}

#leftcol EM A:link, #leftcol EM A:visited 
{
  color: #820053;
}


#content A:link, #content A:visited
{
  color: #555;
  font-weight:bold;
  text-decoration:none;
}

#content A:hover
{
  color: #820053;
  text-decoration:underline;
}


#page
{
  width:765px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#header
{
  height:63px;
  background-color:#595E5A;
  position:relative;
}

#header SPAN
{
  display:none;
}

#header IMG
{
  position:absolute;
  right:20px;
  top:6px;
  border:0;
}

#navigation UL
{
  position: absolute;
  margin:0 0 0 20px;
  padding:0;
  bottom:4px;
  left:0px;
  font-family: Arial,Geneva, "Bitstream Vera Sans", Helvetica; 
}

#navigation UL LI
{
  float:left;
  margin:0 5px 0 0 ;
  padding:0 5px 0 0 ;
  border-right: 1px solid #CECECE;
  color: #FFF;
  list-style: none;
}

#navigation UL LI.last
{
  border-right:0;
}

#banner
{
  height:182px;
}

#utilitymenu
{
  position:absolute;
  top:17px;
  right:25px;  
}

#utilitymenu A:link, #utilitymenu A:visited
{
  text-decoration:none;
  color:#555;
}

#utilitymenu A:hover
{
  text-decoration:underline;
  color:#820053;
}

#utilitymenu .divider
{
  color:#999;
}


H1 SPAN, H2 SPAN, H3 SPAN {
  display:none;
}

#main
{
  position:relative;
}

#main H3
{
  position:absolute;
  top:12px;
  left:24px;
  width:200px;
  height:25px;
  background-repeat:no-repeat;
}

#leftcol
{
  width:258px;
  position:absolute;
  left:25px;
  top:61px;
  font-size:110%;
}

#leftcol H5
{
  color: #820053;
  margin-top:10px;
  font-weight:normal;
}

#leftcol A:link, #leftcol A:visited
{
  color: #555;
  text-decoration:none;
}



#leftcol CITE
{
  margin-top:-5px;
  margin-bottom:15px;
  font-style:normal;
  display:block;
}

#content
{
  width:390px;
  margin-left:330px;
  margin-top:61px;
  color:#666;
}


#content H5 
{
  color: #820053;
  font-weight:normal;
  font-size:110%;
}

H4
{
  font-size:130%;
}

H5
{
  font-size:100%;
}

EM
{
  color:#820053;
  font-style:normal
}

UL#projectmenu
{
  width:244px;
  margin: 0 0 0 0;
  padding:18px 0 0 0;
  background:url(/images/projects/current_project_header.gif) no-repeat;
}

UL#projectmenu LI
{
  margin:0 2px 0 0;
  float:left;
  list-style:none;
}

UL#projectmenu A IMG
{
  border:0;
}

UL#projectmenu LI A
{
  width:120px;
  height:22px;
  display:block;
}

UL#projectmenu LI.cg A { background-image:url(/images/projects/projects_cg_off.gif) }
UL#projectmenu LI.cg A:hover, UL#projectmenu LI.cg A.selected { background-image:url(/images/projects/projects_cg_on.gif) }

UL#projectmenu LI.bristol A { background-image:url(/images/projects/projects_bristol_off.gif) }
UL#projectmenu LI.bristol A:hover, UL#projectmenu LI.bristol A.selected  { background-image:url(/images/projects/projects_bristol_on.gif) }

UL#projectmenu LI.matlock A { background-image:url(/images/projects/projects_matlock_off.gif) }
UL#projectmenu LI.matlock A:hover, UL#projectmenu LI.matlock A.selected  { background-image:url(/images/projects/projects_matlock_on.gif) }

UL#projectmenu LI.victoria A { background-image:url(/images/projects/projects_victoria_off.gif) }
UL#projectmenu LI.victoria A:hover, UL#projectmenu LI.victoria A.selected  { background-image:url(/images/projects/projects_victoria_on.gif) }

*UL#projectmenu LI.Lords A { background-image:url(/images/projects/projects_lords_off.gif) }
UL#projectmenu LI.Lords A:hover, UL#projectmenu LI.Lords A.selected  { background-image:url(/images/projects/projects_lords_on.gif) }

UL#projectmenu LI.personal A { background-image:url(/images/projects/projects_personal_off.gif) }
UL#projectmenu LI.personal A:hover, UL#projectmenu LI.personal A.selected  { background-image:url(/images/projects/projects_personal_on.gif) }

UL#projectmenu LI.charity A { background-image:url(/images/projects/projects_charitable_off.gif) }
UL#projectmenu LI.charity A:hover, UL#projectmenu LI.charity A.selected  { background-image:url(/images/projects/projects_charitable_on.gif) }

#flashbanner OBJECT
{
  width:299px; 
  margin:0;
  padding:0;
}

#flashbanner
{
  background: url(/images/home_image_left.jpg) no-repeat right top;
}