body {background-color: #000000;background-image: url("/includes/mosaic437b.jpg");
font: 10pt Arial; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px}


p {COLOR: #000000; font-family: Arial; FONT-SIZE: 10pt; margin-left: 5px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}

p.margin1 {margin-left: 1cm}
p.margin2 {margin-left: 2cm}
p.margin3 {margin-left: 3cm}
p.margin4 {margin-left: 4cm}
p.margin5 {margin-left: 5cm}
p.margin6 {margin-left: 6cm}
p.margin7 {margin-left: 7cm}
p.margin8 {margin-left: 8cm}
p.margin9 {margin-left: 9cm}
p.glosspara {margin-left: 0.5cm}



H1     		{clear: both; COLOR: #000000; font-family: Arial; FONT-SIZE: 14pt; FONT-WEIGHT: bold;  MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px}

H2     		{COLOR: #000000;  font-family: Arial; FONT-SIZE: 14pt;  FONT-WEIGHT: bold; MARGIN-TOP: 0px;MARGIN-LEFT: 0px; MARGIN-BOTTOM: 10px; clear:left;}

H3     		{COLOR: #000000;  font-family: Arial; FONT-SIZE: 12pt;  MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}

H4     	 {COLOR: #000000;  font-family: Arial; FONT-SIZE: 12pt; FONT-WEIGHT: bold;  MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}

H5     	 	{COLOR: #000000 ;  font-family: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: bold; MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}

H6     		{COLOR: #000000;  font-family: Arial; FONT-SIZE: 8pt;  MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}


TD     		{COLOR: #000000;FONT-FAMILY: "Arial"; FONT-SIZE: 10pt;  MARGIN-bottom: 10px}
TD p    		{COLOR: #000000;FONT-FAMILY: "Arial"; FONT-SIZE: 10pt;  MARGIN-bottom: 10px}

.center {color: #000000;}

TD.navcell
{
	 width: 80px;
FONT-FAMILY: "Arial"; FONT-SIZE: 10pt;  MARGIN: 0px
}

TD.glosscell
{
	 width: 650px;
	 background-color: #cedff2;
FONT-FAMILY: Arial; FONT-SIZE: 10pt;  MARGIN: 0px
}

TD.glosshead    		 {COLOR: #000000;  font-family: Arial; FONT-SIZE: 12pt; FONT-WEIGHT: bold;  MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px}

A		{FONT-FAMILY: "Arial"; }
A:link		{color: #0000ff; text-decoration: underline}
A:visited	{color: #990099; text-decoration: underline}
A:hover		{color: #ff0000; text-decoration: none}

a.home:link    {text-decoration:none;color:black;background-color:transparent}
a.home:visited {text-decoration:none;color:black;background-color:transparent}
a.home:hover   {text-decoration:underline;color:#0000ff;background-color:transparent}

a.ext:link    {color: #0000ff ; font-style: italic; text-decoration: underline;background-color:#cedff2}
a.ext:visited {color: #990099; font-style: italic;  text-decoration: underline;background-color:#cedff2} 
a.ext:hover   {color: #ff0000; font-style: italic;  text-decoration: underline;background-color: #cedff2}

a.gloss:link    {color: #0000ff ; text-decoration: underline;background-color:transparent}
a.gloss:visited {color: #990099; font-style: italic;  text-decoration: underline;background-color:transparent} 
a.gloss:hover   {color: white ;  text-decoration: underline;background-color:transparent}




/* end of old stylesheet */


img {
border: 2px solid #000000;
margin: 10px;
}



/* thumbnail gallery ---------------------*/

#thumbs {
margin-left: -40px;
margin-right: 0px;
clear: both;
}

#thumbs ul {
list-style-type: none;
clear:both;
margin: 0px;
}

#thumbs li {
float: left;
margin: 0px 6px 5px 0px;
color: #000000;
font-size: 0.8em;
}

#thumbs li a {
margin: 0px 0px 0px 10px;
}

#thumbs img {
display: block;
border: 1px solid #000000;
}

#thumbs h2 {COLOR: #000000;  
FONT-SIZE: 1.0em;
FONT-WEIGHT: bold; 
MARGIN-TOP: 10px;
MARGIN-LEFT: 40px; 
MARGIN-BOTTOM: 0px; 
clear:left;
}

/* end thumbnail gallery ---------------------*/


/* sub nav links ---------------------*/

#homelinks {
color: #000000;
clear: both;
display: block;
}

#homelinks ul  {
list-style-type: none;
float: left;
padding: 5px 0px ;
margin: 5px 0px 5px 5px;
border-top: 1px dashed #000000;
width: 100%;
text-align: left;
display: inline;
}

#homelinks li  {
height: 1.0em;
font-size: 0.8em;
display: inline;
background-color: transparent;
padding: 0px 15px 0px 15px;
margin: 3px 5px 3px 5px;
text-align: right;
border: 1px solid;
background-color: #ffffff;
}

#homelinks a  {
text-decoration: none;
background-color: #ffffff;
margin: 0px;
padding: 0px;
display: inline;
}

#homelinks li.homelinksintro {
display: block;
background-color: #ffffff;
background-image: none;
color: #000000;
padding: 0px 0px 0px 2px;
margin: 0px 10px 0px 0px;
text-align: left;
float: left;
}

#homelinks a.homelinksintro {
margin: 0px 5px 0px 0px;
}

/* ---------------------*/

#subnav {
color: #000000;
clear: both;
display: block;
}

#subnav ul  {
list-style-type: none;
float: left;
padding: 5px 0px ;
margin: 5px 0px 5px 5px;
border-top: 1px dashed #000000;
width: 100%;
text-align: left;
display: inline;
}

#subnav li  {
height: 1.0em;
font-size: 0.8em;
display: inline;
background-color: transparent;
padding: 0px 15px 0px 10px;
margin: 3px 10px 3px 0px;
text-align: right;
border: 1px solid;
background-color: #ffffff;
}

#subnav a  {
text-decoration: none;
background-color: #ffffff;
margin: 0px;
padding: 0px;
display: inline;
}

#subnav li.homelinksintro {
display: block;
background-color: #ffffff;
background-image: none;
color: #000000;
padding: 0px 0px 0px 2px;
margin: 0px 10px 0px 0px;
text-align: left;
float: left;
}

#subnav a.homelinksintro {
margin: 0px 5px 0px 0px;
}

/* end sub nav links ---------------------*/

/* ------- Breadcrumb Navigation ---------------------*/

#crumb {
height: 15px;
}

#crumb ul  {
background-color: #ffffff;
float: left;
padding: 0px;
margin: 5px 0px 5px 0px;
}

