/* GEES SC screen stylesheet */
body {
margin : 0%; 
padding-left: 5px;

background : #ffffff;
} 

.title {
font-family: arial, sans-serif; 
color : #336699;
}

p {
font : 70%/132% verdana, sans-serif;
}

a:link {
background : transparent; 
color : #000099; 
} 

a:visited {
background : transparent; 
color : #336699;
} 

a:hover {
background : transparent; 
color : #000000; 
} 

a:link img , a:visited img {
border-style : none;  
} 

.logo {
float: left;
width: 18%;
display: inline;
color : #000000;
background : #ffffff;  
color : #000066; 
height: 95px;
} 



.banner {
float: left;
width: 80%;
color : #000000;
background : #ffffff;
height: 95px;
} 


.banner img{
float: right;
margin-top: 8px;
}

.banner ul
{
padding-left: 0;
margin: 0;
background-color: transparent;
color: White;
float: left;
width: 100%;
font-family: verdana, sans-serif;
}

.banner ul li 
{ 
display: inline;
}

.banner ul li a
{
padding-left: 3px;
padding-right: 3px;
background-color: transparent;
float: right;
font : 90%/132% verdana, sans-serif;
}

.topnav {
float: left;
width: 79%;
height: 2.0em;
display: inline;
color : #ffffff;
background : #336699 url(images/ltcorner.png) no-repeat top left;
/*padding-left: 1%;*/
} 

.topnav ul
{
padding-left: 0;
margin: 0;
background-color: #336699;
color: White;
float: left;
width: 100%;
font-family: verdana, sans-serif;
}

.topnav ul li 
{ 
display: inline;
}

.topnav ul li a
{
padding-left: 4px;
padding-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #336699;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #9999ff;
font-weight: bold;
}




.topnav a:link {
background : #336699; 
color : #ffffff; 
text-decoration: none;
} 

.topnav a:visited {
background : #336699; 
color : #ffffff; 
text-decoration: none;
} 

.topnav a:hover {
background : transparent; 
color : #ffffff; 
text-decoration: underline;
} 

#current
{
background: #3399cc;
}



.searchhelp {
float: left;
width: 19%;
height: 2.0em;
color : #7c83de;
background : #336699 url(images/rtcorner.png) no-repeat top right;

/*padding-right: 1%;*/
} 


.searchhelp ul
{
padding-left: 0;
margin: 0;
background-color: #336699;
color: White;
float: left;
width: 100%;
font : 85%/132% verdana, sans-serif;
text-align: right;
}

.searchhelp ul li 
{ 
display: inline;

}

.searchhelp ul li a
{
padding-left: 3px;
padding-right: 5px;
padding-top: 6px;
padding-bottom: 7px;
background-color: #336699;
color: White;
text-decoration: none;
float: right;
}

.oneborder {  /* defined class on second list item in html to get just one central border between links */
border-right: 1px solid #9999ff;
}

.searchhelp a:link {
background : #336699; 
color : #ffffff; 
text-decoration: none;
} 

.searchhelp a:visited {
background : #336699; 
color : #ffffff; 
text-decoration: none;
} 

.searchhelp  a:hover {
background : transparent; 
color : #ffffff; 
text-decoration: underline;
} 

.sidenav {
clear: left;
float: left;
width: 18%;
display: inline;
text-align : left;
background :  #fafafa url(images/leftnavcorner.png) no-repeat bottom right;
} 

.sidenav p{
font : 95%/132% verdana, sans-serif;
font-weight: bold;
margin-top: 7px;
margin-left: 10px;
margin-bottom: 14px;
}

.sidenav ul{
margin-top : -10px; /* without this bullets move right across in IE*/
margin-left : -40px;
list-style-type: none;
}

.sidenav li{
background : transparent url(images/Blue-ListArrow.gif) no-repeat;
background-position:0 8px;
color : #000000;
padding-left : 10px; /*space between image and text */
}


.sidenav a:link {
background : transparent; 
color : #000099; 
text-decoration: none;
} 

.sidenav a:visited {
background : transparent;
color : #336699; 
text-decoration: none;
} 

