/*
there is a mini and max width on this site.Not supported by IE so expressions used in seperate sttyle sheets*/


/*
black:231F20;
Documents dark blue:#003E7E;
Global orange: B54325;
infodocs/pressrelease light blue :D3E1E6;
Notices: yellow: F9D38E
Organisation: green:A1BD84;
other:brown;71642F
*/
/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul,ol { list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; text-align:left; }
ul, ol, li,h1,h2,h3,h4,h5,h6,pre, form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0px; padding:0; text-align:left;}
a img,:link img,:visited img { border:none; text-align:left; }

body{
font-family: Geneva, "Lucida Sans Unicode", verdana, sans-serif;
font-size:62.5%;
border:none;
padding:0;
margin:5px 0 0px 0;
color: #4e4e4e;
font-weight:normal;
background:#fff url(/img/bg/navstripe_top.gif) repeat-x 6px 5px;
}

/*fix ie5.5 bug*/

table, input, textarea, option, optionvalue, select{
font-size:100%;
font-family: tahoma, verdana, arial, sans-serif;}

h2{
font-family: "hoefler text", georgia, serif;
color: #231F20;
font-weight:normal;
background: url(/img/bg/stripesbig.gif) repeat-x 0 0;
padding-left:10px;
border-bottom:1px solid;
padding-bottom:.1em;
margin-top:4em;
}

/* Hides from IE5-mac adding 1% height to IE win fixes a peekaboo bug. The annoying thing dissapears when a border is added to it \*/
* html h2 {height: 1%;}
/* End hide from IE5-mac */ 
h3, h4, h5, h6{
font-family: "hoefler text", georgia, serif;
color: #787362;
margin-top:1em;
font-weight:normal;
margin-top:1em;
}


h1{
text-indent:-999em;
}

h1 img{

}


h1 span{
background:url(/img/bg/header.gif) no-repeat 0 0;
height:112px;
display:block;
position:absolute;
width:100%;
left:0;
top:0;
}


/*globes*/
h1 span span{
background:url(/img/bg/globes_all.gif) no-repeat 0px 0px;
height:112px;
display:block;
width:100%;
}

body#global h1 span span{
background:url(/img/bg/globes_red.gif) no-repeat 0px 0px;
}


body#notices h1 span span{
background:url(/img/bg/globes_yellow.gif) no-repeat 0px 0px;
}

body#organisation h1 span span{
background:url(/img/bg/globes_green.gif) no-repeat 0px 0px;
}

body#documents h1 span span{
background:url(/img/bg/globes_blue.gif) no-repeat 0px 0px;
}

body#otherdocstwo h1 span span{
background:url(/img/bg/globes_light_blue.gif) no-repeat 0px 0px;
}

h2{font-size:2.6em;
}

h3{
font-size:2em;
}


body#documents h3, body#search h3, body#otherdocs h3, body#global h3, body#otherdocstwo h3{
font-size:1.3em;
font-weight:bold;
}


h4{
font-size:1.8em;
}

body#documents h4{
font-size:1.2em;

}

h5{
font-size:1.3em;
font-weight:bold;
}

h6{
font-size:1.2em;
font-weight:bold;}
a{
text-align:left;
}


a:link {
text-decoration: none;
color: #6F6530;
font-weight:bold;
border-bottom: 1px #cdc9b2 dashed;
}

a:visited {
color: #6F6530;
text-decoration: none;
font-weight:bold;
border-bottom: 1px #cdc9b2 dashed;
}
a:hover {
color: #707070;
text-decoration: underline;
background: #f7ffdb;
}
a:active {
color: #6F6530;
font-weight:bold;
border-bottom: 1px #cdc9b2 dashed;
}

p{
margin-top:1em;
line-height:1.4em;
text-align:left;
}

#content img{
padding:5px;
background: url(/img/bg/stripesbig.gif) repeat-x 0 0;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
margin-top:1em;
text-align:left;
}

/*main identifiers*/

#mainlogo{
position:absolute;
left:20px;
top:10px;
}


#containerall{
width: 95% !important;
}


/*the neg marg allows the floated div to move up. It doesn't move the contents out of the way though*/
#container{
float:right;
padding-bottom:1em;

}

