/* 
GAIN STYLES
*/ 

/* ==================================================================================== */

/* IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* DIABLO STYLES: */
@import "wysiwyg.css";

/* structure, specific texts */
#toolbar { position:relative; top:0px; left:0px; }

#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* ==================================================================================== */

/* UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul,ol 
{ 
list-style: none;
}
h1,h2,h3,h4,h5,h6,pre,code 
{
font-size: 1em; 
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ 
margin: 0; 
padding: 0;
}
a img,:link img,:visited img, fieldset
{ 
border: none;
}
address 
{ 
font-style: normal;
}

/* ==================================================================================== */

/* 
==STRUCTURAL:
*/

#logo-nav
{
height: 11em;
padding: 0 20px 0 20px;
background: #cf0000;
}

#sidebar
{
float: left;
width: 22%;
text-align: center;
}

#maincontent
{
float: left;
width: 77.9999999%;
}

#copyright-etc
{
clear: left;
}

/* ==================================================================================== */

/* 
==STYLING:
*/

/* =UNIVERSAL: */
body 
{ 
margin: 0;
padding: 0;
font-family: trebuchet, "trebuchet ms", arial, geneva,  verdana, sans-serif; 
font-size: 62.5%;
color: #000;
}

/* =LOGO-NAV: */
#logo-nav h2
{
color: #fff;
font-size: 1.5em;
font-weight: lighter;
}

#logo-nav .gainlogo
{
display: block;
float: left;
height: 25px;
width: 240px;
margin-top: 12px;
padding: 55px 0 0 94px;
color: #fff;
text-decoration: none;
background: url(../images/GAINLogo.gif) no-repeat;
}

#logo-nav .info-nav
{
float: right;
margin-right: -20px;
text-align: right;
}
#logo-nav .info-nav h2
{
margin-right: 30px;
}
body > #logo-nav .info-nav h2
{
margin-right: 10px;
}

#logo-nav ul
{
width: 14em;
margin: 0 0 5px 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
}

#logo-nav ul .sitemap
{
background: #9a9a65;
}
#logo-nav ul .sitemap a
{
color: #fff;
}

#logo-nav ul .customise
{
background: #cfcf9a;
}
#logo-nav ul .customise a
{
color: #cf0000;
}

#logo-nav ul .cymraeg
{
background: #a00000;
}
#logo-nav ul .cymraeg a
{
color: #fff;
}

#logo-nav ul li
{
padding: 4px 6px;
}

#logo-nav form
{
float: right;
padding: 6px 10px 0 10px;
text-align: left;
font-size: 1.4em;
color: #fff;
}

#logo-nav label
{
font-weight: bold;
}

#logo-nav input
{
padding: 1px;
margin-right: 2px;
vertical-align: middle;
}
#logo-nav #Keyword
{
width: 140px;
}

/* =SIDEBAR: */
#sidebar ul
{
text-align: left;
background: #cfcf9a;
}

#sidebar ul li
{
font-size: 1.4em;
border-bottom: 1px solid #9a9a65;
}

#sidebar ul li a
{
display: block;
padding: 8px 10px;
color: #cf0000;
font-weight: bold;
}
#sidebar ul li a:hover
{
background: #c4c484;
}
#sidebar ul .active
{
background: #bbb884;
}

#sidebar ul li ul li
{
font-size: 1em;
border-bottom: none;
border-top: 1px solid #9a9a65;
}
#sidebar ul li ul li a
{
padding: 6px 10px 6px 20px;
background: #bbb884;
}

#sidebar .emailafriend
{
margin-bottom: 20px;
background: #fff;
border-bottom: 1px dotted #000;
}
#sidebar .emailafriend a
{
color: #000;
font-weight: lighter;
}
#sidebar .emailafriend a:hover
{
background: #f3f3f3;
}

#sidebar img
{
margin-bottom: 10px;
}

/* =MAIN CONTENT: */
#maincontent .pagepic
{
background: #550000;
}
body > #maincontent .pagepic
{
margin-bottom: -4px;
}

#maincontent form
{
margin: 0 20px;
padding: 10px 0;
font-size: 1.4em;
}