.sidenav  a:hover {
background : transparent; 
color : #336699; 
text-decoration: underline;
} 



/*.sidenav li.submenuLink{
background : transparent url(images/Blue-ListArrow.gif) no-repeat;
background-position:0 8px;
color : #336699;
padding-left : 10px;
margin-right : 10px;
text-decoration: underline;
}*/



.breadcrumbs {
float: left;
width: 61%;
color : #000000;
background : #f0f9fc url(images/rtcornervpaleb.png) no-repeat top right;

} 

.breadcrumbs p
{
padding-left: 15px;
margin-top: 7px;
margin-bottom: 7px;

}

.breadcrumbs a:link {
background : transparent; 
color : #000099; 
text-decoration: none;
} 

.breadcrumbs a:visited {
background : transparent;
color : #336699; 
text-decoration: none;
} 

.breadcrumbs  a:hover {
background : transparent; 
color : #336699; 
text-decoration: underline;
} 

.searchbox {
float : left;
width : 19%;
color : #000000;
background : #336699 url(images/rbcorner.png) no-repeat bottom right;

}

.searchboxcontainer
{
display:inline;

}

.searchbox form
{
text-align: right;
background : transparent;
padding: 7px;
margin-bottom: 0;





}

.searchbox label
{
font : 90% verdana, sans-serif;

/*padding-left: 4px; /*padding makes button or background bigger 
padding-right: 4px;
padding-top: 2px;
padding-bottom: 1px;
background : #ffffcc;*/

}