/*used to pull the content of container away*/

#content{
padding: 1em 10px 2em 10px;
font-size:1.2em;
background: #fff url(/img/bg/content.gif) no-repeat 28px 0;
position:relative;
}

/* Hides from IE5-mac adding 1% height to IE win fixes a peekaboo bug. The annoying thing dissapears when a border is added to it \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */ 

#footer{
background: #fff url(/img/bg/footerend.gif) no-repeat 0 0;
padding:0;
margin:6px 0 0 0;
width:100%;
clear:both;
padding-top:20px;
}


/*nav*/
#nav {
display:none;
}

/*end hide*/


#containerall   #nav .onpage{
background: #eeecd5;
}


body#notices #nav dl#nav_notices dd{
left:auto;
position:relative;
}

body#notices #nav dl#nav_notices,
body#notices #nav #nav_notices ul
{
background:#f4f4f4;
border-bottom: 1px #F9D38E solid;
}


body#organisation #nav dl#nav_organisation dd{
left:auto;
position:relative;
}
body#organisation #nav dl#nav_organisation,
body#organisation #nav #nav_organisation ul
{
background:#f4f4f4;
border-bottom: 1px #A1BD84 solid;

}

/*login*/

.loginform{
width:500px;
border:1px #BBB399 solid;
line-height:normal;
margin:30px auto 0px auto;
background: url(/img/bg/newgrad.gif) repeat-x 100% 100%;
padding:0;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
}




.loginform fieldset{
padding:1em 0px;
border:none;
background: url(/img/bg/stripesbig.gif) repeat-x 0 0;
margin:0;

}



.loginform h2, .loginform h3{
border:none;
float:left;
background:0;
margin:.2em 40px 0 15px;
padding:0;
}


.loginform h2 span{
display:block;
line-height:normal;
font-size:.5em;
padding-top:.2em;
}

.loginform dl{
float:right;
margin-right:15px;
width:260px;
background: #fff url(/img/bg/newgrad.gif) repeat-x 100% 100%;
padding-top:1em;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
display:inline;
}


 .loginform dl dd{
padding:0em 15px .5em 15px;
}

.loginform dl dt{
font-weight:bold;
font-size:1.1em;
padding:0em 15px .5em 15px;
}

.loginform p{
clear:both;
color:red;
font-weight:bold;
padding:0 15px;
padding-top:1em;
}

.loginform .clear{
width:20px;
}

/*tables*/
th {
text-align:left;
background: #fff url(/img/bg/stripesbig.gif) repeat-x 0 0;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
}



table{
line-height:1.4em;
background: #fff url(/img/bg/newgrad.gif) repeat-x 100% 100%;
margin-top:2em;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
width:98%;
}

tr{
background: #f8f7f0
}


td, th{
padding:.2em 5px;
}

tr.even{
background: #fff url(/img/bg/stripesbig.gif) repeat-x 0 0;
}
table.nostripe tr.even{
background: #f8f7f0
}


/*misc*/
.err
{
	color: red;
	font-weight:bold;
}

.flright{
float:right;
margin-left:15px;
}

.flleft{
float:left;
margin-right:15px;
}

.big{
font-size:1.2em;
}
.bold{
font-weight:bold;
}

.external {
padding-left:10px;
background: #fff url(/img/bg/external.gif) no-repeat 0 .2em;

}
#containerall  .textalignright{
text-align: right;
}
#containerall  .textaligncenter{
text-align: center;
}

.up{
margin-top:-1.8em;
}
.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
padding:0;
margin:0;

}

#content ul{
margin-top:1em;
display:inline-table;
}

/* (this comemnt Hides from IE5-mac)
Been having problems with left floated images followed by UL's. the LI on IE goes under the image using inline-block solves this (even in IE mac) but is not working in IE 5.5. Using the 1% holl y hack height fixes it though \*/
* html #content ul {height: 1%;}
/*grrr now the problem is that if you have a right floated image before this the content won't float around it this is to do with "haslayout" to stop it having "haslayout" then we need to not give it a height*/

* html #content ul.dontdohaslayout{
height:auto;
}