#crumb li  {
font-size: 0.8em;
background-image: url("/includes/nav/arrowright.gif");
background-position: center left;
background-repeat: no-repeat;
display: block;
background-color: #ffffff;
color: #000000;
padding: 0px 5px 0px 20px;
margin: 0px 5px 0px 0px;
text-align: left;
float: left;
}

#crumb a  {
text-decoration: none;
margin: 0px 10px 0px 20px;
}

#crumb li.crumbintro {
display: block;
background-color: #ffffff;
background-image: none;
color: #000000;
padding: 0px 0px 0px 2px;
margin: 0px 10px 0px 0px;
text-align: left;
float: left;
}

#crumb a.crumbintro {
margin: 0px 5px 0px 0px;
}


/* ------- Foot Navigation For Sections -------------*/

#cyclenav ul {
list-style: none;
}

#cyclenav {
font-size: 0.8em;
clear:both;
text-align: center;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

#cyclenav a {
text-decoration: none;
background-color: #ffffff;
}

.prev {
float: left;
text-align: left;
}

.prev a{
padding: 5px 5px 5px 50px;
background-image: url("/includes/nav/arrowleft.gif");
background-position: center left;
background-repeat: no-repeat;
}

.toindex a {
padding: 5px 20px 5px 20px;
}

.next {
float: right;
}

.next a {
padding: 5px 50px 5px 5px;
background-image: url("/includes/nav/arrowright.gif");
background-position: center right;
background-repeat: no-repeat;
}

/* ------- Google Ad Divs --------------------------------*/

#googleads {
margin: 50px;
}

#googlelinkads {
margin: 5px 0px 5px 0px;
}

#googletower2
{
z-index:200;
border: 2px solid #000000;
background-color:#e3e3e5;
padding:3px;
}


#googlelinkstower2
{
z-index:200;
border: 2px solid #000000;
background-color:#e3e3e5;
padding:3px;
margin: 10px 0 0 0;
}


/* ------- Main Page Layout ---------------------------*/

body {
background-color: #cedff2;
color:#000000;
background-image: url("/includes/bg/tiles319.jpg");
background-attachment: fixed;
font: 1.0em Arial; 
MARGIN-TOP: 5px; 
MARGIN-BOTTOM: 5px;
text-align: center;
}

#page {
position: relative;
width: 766px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 1px solid #000000;
background-color: #e3e3e5;
background-image: url("/includes/mask2.gif");
background-repeat: repeat-x;
color: #000000;
padding: 10px 5px 5px 20px;
text-align: left;
}