#maincontent form h4
{
margin: 0 0;
padding: 0 0;
font-size: 1em;
}

#maincontent input
{
padding: 1px;
margin-right: 4px;
vertical-align: middle;
}

#maincontent select
{
margin-right: 10px;
}

#maincontent textarea
{
font-family: arial, verdana, geneva, sans-serif;
font-size: 0.9em;
}

#maincontent label abbr
{
color: #cf0000;
}

#maincontent h2
{
padding: 10px 20px;
margin: 0 0 20px 0;
font-size: 2.2em;
font-weight: lighter;
color: #fff;
background: #9a9a65;
}

#maincontent h3
{
padding: 6px 20px;
margin: 10px 0 10px 0;
font-size: 1.9em;
font-weight: lighter;
color: #fff;
background: #9a9a65;
}

#maincontent h4
{
padding: 0 20px;
font-size: 1.4em;
line-height: 1.9em;
}
#maincontent h4 a
{
float: left;
color: #000;
}

#maincontent .date
{
float: right;
font-weight: lighter;
color: #cf0000;
}

#maincontent p
{

padding: 0 20px 10px 20px;
font-size: 1.4em;
line-height: 1.7em;
}

#maincontent .newsitem
{
clear: right;
margin-bottom: 10px;
border-bottom: 1px dotted #000;
}

#maincontent ul
{
margin: 0 0 10px 40px;
font-size: 1.4em;
list-style-type: disc;
}
#maincontent ul li .label
{
display: block;
float: left;
width: 150px;
font-weight: bold;
}
body > #maincontent ul li .desc
{
display: block;
margin-left: 175px;
}
* html #maincontent ul li .desc
{
display: block;
float: left;
margin-left: 25px;
}

#maincontent ul li ul
{
margin: 0 0 10px 20px;
font-size: 1em;
list-style-type: circle;
}

#maincontent ol
{
margin: 0 0 10px 45px;
font-size: 1.4em;
list-style-type: decimal;
}

#maincontent dl
{
clear: both;
margin: 0 20px 10px 20px;
}
#maincontent dl dt
{
font-size: 1.4em;
font-weight: bold;
line-height: 1.6em;
}
#maincontent dl dd ul
{
margin: 0;
padding: 0;
list-style-type: none;
line-height: 1.6em;
}
#maincontent dl dd ul li .label
{
display: block;
float: left;
width: 85px;
font-weight: bold;
}

#maincontent a
{
color: #cf0000;
font-weight: bold;
}

#maincontent blockquote
{
margin: 0 0 10px 20px;
border-left: 1px solid #000;
}

/* =POLLS: */
#maincontent .poll
{
background: #cfcf9a;
}

#maincontent .poll h3
{
padding: 4px 20px;
margin: 10px 0 10px 0;
font-size: 1.7em;
font-weight: lighter;
color: #fff;
background: #9a9a65;
}

#maincontent .poll form
{
padding: 0 20px;
text-align: left;
font-size: 1.4em;
color: #000;
background: #cfcf9a;
}

#maincontent .poll form input
{
margin: 6px 5px 6px 0;
vertical-align: middle;
}

#maincontent .poll form label
{
margin-left: 5px;
vertical-align: middle;
}

#maincontent .poll a
{
color: #cf0000;
font-weight: bold;
}

#maincontent form label
{
margin-right: 10px;
}

/* =COPYRIGHT-ETC: */
#copyright-etc #sequence
{
float: left;
width: 22%;
padding: 10px 0;
font-size: 1.4em;
}
#copyright-etc #sequence p
{
margin-left: 10px;
}
#copyright-etc #sequence a
{
color: #cf0000;
}

#copyright-etc #info-badges
{
float: left;
width: 78%;
padding: 10px 0;
font-size: 1.4em;
color: #fff;
background: #9a9a65;
}
#copyright-etc #info-badges p
{
display: inline;
margin-left: 20px;
}
#copyright-etc #info-badges a
{
color: #fff;
font-weight: bold;
}
#copyright-etc #info-badges ul
{
display: inline;
margin-left: 20px;
}
#copyright-etc #info-badges ul li
{
display: inline;
margin-right: 5px;
}
#copyright-etc #info-badges ul li img
{
vertical-align: middle;
}