.searchbox a:link {
background : transparent;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.searchbox a:visited {
background : transparent;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.searchbox a:hover {
background : transparent;
color : #ffffff;
text-decoration : underline;
font-weight : bold;
} 

/*.leftbox{
position:absolute;
left: 5px;
bottom: 190px;
width: 180px;
text-align : left;
padding: 10px;
color : #336633;
background :  #c0e5f0 url(images/rbcornerpaleb.png) no-repeat bottom right;

} */



.maintext {
float: left;
width: 75%; /*53px for middle of the screen */
padding: 1%;
padding-top: 5px;
color : #000000;
background : #ffffff; 

} 

.maintext p{
font : 85%/132% verdana, sans-serif;
}

.maintext ul{
margin: 0;
padding-left: 20px;
}




.searchscs {
float: left;
width: 19%;
color : #000000;
background : #336699 url(images/bluecornerlogo.png) no-repeat top right;
margin-top: 4px;
} 

.searchscs form
{
margin: 0;
padding-top: 7px;
padding-bottom: 7px;
}

/*.searchscs label
{

font : 70% verdana, sans-serif;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 1px;
background : #ffffcc;
}*/

.searchscs  select {
width: 180px;
display: block;
margin-left: auto;
margin-right: auto;
} 



.boxtitle /*heading used in side boxes and search scs box */
{
font : 95%/132% verdana, sans-serif;

font-weight: bold;
margin: 0;
padding: 5px 25px 0px 25px;
color : #ffffff;
background : transparent;
text-align:center;
} 


.imagebox {
float: left;
width: 19%;
color : #ffffff;
background : #336699 url(images/bluecornerlogo.png) no-repeat top right; /*#4d4d4d url(images/greycornerlogo.png) no-repeat top right;*/
margin-top: 4px;
margin-right: 1%;
overflow: hidden;
border:medium;

}

.imagebox img{  

background : #000000;

display: block;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 2px solid #000000;
}

.imagebox p.text{
color : #000000;
background : #ffffee; /*bebebe*/
margin: 1px;
padding: 2px;

}

.rightgreenbox
{
float: left;
width: 19%;
color : #ffffff;
background : #295b2b url(images/greencornerlogo.png) no-repeat top right;
margin-top: 4px;
} 

.rightgreenbox p.text
{
color : #000000;
background : #cce9b9;
padding: 5px;
margin: 0;
}

.rightbrownbox
{
float: left;
width: 19%;
color : #ffffff;
background : #666600 url(images/browncornerlogo.png) no-repeat top right;
margin-top: 4px;
} 

.rightbrownbox p.text
{
color : #000000;
background : #cccc99;
padding: 5px;
margin: 0;
}


.rightdbluebox
{
float: left;
width: 19%;
color : #ffffff;
background : #000099 url(images/dkbluecornerlogo.png) no-repeat top right;
margin-top: 4px;
} 

.rightdbluebox p.text
{
color : #000000;
background : #cadaff;
padding: 5px;
margin: 0;
}


.workingwith {
float: left;
clear: left;
width: 98%;
color : #ffffff;
background : #336699 url(images/bluecornerlogo.png) no-repeat top right;
text-align : center; 
margin-top: 4px;
} 

.workingwith img{  
background : #000000;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
border-style : 1px solid #000000;
}



.workingwith p.text{
color : #000000;
background : #ffffee; /*bebebe*/
margin: 1px;
padding: 2px;

}

.supportedby {
float: left;
clear: left;
width: 98%;
color : #000000;
background : #ffffff;
text-align : center; 
margin-top: 4px;
} 

.supportedby img{  
background : #000000;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding: 1px; /*this is what gives a one px border around the logos*/

}





.supportedby p.text{
color : #000000;
background : #ffffff; /*bebebe*/
margin: 1px;
padding: 2px;
}

.footercontent {
float: left;
clear: left;
width: 98%;
color : #ffffff;
background : #336699 url(images/rbcorner.png) no-repeat bottom right;
text-align : center; 
margin-top: 4px;
} 

.footercontent p{
margin: 3px;
}



.footercontent a:link {
background : #336699; 
color : #ffffff; 
text-decoration: underline;
font-weight: bold;
} 

.footercontent a:visited {
background : #336699; 
color : #ffffff; 
text-decoration: underline;
font-weight: bold;
} 

.footercontent  a:hover {
background : transparent; 
color : #ffffff; 
text-decoration: underline;
font-weight: bold;
} 



.smallprint {
float: left;
clear: left;
width: 100%;
color : #000000;
background : #ffffff;

} 

.smallprint ul
{
padding-left: 0;
margin: 0;
background-color: transparent;
color: White;
float: left;
width: 100%;
font-family: verdana, sans-serif;
}

.smallprint ul li 
{ 
display: inline;
}

.smallprint ul li a
{
padding-left: 3px;
padding-right: 3px;
background-color: transparent;
float: left;
font : 90%/132% verdana, sans-serif;
}


/*.homeimages {
text-align: center;
padding-top : 25px;
}*/


.boxout {
background : #fcfcfc; 
border-bottom : 1px solid #E2E9F1; 
border-left : 12px solid #E2E9F1;
border-right : 1px solid #E2E9F1; 
border-top : 1px solid #E2E9F1; 
color : #000000; 
margin-left : 1%; 
margin-right : 2%; 
padding-bottom : 20px; 
padding-left : 20px; 
padding-right : 20px; 
padding-top : 5px; 
} 

.boxout .detailsfont {
font : 70% verdana, sans-serif; 
background : transparent; 
color : #000000; 
} 

.lookatme {
background : #fcfcfc; 
border-bottom : 1px solid #ffcccc; 
border-left : 12px solid #ff6666;
border-right : 1px solid #ffcccc; 
border-top : 1px solid #ffcccc; 
color : #000000; 
margin-left : 1%; 
margin-right : 2%; 
padding-bottom : 20px; 
padding-left : 20px; 
padding-right : 20px; 
padding-top : 5px;
text-align:center;
}

.lookatme p {
font-size: 195%; 
} 

/* 
.eventheaders{
font : 0.95em verdana, sans-serif;
font-weight: bold;
margin : 2em 1em;
color : #000000;
background :  transparent; 
}
*/

ul,ol{
padding-top: 0em;
padding-left: 3em;
}
li {
font : 80%/182% verdana, sans-serif; 
background : transparent; 
color : #000000; 
} 

.maintext ul{
margin: 0;
padding-left: 20px;
}

.maintext li {
font : 88%/172% verdana, sans-serif; 
background : transparent; 
color : #000000; 
} 

blockquote {
font-family : verdana, sans-serif;
font-size : 1.3em; 
background : transparent; 
color : #000000; 
} 

hr {
background : transparent; 
color : #999999; 
width: 100%;
height : 3px; 
padding : 2px; 
} 

.shortthinhr {
background : transparent;
color : #999999; 
margin-left: 1em; 
} 

.thinhr {
background : transparent; 
color : #999999; 
height : 1px; 
margin : 2px; 
} 

.smallnote {
font : 90% verdana, sans-serif; 
font-weight : normal; 
background : transparent; 
color : #000000; 
} 



.topofpage {
font : 70% verdana, sans-serif; 
font-weight : normal; 
text-align : right; 
background : transparent; 
color : #000000;
margin-top: 3px;
}
 
h1, h2, h3, h4, h5, h6, LEGEND, caption {
font-family: arial, sans-serif; 
color : #000000;
background : transparent;
}

h1 {
font-size: 105%;
 
}
 
h2 {
font-size: 100%;
padding-left: 0.5em; 
padding-bottom : 5px; 

} 
h3 {
font-size: 95%;
padding-left: 1em; 
} 
h4 {
font-size: 90% ;
padding-left: 1.5em; 
} 
h5 {
font-size: 80%;
font-variant : small-caps; 
padding-left: 2em; 
} 
h6 {
font-size: 70%;
font-variant : small-caps; 
padding-left: 2.5em; 
} 
FIELDSET {
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-top : 5px; 
} 
LEGEND {
font-size: 110%; 
} 

.description {
margin-left : 10%; 
} 









.orseparator {
font : 100% verdana, sans-serif; 
font-variant : small-caps; 
font-weight : bold; 
background : transparent; 
color : #000000; 
padding : 0.5em; 
} 
dl {
border-width : thin; 
border-color : #000000; 
border-style : outset; 
color : #000000;
background : #f9f5de; 
padding-bottom : 5px; 
padding-left : 20px; 
padding-right : 20px; 
padding-top : 5px; 
} 
dt {
font : 100% verdana, sans-serif; 
background : transparent; 
color : #336699; 
font-weight : normal; 
padding : 10px; 
} 
dd {
font : 90% verdana, sans-serif; 
background : transparent; 
color : #000000; 
font-weight : normal; 
padding : 1px; 
} 
table {
border : 3px solid #336699; 
} 
caption {
font-size: 90%;
} 
th {
font : 105% verdana, sans-serif; 
background : #ffffcc; 
color : #000000; 
font-weight : normal; 
border : 1px solid #336699; 
padding : 5px; 
} 
td {
font : 100% verdana, sans-serif; 
background : #ffffff; 
color : #000000; 
font-weight : normal; 
vertical-align : top; 
border : 1px solid #ffffff; 
padding : 5px; 
} 
.tdblack {
font : 100% verdana, sans-serif; 
background : #000000; 
color : #ffffff; 
font-weight : normal; 
} 
.tdpale {
font : 100% verdana, sans-serif; 
background : #ffffcc; 
color : #ffffff; 
font-weight : normal; 
} 
.eventheader {
font : 90% verdana, sans-serif; 
background : transparent; 
color : #000000; 
font-weight : bold; 
font-variant : small-caps; 
padding-top : 2.5em; 
} 


/*.Centred {
text-align: center;
margin-left : 20%; 
margin-right : 20%;
}*/

.dateandlocation {
text-align: center;
margin-left : 20%; 
margin-right : 20%;
font : 100% verdana, sans-serif; 
background : transparent; 
color : #000000; 
font-weight : bold;
}

.noshow {
display:none;
}



/* the \ character, contained in a comment, between rules, appears to have the effect that macIE5 ignores the following rule. - see www.sam-i-am.com* - this is useful here as mac ie 5 makes a mess of the following float right - it menu has lost its formatting and is now on the left but at least the page is now normal and readable*/

/* this is needed for the CMS tidying */
.cmsitem a {

font-family: verdana, sans-serif;
font-size: 12px;

}