#footerbox {
position: relative;
bottom:-5px;
left:5px;
width: 766px;
margin-left: auto;
margin-right: auto;
margin-bottom: 150px;
border: 1px solid #000000;
background-color: #e3e3e5;
background-image: url("/includes/mask2.gif");
background-repeat: repeat-x;
color: #000000;
padding: 10px 5px 5px 20px;
text-align: left;

margin-left: 20px;
margin-right: 0px;
}


#rightCol
{
position:absolute;
right:-150px;
top:-2px;

}



/* ------------ Main navigation bar with roll overs ----------*/

#navbar {
list-style-type: none;
margin: 0px 0px 110px 0px;
padding: 0px;
}

#navbar ul {
list-style-type: none;
padding: 0px;
margin: 25px 0px 0px 0px;
display: block;
}

#navbar li {
display: inline;
margin: 0px;
}

#navbar li a {
background-position: top left;
background-repeat: no-repeat;
display: block;
background-color: #cedff2;
color: #000000;
padding: 35px 25px 5px 5px;
margin: 10px 4px 0px 4px;
height: 1em;
border: 1px solid #000000;
text-decoration: none;
text-align: center;
float: left;
}


#navbar li.navhome a {
background-image: url("/includes/nav/navhome.gif");
}

#navbar li.navvisits a {
background-image: url("/includes/nav/navvisits.gif");
}

#navbar li.navprojects a {
background-image: url("/includes/nav/navprojects.gif");
}

#navbar li.navgallery a {
background-image: url("/includes/nav/navgallery.gif");
}

#navbar li.navglossary a {
background-image: url("/includes/nav/navglossary.gif");
}

#navbar li.navlinks a {
background-image: url("/includes/nav/navlinks.gif");
}

#navbar li.navabout a {
background-image: url("/includes/nav/navabout.gif");
}

#navbar li.navblog a {
background-image: url("/includes/nav/navblog.gif");
}

#navbar li.navsearch a {
background-image: url("/includes/nav/navsearch.gif");
}


/*---------
#navbar li a:visited {
background-position: bottom center;
}
---------*/


#navbar li a:hover {
background-position: top right;
background-repeat: no-repeat;
}

#navbar li a:active {
background-position: top center;
background-repeat: no-repeat;
}



/*--------

#navbar li a:focus
#navbar li a:hover
#navbar li a:active {
background: #00f0000;
color: #ffeecc;
border-bottom: 1 px solid #00ff00;
}

----------*/


#navbar li a span {display: none}
#navbar li a:hover span{ 
display:block;
position:absolute;
top: 0px; 
left: 10px; 
width: 650px;
background-color: #ffffff; 
color: #6666ff;
text-align: left;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 0.8em;
font-weight: bold;
}



#strapline { 
display:block;
position:absolute;
top: 0px; 
left:10px; 
width: 750px;
background-color: #ffffff; 
color: #000000;
text-align: left;
padding: 5px 10px 5px 10px;
text-decoration: none;
text-align: left;
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 0.8em;
font-weight: bold;
}


/* ---------End Main navigation bar with roll overs ----------*/


/*--------
Mainpic divs - clears to keep pic and text together, image defaults to right
----------*/

.mainpic {
clear:both;
}

.mainpic img {
float:right;
margin-right: 0px;
}


img.left {
border: 2px solid #000000;
margin: 0px 10px 15px 5px;
float: left;
}

img.right {
border: 2px solid #000000;
margin: 0px 5px 15px 10px;
float: right;
}
/*--------
End mainpic divs
----------*/




hr.footrule {
width: 100%;
clear: both;
margin: 10px 0px 10px 0px;
}

hr.headrule {
width: 100%;
clear: both;
margin-top: 80px;
}

p, {
clear: none;
COLOR: #000000; 
font-family: Arial; 
FONT-SIZE: 0.8em;  
margin: 15px 15px 15px 5px;
text-align: justify;
}

P.clear {
clear: both;
COLOR: #000000; 
font-family: Arial; 
FONT-SIZE: 0.8em; 
margin: 15px 15px 15px 5px;
text-align: justify;
}

ul.options {
FONT-SIZE: 0.8em; 
margin-left: 100px;
margin-top: 0px;
padding-top: 0px;
}


.first p {
clear: both;
COLOR: #000000; 
font-family: Arial; 
FONT-SIZE: 0.8em; 
margin: 15px 15px 15px 5px;
text-align: justify;
}