/* =EXTRAS: */
.accessibility
{
position: absolute;
left: -10000px;
}

/* NEWS DEFINITION LISTS: */
#maincontent .news dt
{
float: left;
padding-top: 8px;
}
#maincontent .news dd
{
margin-left: 75px;
}
#maincontent .news dd p
{
clear: right;
}

/* DIABLO: */
.pagination
{
padding: 10px 20px;
font-size: 1.4em;
}
.pagination .paginationSeparator
{
padding: 0 4px;
}

.resources img
{
padding-left: 3px;
background: #fff;
}

/* POLL RESULTS: */
#pollgraph
{
margin: 10px 20px 20px 20px;
border-collapse: collapse;
text-align: left;
}

#pollgraph tr th
{
font-size: 1.5em;
padding: 0 0 10px 0;
}
#pollgraph tr td
{
font-size: 1.3em;
vertical-align: top;
padding: 0;
border-bottom: 4px solid #fff;
}
#pollgraph tr .label
{
width: 150px;
padding: 4px 5px;
background: #e9e9cf;
font-weight: bold;
border-right: 4px solid #fff;
}
#pollgraph tr .bar
{
display: block;
padding: 4px 5px;
color: #fff;
font-weight: bold;
background: #cf0000;
}

/* STANDARD DATA TABLE STYLES: */

.polls
{
width: 500px;
margin: 10px 20px 20px 20px;
border-collapse: collapse;
text-align: left;
}

.polls tr th
{
padding: 0;
font-size: 1.4em;
vertical-align: top;
border-right: 10px solid #fff;
border-bottom: 8px solid #fff;
}
.polls tr td
{
padding: 0;
font-size: 1.3em;
vertical-align: top;
border-right: 10px solid #fff;
border-bottom: 5px solid #fff;
}
.polls tr td+td+td
{
width: 60%;
}

/* SERVICES FORMS: */

.services
{
font-size: 1.2em;
line-height: 2em;
border-top: 1px dotted #000;
}
.services .submit
{
margin-top: 10px;
}
.services p
{
margin: 0 -20px 10px -20px;
font-size: 0.7em;
}
.services a
{
font-size: 0.7em;
}
#maincontent .services h3
{
margin: 0 -20px 10px -20px;
font-size: 1.3em;
}
#maincontent .services dl
{
margin: 0 -3px 10px -3px;
font-size: 1em;
}
#maincontent .services dl dd ul
{
font-size: 1em;
}

.servicesadd
{
line-height: 2.3em;
}
.servicesadd select
{
width: 305px;
}
.servicesadd textarea
{
margin-bottom: 7px;
height: 40px;
}
.servicesadd .textinput
{
width: 300px;
}
.servicesadd label .label
{
display: block;
clear: left;
float: left;
width: 180px;
}
.servicesadd .submit
{
margin-top: 10px;
margin-left: 0;
}
#maincontent > .servicesadd .submit
{
margin-top: 10px;
margin-left: 180px;
}

/* LINKS LIST: */
.links
{
line-height: 1.7em;
}
.links li
{
list-style-type: none;
margin-left: -20px;
}

.error { color:#CF0000 }

/* SEARCH RESULTS: */

.searchresult
{
margin: 10px 0;
}
.searchresult tr td
{
padding: 5px;
}

/* SITEMAP: */
#sitemap li
{
padding: 5px 0;
}
#sitemap .folder
{
font-weight: bold;
}
#sitemap li ul
{
padding-top: 5px;
}
#sitemap li ul li
{
padding: 3px 0;
}

/* CUSTOMISE SITE COLOURS: */
#maincontent .colours
{
margin-left: 20px;
}
#maincontent .colours li
{
list-style-type: none;
display: inline;
}

/*Questionnaire*/

.servicesadd legend
{
color: #000;
}

#maincontent .sectiontitle
{
padding: 2px 20px;
margin: 10px 0 10px 0;
font-size: 1.2em;
font-weight: lighter;
color: #FFF;
background: #003366;
}

input.btnQuestionnnaire
{
	color: #003366;
	background: #FFCC00;
	border: solid 1px #003366;
	font-weight: bold;
}