/* End hide from IE5-mac */ 
#content li{
line-height:1.6em;
padding-left:15px;
margin-top:.2em;
border-left: 2px #71642F solid;
background:url(/img/bg/arrow.gif) no-repeat 0 .5em;
}
/*list colours*/

body#documents #content li,
#content .documentslist{
border-left: 2px #003E7E solid;
background:url(/img/bg/arrow_blue.gif) no-repeat 0 .5em;
color: #003E7E;
}


body#documents #content a,
#containerall #content .documentslist a{
color: #003E7E;
}

body#global #content li,
#content .globallist{
border-left: 2px #B54325 solid;
background:url(/img/bg/arrow_red.gif) no-repeat 0 .5em;
color: #B54325;
}

body#global #containerall #content a,
#containerall #content .globallist a{
color: #B54325;
}


body#otherdocstwo #content li,
#content .otherdocstwolist{
border-left: 2px #D3E1E6 solid;
background:url(/img/bg/arrow_light_blue.gif) no-repeat 0 .5em;
color: #809fa7;
}

body#otherdocstwo #containerall #content a,
#containerall #content .otherdocstwolist a{
color: #809fa7;
}


body#notices #content li,
#content .noticeslist{
border-left: 2px #F9D38E solid;
background:url(/img/bg/arrow_yellow.gif) no-repeat 0 .5em;
color: #d2b178;
}

body#notices #containerall #content a,
#containerall #content .noticeslist a{
color: #d2b178;
}


body#organisation #content li,
#content .organisationlist{
border-left: 2px #A1BD84 solid;
background:url(/img/bg/arrow_green.gif) no-repeat 0 .5em;
color: #768a61;
}


body#organisation  #containerall #content a,
#containerall #content .organisationlist a{
color: #585858;
}

#content .searchlist{
border-left: 2px #ababab solid;
background:  url(/img/bg/arrow_grey.gif) no-repeat 0em .5em;
color: #585858;
}


#containerall #content .searchlist a{
color: #585858;
}


/* commented backslash hack v2 \*/
#content input{
border: 1px #71642F solid;
width:125px;
background:url(/img/bg/input_bg.jpg) no-repeat 0 0;
line-height:normal;
font-family: Geneva, "Lucida Sans Unicode", verdana, sans-serif;
font-weight:normal;
}

#content textarea{
background:#f4f4f4;
border: 1px #71642F solid;
font-weight:normal;

}

#content input.buttoninput{
background: #4d4420 url(/img/bg/button_bg.jpg) no-repeat 0 0;
margin-top:.1em;
display:block;
width:128px;
font-weight:bold;
color: #4d4420;
border: 1px #8a7e4e solid;
text-align:center;

}

#content input.checkbox{
border: none;
background:none;
line-height:normal;
font-family: Geneva, "Lucida Sans Unicode", verdana, sans-serif;
width:20px;
font-weight:normal;
}

#content input.buttoninput:active

{
background: #4d4420;
color:white;

}

#content select{
background:#f4f4f4 url(/img/bg/input_bg.jpg) no-repeat 0 0;
border: 1px #71642F solid;
font-weight:normal;
}

#content option{
background: #f4f4f4;
font-weight:normal;

}
/* end hack */



.emb{
background: #fff url(/img/bg/newgrad.gif) repeat-x 100% 100%;
margin-top:1em;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
padding:1em 15px;
display:block;
}

/* (this comemnt Hides from IE5-mac)
Been having problems with left floated images followed by UL's. the LI on IE goes under the image using inline-block solves this (even in IE mac) but is not working in IE 5.5. Using the 1% holl y hack height fixes it though  \*/
* html .emb {height: 1%;}
/* End hide from IE5-mac */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.searchform{display:none;
}
* html .searchform {height: 1%;}
.searchform .keywordwidth{
width:400px;
}
.nowidth{
width:auto;
}

.searchform dl{
margin-top:1em;
float:left;
border-left: 1px #c6c4b5 solid;
border-right: 1px #c6c4b5 solid;
padding-left:5px;
padding-right:5px;
margin-right:15px;
}

.searchform dt{
font-weight:bold;
margin:0 auto;
}
.searchform dd{
padding-top:.5em;

}
#content .searchform .buttoninput,
#content .filldetails .buttoninput{
display:inline;
}


