/*skiplinks*/
@import url(skiplinks.css);
/*undo browser defaults*/
:link,:visited { text-decoration:none;}
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:0px; padding:0;}
a img,:link img,:visited img, fieldset { border:none;  }
th{
text-align:left;
}

/*main layout styling in current source order*/
html {
padding:0;
margin:0;
}

body{
font-family: arial, tahoma, verdana, sans-serif;
margin:0 0 0 0px;
padding:0;
color:#333;
z-index:1;
font-size:70%;
line-height:2em;
position:relative;
}


#header{
border-bottom:2px solid #4f8fcc;
padding-bottom:15px;
text-align:right;
}

#header #logo {	
border:none;
} 



#top_nav
{
display:none;
}

/*see min height fix for <ie7*/
#nav{
display:none;
}

#content{

}

#content_padding{
padding:1em 15px 0 15px;
}

#footer{
clear:both;
text-align:right;
padding-top:.5em;
padding-right:55px;
}





/*=misc*/
.clear{
clear:both;
}
/*backend stuff*/
tr.highlight{
background:yellow;
}

.err
{
    color: red;
}

/*there is a compromise here - to get a proper indent beyond the first line we need use position:outside and margin left. the margin is lost if there is  left floated image so the bullets appear under it*/
/*Can't use bg image for bullets as they go under floated images. gone back to using list bullets but IE5,6&7 place it differently. Used a different image for these see sheets*/

ol, ul
{ list-style:disc;
list-style-position: outside;
margin: 0;
  padding: 0;
list-style-image: url(/img/bg/square_bullet.gif);
margin-left:15px;
}

li{
margin: 0 0 .5em 0;
padding: 0;
}


/*=links (main)*/
a:link, a:visited {
color:#4F90CA;
text-decoration: none;
border-bottom:1px dotted #d4ddec;
font-weight:bold;
}

a:hover, a:active{
text-decoration: underline;
color:#333333;
font-weight:bold;

}


h1, h2, h3, h4, h5, h6{
color:#4F90CA;
font-weight:normal;
}

h2{
font-size:1.5em;
margin-bottom:.3em;
}
h3{
font-size:1.2em;
margin-bottom:.3em;
}
h4{
font-size:1.1em;
margin-bottom:.3em;
}
h5{
font-size:1em;
font-weight:bold;
margin-bottom:.3em;
}
h6{
font-size:1em;
font-weight:bold;
margin-bottom:.3em;
}

img
{border:1px solid #C5C68F;
padding:1px;
}

#nav img{
border:none;
padding:0px;
}

.flright{
float:right;
margin-left:10px;
margin-bottom:5px;

}


.flright_noborder{
float:right;
margin-left:10px;
margin-bottom:5px;
border:none;
}


.flleft{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.flleft_noborder{
float:left;
margin-right:10px;
margin-bottom:5px;
border:none;
}

.hide{
display:none;
}

.text_align_right{
text-align:right;
}


#content img.noborder{
border:none;
padding:0;
}


.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.3em;
line-height:1.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}

.red_highlight{
color:#C41230;
}



.textalignright{
text-align:right;
}


hr{
background:none;
border:none;
border-top:1px dotted #D3E3F2;
height:1px;
line-height:1;
margin:0;
padding:0;
font-size:1px;
overflow:hidden;
}

.err{
color:red;
}


#content img{
border:1px solid #D3E3F2;
padding:3px;
}


#homepage #content h1{
display:none;
}

#content h1{
margin:0px 0px 1em 0px;
padding:10px 15px 15px 0;
border-bottom:1px dotted #D3E3F2;
font-size:1.8em;
}

