/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }

body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#000000;*/
margin-top:10px;
}

#container {
width:780px;
background-image:url(images/background.gif);
background-repeat:repeat-y;
background-position:center;
margin:auto;
}

#pageheader {
width:780px;
height:135px;
background-image:url(images/header.gif);
background-repeat:no-repeat;
background-position:top, center;
padding:0px;
}

#linkhome {
width:180px;
float:left;
}

a 
{
    color:#14287c;
}
a:visited
{
    color:#14287c;
}


/* Search Function */
#pageheader #search {
font-size:.80em;
margin-left:530px;
padding-top:24px;
}

#pageheader #search input{
font-size:85%;
}

.searchtext {
width:150px;
}
/* End Search Function */


/* Primary Navigation */
/* Primary Navigation WILL ALL NEED REVIEWING AND CHANGING WHEN WE ADD THE EKTRON DHTML MENUS */
#primarynav {
margin-left:190px;
margin-top:28px;
color:#b4bacd;
}

#primarynav img {
width:1px;
border:0px;
padding:0px;
margin:0px;
}

/*#primarynav a{
text-decoration:none;
color:#14287c;
font-size:13px;
padding:4px 5px 4px 5px;
vertical-align:middle;
}

#primarynav a:hover {
 background-image:url(images/hoverbg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#9287bc;
text-decoration:none;
color:#ffffff;
font-size:13px;
}

#primarynav a.primnavon{
background-image:url(images/hoverbg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#9287bc;
text-decoration:none;
color:#ffffff;
font-size:13px;
}*/

/* End Primary Navigation */


/* Print Page Button */
#printpage {
width:600px;
float:left;
font-size:.80em;

}

#printpage input {
margin-left:430px;
width:154px;
margin-top:20px;
color:#14287c;
font-size:85%;
}
/* End Print Page Button */


/* Main Content Column */
#maincontent {
width:780px;
height:auto;
}


/*breadcrumb*/
#maincontent #breadcrumb {
font-size:0.6em;
padding:5px 10px 5px 10px;
color:#14287c;
}

#maincontent #breadcrumb a
{
font-size:100%;
color:#14287c;
}

#maincontent #breadcrumb a:hover{
color:#14287c;
text-decoration:none;
}
/*end breadcrumb*/

/* HOMEPAGE ELEMENTS */
/* subcontainer allows the lead in header for the home page */
#subcontainer {
width:606px;
float:left;
}

#subcontainer h1.homepage {
margin:0px;
padding-left:10px;
padding-bottom:5px;
font-size:150%;
font-weight:400;
color:#14287c;
}

#subcontainer p.homepage {
margin:0px;
padding-left:10px;
font-size:.9em;
font-weight:bold;
font-style:italic;
color:#fb872c;
text-align:right;
padding-bottom:30px;
}
/* end subcontainer */

/* this is because IE 6 can't count when you float auto aligned elements! */
#maincontent #IE_Error_PaddingColumn {
width:10px;
float:left;
}
/* end the IE fix */

/* the home page emergency and features column*/
#maincontent #hpcolumn1 {
width:420px;
float:left;
border-top:1px solid #c8cde0;
}

/* emergency announcement */
/* Holy Hack for disappearing text in IE6*/

/* Hide from IE5-mac \*/
* html #maincontent #hpcolumn1 #emergency {
height: 1%;
}
/* End Hide from IE5-mac */

#maincontent #hpcolumn1 #emergency {
background-color:#fee5c6;
font-size:.7em;
padding:2px 2px 10px 2px;
margin:4px 0px 0px 0px;
}
#maincontent #hpcolumn1 #emergency p{
line-height:140%;
margin:0px 0px 0px 0px;
}
#maincontent #hpcolumn1 #emergency h1{
color:#14287c;
font-weight:bold;
text-transform:uppercase;
margin:10px 0px 5px 0px;
}
#maincontent #hpcolumn1 #emergency h2{
color:#14287c;
font-size:100%;
font-weight:bold;
margin:0px 0px 0px 0px;
}
#maincontent #hpcolumn1 #emergency .date{
color:#ff6600;
font-size:90%;
font-weight:normal;
margin:0px 0px 5px 0px;
}
#maincontent #hpcolumn1 #emergency img{
border:1px solid #14287c;
margin:0px 5px 5px 3px;
max-width:124px; /* this is a wireframe cludge to save me resizing the temp images */
overflow:hidden; /* obviously so is this. Perhaps we should leave it as it will stop it from being broken */
}
#maincontent #hpcolumn1 #emergency a{
color:#14287c;
}
#maincontent #hpcolumn1 #emergency a:hover{
color:#14287c;
text-decoration:none;
}
/* end emergency announcement */