.searchform dl.nofloat{
float:none;
}

.filldetails{
background: #fff url(/img/bg/newgrad.gif) repeat-x 100% 100%;
clear:both;
margin-top:1em;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
margin-left:auto;
margin-right:auto;
padding:0 10px 1em 10px;
width:460px;
}
.filldetails dl{
margin-top:1em;
clear:both;
}
.filldetails dt{

font-weight:bold;
padding:.1em 5px .4em 5px;
float:left;
width:180px;
border-bottom: 1px #e3ded1 solid;
margin-right:5px;
}
.filldetails dl.nofloat dt{
float:none;
width:420px;

}



.filldetails dd{
padding:.3em 5px .1em 5px;
}

#content .filldetails input.longer, #content .filldetails textarea.longer{
width:320px;
}

#containerall #content .horizontallist li{
display:inline;
padding:0 3px;
margin:0;
line-height:normal;
border-left: 1px #71642F solid;
background:none;
}

#containerall #content .horizontallist li a{
line-height:1.5em;
}

#containerall #content .horizontallist li.back{
background: url(/img/bg/back.gif) no-repeat .2em .3em;
padding-left:15px;
border:none;
}

#containerall #content .horizontallist li.forward{
background: url(/img/bg/gotolink.gif) no-repeat 100% 50%;
padding-right:15px;
}



.stripe{
background: url(/img/bg/stripesbig.gif) repeat-x 0 0;
padding-left:10px;
border-bottom:1px #938D78 solid;
padding-bottom:.1em;

}




.back{
background: url(/img/bg/back.gif) no-repeat 0 .3em;
padding-left:15px;
}


.gotolink
{
background: url(/img/bg/gotolink.gif) no-repeat 0 .3em;
padding-left:15px;
}

body#global .gotolink
{
background: url(/img/bg/gotolink_red.gif) no-repeat 0 .3em;
padding-left:15px;
}

body#documents .gotolink{
background: url(/img/bg/gotolink_blue.gif) no-repeat 0 .3em;
}
body#search .gotolink{
background: url(/img/bg/gotolink_grey.gif) no-repeat 0 .3em;
}
body#organisation .gotolink{
background: url(/img/bg/gotolink_green.gif) no-repeat 0 .3em;
}
body#notices .gotolink{
background: url(/img/bg/gotolink_yellow.gif) no-repeat 0 .3em;
}
body#otherdocstwo .gotolink{
background: url(/img/bg/gotolink_light_blue.gif) no-repeat 0 .3em;
}

.edit,
#containerall #content li.edit
{
background: url(/img/bg/edit.gif) no-repeat 0 .3em;
padding-left:15px;
font-weight:bold;
border-left:none;
}

.add,
#containerall #content li.add
{
background: url(/img/bg/add.gif) no-repeat 0 .3em;
padding-left:15px;
border-left:none;
}

.help{
background:  url(/img/bg/help.gif) no-repeat 100% 50%;
padding-right:10px;
height:1em;
}

.dlddalignedlist dt{
font-weight:bold;
width:200px;
background:#EFEEE6;
padding:.1em 5px;
border-bottom:1px #fff solid;
}
.dlddalignedlist dd{
margin-top:-1.6em;
margin-left:200px;
padding:.1em 5px;
background: #f5f4ec;
border-bottom:1px #fff solid;
border-left:1px #fff solid;
}
.dlddalignlisttop{
background:#EFEEE6;
font-weight:bold;
padding:.1em 5px;
border-bottom:2px #fff solid;
color: #535353;
}

.searchresult{
margin-top:.8em;
width:100%;
border-bottom: 1px #e3ded1 solid;
border-top: 1px #e3ded1 solid;
line-height:1.3em;
}
.searchresult dt{
font-weight:bold;
position:relative;
border-bottom:2px solid #fff;
padding-top:.1em;
padding-bottom:.1em;
}

.searchresult dd{
padding-top:.4em;
}

#containerall #content .searchresult dt span.edit{
background: url(/img/bg/edit.gif) no-repeat .0em .3em;
font-weight:bold;
border-left:none;
margin:0;
padding:0;
color:#E3DED1;
position:absolute;
right:0;
}

