/* CSS Document */

/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {PADDING: 0;	MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
/* for all browsers that understand min-width */

/*------------------------ links with the green fade either side -------------------------------*/
.corelinks{border-bottom:1px solid #006659; }

/*This controls the top navigation buttons*/
.bread-gen{margin:0px; padding:2px 0px 2px 0px; text-align:center; font-size:110%;}
.bread-gen ul {margin: 0; padding-left: 0; display:inline; border: none; font-size:70%; clear:both; } 
.bread-gen ul li { margin: 0px 15px 0px 0px; padding:0px 4px 0px 0px; border: none; list-style: none; display: inline; font-weight:bold;}
.bread-gen ul li a:link, .bread-gen ul li a:visited { text-decoration: none; padding:0px 4px 0px 0px; color: #00AF98;}
.bread-gen ul li a:hover {text-decoration: none; color: #660033;}

/*This is required to make the shadow in columnOne look as though it runs all the way across the screen,*/
.leftMenu {background-image:url(../images/strippylines.gif);}

/*The widths of columnOne (left nav) and columnTwo (main page) should add up to 99% (or 99.7% for IE on PC), column one is for the main navigation*/
.columnOne {WIDTH: 25%; PADDING: 0; margin: 0px; font-weight: bold; text-align: left; }
/*This sets the padding, margin and font-size for the main and sub navigation bars*/
.columnOne ul {padding: 0; margin: 0px -10px 50px 10px; font-size: 72%}
.columnOne ul ul {padding: 0; margin: 0px 0px 10px 30px; font-size: 100%}
/*This sets the padding and text alignment for the main and sub navigation bars*/
.columnOne ul li {padding: 5px 0 5px 0; list-style: none; text-align: left;}
.columnOne ul ul li {padding: 0; list-style: none; text-align: left;}
/*This controls the colours in the main and sub navigation bars*/
.columnOne a:link, .columnOne a:visited {display: block; text-decoration: none; width: 100%; color:#006659;}
.columnOne a:hover {color:#660033; text-decoration: none;}


/*The widths of columnOne (left nav) and columnTwo (main page) to 99% (or 99.7% for IE on PC), colomn two is for the main page contents*/
.columnTwo {width: 74%; _WIDTH: 74.7%; PADDING: 0; margin: 0; }
/*This is the style for all links in the main page content*/
.columnTwo a, a:link, a:visited, a:active {color: #000000; text-decoration: underline;}
.columnTwo a:hover {
	color:#006659;
	float: none;
	font-size: large;
}	
/*This sets the indent for a bulleted list and also its font size*/
.columnTwo ul {margin: 0 0 0 40px; padding: 0; font-size: 72%;}
/*This provides a margin around the text in a bulleted list*/
.columnTwo ul li {margin: 0; padding: 0; list-style-type: disc; font-size: 100%}

/*This is for mozilla only, so the background graphics for the menus shows up*/
.important {width: 100%; height: 1px; overflow: hidden; clear: both;}

/* fourareas control the main page area in the index page*/
.fourareas{font-weight:bold; font-size:110%; margin-left: 15px;}
.fourareas a:link, .fourareas a:visited {text-decoration: none; color: #006659;}
.fourareas a:hover {text-decoration: none ; color: #660033;}
.project{margin:0px; padding:20px 5px 0px 5px; background-image:url(../images/projecttest.jpg); background-repeat:no-repeat; width: 120px; background-position:5px 5px; height:300px; text-align:center;}
.virtual{margin:0px; padding:20px 5px 0px 5px;background-image:url(../images/dna-newtest.jpg); background-repeat:no-repeat; width: 120px;background-position:5px 5px;text-align:center;}
.stake{margin:0px; padding:20px 5px 0px 5px;background-image:url(../images/networktest.jpg); background-repeat:no-repeat;width: 120px;background-position:5px 5px;text-align:center;}
.teaching{margin:0px; padding:20px 5px 0px 5px;background-image:url(../images/teachingtest.jpg); background-repeat:no-repeat;width: 120px;background-position:5px 5px;text-align:center;}

/* twoareas control the main page area in all pages other than the index page; text and vertical banner on th right; newstext/newspicture is for news page and contact page*/
.twoareas{font-size:100%; margin-left:0px;}
.newstext{margin: 0; padding: 0; width: 350px; height:380px; text-align:left;}
.newspicture{margin:0px; padding: 0 ; background-image: url(../images/gatcvertical.jpg); background-repeat: repeat; width: 150px; text-align:center;}
.newstext ul {margin: 0 0 0 50px; padding: 0; font-size: 72%;}
.newstext ul li {margin: 0; padding: 0; list-style: none; font-size: 100%}
.twotext{margin: 0; padding: 0; width: 425px; height:380px; text-align:left;}
.twovirtual{margin:0px; padding: 0 ; background-image: url(../images/virtualbanner.jpg); background-repeat: repeat; width: 75px;text-align:center;}
.twoproject{margin:0px; padding: 0 ; background-image: url(../images/projectbanner.jpg); background-repeat: repeat; width: 75px;text-align:center;}
.twonetwork{margin:0px; padding: 0 ; background-image: url(../images/networkbanner.jpg); background-repeat: repeat; width: 75px;text-align:center;}

/*sets the size for the page heading in the home page (to give the word GENIE etc more weight in search engines)*/
h1 {font-size: 110%; font-weight: bold; padding: 0; margin: 10px 10px 20px 15px;}

/*sets the style for the page heading (other than home page)*/
h2 {font-size: 110%; font-weight: bold; padding: 0; margin: 10px 10px 20px 15px;}

/*sets the style for sub-headings*/
h3 {font-size: 80%; font-weight: bold; padding: 0; margin: 15px 10px 10px 10px;}

/*sets the style for paragraph text*/
P {PADDING: 2; MARGIN: 7px 10px 13px 15px; font-size: 72%; line-height:140%;}

/*sets the font style to bold*/
.bold {font-weight: bold;}

/*sets a div to clear any divs above it*/
.clear {CLEAR: both;}

/*floats the div to the right*/
.right {float: right;}
/*floats the div to the right*/
.tright {text-align: right;float: right;}

/*floats the div to the left*/
.left {float: left;}

/*sets the form margins to zero*/
.form {margin: 0; padding: 0;}

/*sets the height of a break*/
.br {height: 20px;}

table {}

table td{vertical-align:top;}

.style1 {color: #660033; font-size: 110%}
.style2 {color: #660033;}
.style3 {color: #660033; font-weight:bold}
.style4 {color: #FF0000;}
.style5 {color: #FF0000; font-weight:bold}
.smalltext {font-size: 65%;}