/* feature block seperator line */
#maincontent #hpcolumn1 .seperator {
border-top:1px solid #c8cde0;
margin:4px 20px 0px 20px;
display:block;
clear:both;
}
/* end feature block seperator line */

/* feature announcements */
#maincontent #hpcolumn1 .features {
background-color:#f3f4f8;
font-size:.7em;
padding:2px 2px 10px 2px;
margin:4px 0px 0px 0px;
display:block;
}

/* Holy Hack for disappearing text in IE6*/

/* Hide from IE5-mac \*/
* html #maincontent #hpcolumn1 .features {
height: 1%;
}
/* End Hide from IE5-mac */

#maincontent #hpcolumn1 .features p{
line-height:140%;
margin:0px 0px 0px 0px;
}
#maincontent #hpcolumn1 .features h1{
color:#14287c;
font-size:100%;
font-weight:bold;
margin:10px 0px 5px 0px;
}
#maincontent #hpcolumn1 .features h2{
color:#14287c;
font-size:100%;
font-weight:bold;
margin:0px 0px 0px 0px;
}
#maincontent #hpcolumn1 .features .date{
color:#ff6600;
font-size:90%;
font-weight:normal;
margin:0px 0px 5px 0px;
}
#maincontent #hpcolumn1 .features img{
border:1px solid #14287c;
margin:0px 5px 5px 3px;
 /* max-width:124px; this is a wireframe cludge to save me resizing the temp images */
 /*overflow:hidden; obviously so is this. Perhaps we should leave it as it will stop it from being broken */
}
#maincontent #hpcolumn1 .features a{
color:#14287c;

}
#maincontent #hpcolumn1 .features a:hover{
color:#14287c;
text-decoration:none;
}
/* end feature announcements */

/*home page quick links column*/
#maincontent #hpcolumn2 {
width:166px;
margin-left:10px;
border-top:1px solid #c8cde0;
float:left;
}

#maincontent #hpcolumn2 h1 {
margin:2px 0px 5px 0px;
}

#maincontent #hpcolumn2 ul {
list-style:none;
margin:0px;
padding:0px;
}

#maincontent #hpcolumn2 ul li {
list-style:none;
margin:2px 0px 5px 0px;
padding:0px;
}

#maincontent #hpcolumn2 ul li ul {
list-style:none;
color:#14287c;
font-size:80%;
font-weight:bold;
margin:0px;
padding:0px;
}


#maincontent #hpcolumn2 ul li ul li{
list-style:none;
color:#14287c;
font-size:.9em;
font-weight:bold;
margin:3px 0px 3px 0px;
padding:18px 4px 0px 26px; /* the padding-left value indents the text to align with the bg image bullet point */
height:34px; /* DONT FORGET - the height and the padding-top element MUST add up to 52px (the height of the bg image) */ 
background-image:url(images/qlbg.gif);
background-repeat:no-repeat;
}

#maincontent #hpcolumn2 a {
color:#14287c;
text-decoration:none;
}

#maincontent #hpcolumn2 a:hover {
color:#14287c;
text-decoration:none;
}
/*end home page quick links column*/

/* home page banners column*/
#maincontent #hpcolumn3 {
width:154px;
margin-left:10px;
float:left;
}

#maincontent #hpcolumn3 p{
margin:0px 0px 20px 0px;
}

#maincontent #hpcolumn3 a img{
border:none;
}
/*end home page banners column*/

/* END HOMEPAGE ELEMENTS */

/* SUB PAGE ELEMENTS */
#maincontent #subcolumn1 {
width:180px;
/*font-size:.6em;*/
float:left;
color:#ffffff;
}


/*OLD SUB MENU STYLES WENT HERE*/

/*sub page main column*/
#maincontent #subcolumn2 {
width:406px;
margin-left:10px;
float:left;
}
#maincontent #subcolumn2 h1{
font-size:1.4em;
font-weight:normal;
color:#14287c;
margin:0px 0px 5px 0px;
}
#maincontent #subcolumn2 h2{
font-size:1.2em;
font-weight:normal;
color:#14287c;
}
#maincontent #subcolumn2 h3{
font-size:1.0em;
font-weight:normal;
color:#14287c;
}
#maincontent #subcolumn2 p{
font-size:0.7em;
font-weight:normal;
color:#666666;
}
#maincontent #subcolumn2 ul
{
}
#maincontent #subcolumn2 li
{
font-size:0.7em;
font-weight:normal;
color:#666666;
line-height:1.3em;
}