#containerall .searchresult dt .edit a{
background:none;
padding-left:15px;
font-size:1em;
font-family: Geneva, "Lucida Sans Unicode", verdana, sans-serif;
}


#containerall .searchresult dt span{
background:  url(/img/bg/gotolink.gif) no-repeat 0em .3em;
height:1em;
}


#containerall .searchresult dt span{
background:  url(/img/bg/gotolink.gif) no-repeat 0em .3em;
margin-left:5px;
height:1em;
}

/*gives arrow colour to search results*/
body#global #containerall .searchresult dt span,
#containerall .searchresult dt.globallist span
{
background:  url(/img/bg/gotolink_red.gif) no-repeat 0em .3em;
}
body#documents #containerall .searchresult dt span,
#containerall .searchresult dt.documentslist span
{
background:  url(/img/bg/gotolink_blue.gif) no-repeat 0em .3em;
}
body#otherdocstwo #containerall .searchresult dt span,
#containerall .searchresult dt.otherdocstwolist span
{
background:  url(/img/bg/gotolink_light_blue.gif) no-repeat 0em .3em;
}

body#notices #containerall .searchresult dt span,
#containerall .searchresult dt.noticeslist span
{
background:  url(/img/bg/gotolink_yellow.gif) no-repeat 0em .3em;
font-weight: bold;}


#content .searchresult .documentslist,
#content .searchresult .globallist,
#content .searchresult .otherdocstwolist,
#content .searchresult .noticeslist,
#content .searchresult .organisationlist
{
border-left:none;
background:none;
}

#containerall .searchresult dt a{
font-family: "hoefler text", georgia, serif;
color:#231F20;
font-size:1.3em;
background:none;
padding-left:15px;
height:1em;
}



.margintop{
margin-top:1em;
}

.displayhelp{
padding:15px;
background:#fff;
}



div.domTTOverlib {
	font-size:1.1em;
	border: 1px solid #938D78;
	background: #fff url(/img/bg/stripesbig.gif) repeat-x 0 0;
	width:250px;
	padding:2px 5px 2px 5px;
	
}

/*
notices #003E7E
organisation #B54325
documents #F9D38E
default #71642F
*/

.logouthome{
position:absolute;
text-align:right;
top:5px;
font-size:.9em;
width:100%;
right:10px;
}
body#loginpage .logouthome{
display:none;
}
#containerall #content .logouthome li{
	background:url(/img/bg/gotolink.gif) no-repeat 15px .3em;
	border-left:none;
	display:inline;
	height:1em;
}

#containerall #content .logouthome li.home {
	background:url(/img/bg/home.gif) no-repeat 15px .3em;
}

body#frontpage #containerall #content .logouthome li.home,
body#frontpage #containerall #content .logouthome li.backone
{
display:none;
}
#containerall #content .logouthome li.backone {
	background:url(/img/bg/back.gif) no-repeat 15px .3em;
}

#containerall #content #language{
	background:none;
		padding:0 ;
	margin:0  0px 0 15px;
}

#containerall #content #language a{
	padding:0;
	margin:0;
	border:none;
}

#language img{
border:none;
padding:0;
margin:0;
}

#containerall #content .logouthome a {
padding-left:15px;
height:1em;
background:none;
}
.smaller{
font-size:.8em;

}

.notopmargin{
margin-top:0;
}
.lesstopmargin{
margin-top:.2em;
}

/*organisation page*/
#orgresults {
width:670px;
}
#orgresults td{
width:50%;
background: #fff url(/img/bg/newgrad.gif) repeat-x 100% 100%;
margin-top:1em;
border-bottom: 1px #e3ded1 solid;
border-right: 1px #e3ded1 solid;
border-top: 1px #f3f0ea solid;
border-left: 1px #f3f0ea solid;
margin-right:30px;
padding:.4em 10px;
vertical-align:top;
}

#orgresults dl{
float:left;
}

#orgresults dt{
font-family: "hoefler text", georgia, serif;
font-size:1.2em;
font-weight:bold;
padding-bottom:.4em;
}

#container #content #orgresults img{
margin-top:0;
float:left;
margin-right:10px;
}

#orgresults dd{
padding-bottom:.4em;}