#quicklinks {
height: 15px;
COLOR: #ff0000; 
font-family: Arial; 
margin: 0px 0px 10px 0px;
padding: 0px;
background-color: #e3e3e5;
border: 1px solid #000000;
float: left;
display: inline;
}

#quicklinks select {
 background-color: #cedff2;
 color: #000000;
margin: 0px;
}

#quicklinks input {
color: #000000;
 background-color: #cedff2;
margin-left: 10px;
}

/*--------
Extra styles for blog
----------*/


#blogstrap {
clear: both;
 }

#blogstrap:first-letter {
font-size: 140%; 
font-style: italic;
font-weight: bold;
color: #000000;
clear: both;
 }

#sidebar h2 {
clear: none;
}

/*--------
End extra blog styles
----------*/


.first:first-letter {

 font-size: 140%; 
font-style: italic;

 font-weight: bold;

 color: #000000;

 }


p.copy {

 font-size: 90%; 

 font-weight: normal;

 color: #000000;
 }

.jos {
font-style: normal;
color: #6666ff;
}

.paratitle {
font-weight: bold;
font-size: larger;
display: block;
margin: 0px 0px 10px 0px;
}

#copyright {
COLOR: #000000;
font-family: Arial; 
FONT-SIZE: 0.8em;  
MARGIN-TOP: 0px; 
MARGIN-BOTTOM: 0px;
font-weight: bold;
float: right;
}

TD {
FONT-FAMILY: "Arial"; 
FONT-SIZE: 10pt;  
MARGIN: 0px
}



A {FONT-FAMILY: "Arial"; }
A:link        {color: #0000ff; text-decoration: underline}
A:visited    {color: #6666ff; text-decoration: underline}
A:hover        {color: #336633; text-decoration: none}

a.home:link    {text-decoration:none;color:black;background-color:transparent}
a.home:visited {text-decoration:none;color:black;background-color:transparent}
a.home:hover   {text-decoration:underline;color:#0000ff;background-color:transparent}

a.ext:link    {color: #0000ff; font-style: italic; text-decoration: underline; background-color:#cedff2}
a.ext:visited {color: #990099; font-style: italic;  text-decoration: underline;background-color:#cedff2} 
a.ext:hover   {color: #ff0000; font-style: italic;  text-decoration: underline;background-color: #cedff2}

a.gloss:link    {color: #0000ff; text-decoration: underline;background-color:transparent}
a.gloss:visited {color: #990099; font-style: italic;  text-decoration: underline;background-color:transparent} 
a.gloss:hover   {color: white;  text-decoration: underline;background-color:transparent}


#navcontainer
{
background: #cedff2;
width: 75px;
margin: 0px auto;
padding: 1em 0px;
font-family: arial;
font-size: 13px;
text-align: left;
}

#footbox
{
clear: both;
background: #cedff2;
width: 756px;
margin: 0px ;
padding: 5px 5px 0 5px;
border: 1px solid #000000;
}

/* ---------Menu box for section landing pages ----------*/
#menuBox {
clear:both;
}

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

#menuBox li {
width:180px; height:150px; overflow: auto; float:left; padding: 0px 5px 0px 5px; margin:0px; border-top:1px solid #000000; border-bottom :1px solid #000000;
}

#menuBox p {
margin-top:0px; margin-bottom:0px; padding:0px;
}

#menuBox li a {
margin-right:5px;
}

/* ---------Grout colour changer ----------*/

#transpicbgthumbs {clear:both; margin:0px; padding:0px; width:50%; float:right;}
#transpicbgthumbs ul { list-style:none; margin:0px; padding:0px; margin-bottom:20px; padding-bottom:5px; clear:both; } 
#transpicbgthumbs li { float:left; margin-right:10px;  padding:0px; }
#transpicbgthumbs img {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;  border-bottom: 1px solid #eeeeee;  border-left: 1px solid #eeeeee;  margin:0px; padding:0px; }
#transpicbgthumbs .transpic {border: 2px solid #000000;}

#transpicthumbs {width:50%;  float:left; margin:0px; padding:0px;  }
#transpicthumbs ul { list-style:none; clear:none; margin:0px; padding:0px;  } 
#transpicthumbs li { float:left; margin:0px; padding:0px;}
#transpicthumbs img {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;  border-bottom: 1px solid #eeeeee;  border-left: 1px solid #eeeeee;  margin:5px; margin-bottom:20px; padding:0px; }

img .transpic {border: 2px solid #000000;}

/* ---------End grout colour changer ----------*/

#skipNav
{display:none;
}