#maincontent #subcolumn2 ol
{
}


#maincontent #subcolumn2 img{
border:1px solid #000000;
margin:2px;
}
#maincontent #subcolumn2 a
{
    font-size:100%;
color:#14287c;
}
#maincontent #subcolumn2 a:hover{
color:#14287c;
text-decoration:none;
}

#maincontent #subcolumn2 td{
font-size:100%;
font-weight:normal;
color:#666666;
}

/* FIX FOR EKTRON SMART FORMS OUTPUTTING ALL DATA WRAPPED IN PRE TAGS*/

#maincontent #subcolumn2 pre
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:normal;
color:#666666;
}

/*end sub page main column*/



/*2 column sub page main column*/
#maincontent #twocolsubcolumn2 {
width:570px;
margin-left:10px;
float:left;
}
#maincontent #twocolsubcolumn2 h1{
font-size:1.4em;
font-weight:normal;
color:#14287c;
margin:0px 0px 5px 0px;
}
#maincontent #twocolsubcolumn2 h2{
font-size:1.2em;
font-weight:normal;
color:#14287c;
}
#maincontent #twocolsubcolumn2 h3{
font-size:1.0em;
font-weight:normal;
color:#14287c;
}
#maincontent #twocolsubcolumn2 p{
font-size:0.7em;
font-weight:normal;
color:#666666;
}
#maincontent #twocolsubcolumn2 ul
{
}
#maincontent #twocolsubcolumn2 li
{
font-size:0.7em;
font-weight:normal;
color:#666666;
line-height:1.3em;
}

#maincontent #twocolsubcolumn2 ul li ul
{
}
#maincontent #twocolsubcolumn2 ul li ul li
{
font-size:100%;
font-weight:normal;
color:#666666;
line-height:1.3em;
}

#maincontent #twocolsubcolumn2 ol
{
}


#maincontent #twocolsubcolumn2 img{
border:1px solid #000000;
margin:2px;
}
#maincontent #twocolsubcolumn2 a
{
    font-size:100%;
color:#14287c;
}
#maincontent #twocolsubcolumn2 a:hover{
color:#14287c;
text-decoration:none;
}

#maincontent #twocolsubcolumn2 td{
font-size:0.7em;
font-weight:normal;
color:#666666;
}

/*end 2 column sub page main column*/




/*sub page quick links column*/
#maincontent #subcolumn3 {
width:154px;
margin-left:10px;
float:left;
}

#maincontent #subcolumn3 h1 {
margin:2px 0px 5px 0px;
}

#maincontent #subcolumn3 ul {
list-style:none;
margin:0px;
padding:0px;
}

#maincontent #subcolumn3 ul li {
list-style:none;
margin:0px;
padding:0px;
}

#maincontent #subcolumn3 ul li ul {
list-style:none;
color:#14287c;
font-size:80%;
font-weight:bold;
margin:0px;
padding:0px;
}

#maincontent #subcolumn3 ul li ul li {
list-style:none;
color:#14287c;
font-size:.9em;
font-weight:bold;
margin:3px 0px 3px 0px;
padding:18px 4px 0px 26px; /* the padding-left value indents the text to align with the bg image bullet point */
height:34px; /* DONT FORGET - the height and the padding-top element MUST add up to 52px (the height of the bg image) */ 
background-image:url(images/qlbg2.gif);
background-repeat:no-repeat;
background-position:right;
}

#maincontent #subcolumn3 a {
color:#14287c;
text-decoration:none;
}

#maincontent #subcolumn3 a:hover {
color:#14287c;
text-decoration:none;
}
/*end sub page quick links column*/

/*END SUB PAGE ELEMENTS */

/* End Main Content Column */

#footer {
width:100%;
background-color:#000099;
height:10px;
line-height:10px;
display:block;
}

#postfooter {
background-image:url(images/rospa.gif);
background-position:left;
background-repeat:no-repeat;
clear:both;
width:780px;
margin:auto;
}

#postfooter p{
padding-top:20px;
font-size:.6em;
text-align:center;
}

#postfooter a{
color:#14287c;
text-decoration:underline;
font-size:100%;
}
#postfooter a:hover{
color:#14287c;
text-decoration:none;
}
#postfooter img{
}

/* POPUP CONTENT */
#PopUpContent p 
{
    margin:0px;
    text-align:center;
    font-size:.7em;
    border:0px;
}

#PopUpContent a 
{
}

#PopUpContent img 
{
    border:0px;
}
/* END POPUP CONTENT */