/* Clearing floats

----------------------------------------------- */

 

 .clearfix:after {

    content: "."; 

    display: block; 

    position:relative; /*works better in IE5.5 or float in float situations*/

    height: 0; 

    clear: both; 

    visibility: hidden;

            }

 

 

*           {

            margin: 0;

            padding: 0;

            } 

 

html, body {

    height: 100%; } /* to position footer at screen base */

 

#wrapper {

            /*width: 100%;*/

            position: absolute;

            min-height: 100%;

            height: 100%;

            voice-family: "\"}\"";

            voice-family: inherit;

            height: auto;
			
			width: 100%;

            

}

 

body    

{

   background-color: white;

   color: #09357a;

   font-size: 1.0em;

   _font-size: 98.1%;

            font-family: Arial,Geneva,Helvetica,sans-serif;

}

 

 


.main-text     {

                    background-color: transparent;

                    color: #09357a;

                    font-family: Arial,Geneva,Helvetica,sans-serif;

                    font-size: 0.8em;

                    font-style: normal;

                    font-weight: normal;

width: 50em

                }

 

 

/* Skip navigation etc

----------------------------------------------- */

 

.access {

            display:none;

}

 

/* Linkage

----------------------------------------------- */

            

a:link, a:visited {

            font-weight : normal; 

            text-decoration : underline;

            color: #FFFFFF;

            background: transparent; 

            }

 

a:hover {

            font-weight : normal; 

            text-decoration : underline;

            color: #FFFFFF;

            background: transparent; 

}

 

a:active {

            font-weight : normal; 

            text-decoration : underline;

            color: #FFFFFF;

            background: transparent;  

}

 

/* linkage for body copy

--------- */

                                                

#content a:link,#content a:visited {

            font-weight : bold; 

            text-decoration : underline;

            color: #09357a;

            background: transparent; 

}

 

#content a:hover {

            font-weight : bold; 

            text-decoration : underline;

            color: #09357a;

            background: transparent; 

}

 

#content a:active {

            font-weight : bold; 

            text-decoration : underline;

            color: #09357a;

            background: transparent;  

}                                               

                                                

                                                                                                            

/* Header structure

----------------------------------------------- */

 

#header {

            position:relative;

            width:52em;

            

}

 

#logobanner {

            float:left;

            width:680px;

            height: 100px;

            

            }

            

            

/* Structure for three column floats - left nav, content, right column

----------------------------------------------- */

            

#container  {

	    width: 100%;

            margin: 10px auto;


            background-color: transparent;

            color: #333;

            position: absolute;

}

 

div #content ul li{

            /*font-size: 0.8em; */

            margin: 1em; 

            color: #09357a;

}

 

div #formz ul li {

height: 25px;

}

            

#leftnav  {

            float: left;

            width: 150px;

            margin: 0;

}

 

#rightcolumn{

position: absolute;

left: 1100px;

            width: 150px;

            padding-top:35px;

            margin: 0;

            

}

 

#content {


	
            margin-left: 162px;

	    width: 625px;

	    padding-top:15px;
 
            padding-bottom: 1.25em;


            }

            

            /* Body copy text styling

----------------------------------------------- */

 

h1 {

            font-family: Arial, sans-serif; 

            font-size: 1.3em;

            color: #fe5815;

            font-weight: bold; 

            }

 

h2,h3,h4,.heading2     {

            font-size: 1.1em;

            color: #09357a;

            font-weight: bold; 

            }

 

 

 

 

/* List styling - Top orange nav

 

----------------------------------------------- */

 

#topnav

{

background:transparent;

position:relative;

width:54em; /* increase this value if the categories on this nav require more space, ie to avoid line wrapping*/

background:#FE5815;

/*height: 1%; Holly hack for Peekaboo Bug */

overflow:visible;

}

 

#navcontainer

{

            margin: 0 0 0 150px;

            padding: 0px;

            /*width:auto; 43em */

            position:relative;

}

 

#navcontainer ul

{

            margin: 0 2px 0 0;

            padding: 0 0 0 0;

            list-style-type: none;

            text-align: left;

            width:auto;

}

 

#navcontainer ul li

{

            float: left;

            text-align: center;

}

 

 

#navcontainer ul li#farright

{

            border-right: solid 1px #fff;

}

 

#navcontainer ul li a

{

            text-decoration: none;

            font-size: 0.7em;

            font-weight:bold;

            float: left;

            margin: 0px;

            height: 2.5em;/*26.6*/

            width: auto;

            padding-top: 0px;

            padding-right: 10.5px;

            padding-bottom: 0px;

            padding-left: 10.5px;

            color: #fff;

            background-color:#FE5815 ;

            border-left: solid 1px #fff;

}

 

 

#navcontainer li a:link, #navcontainer li a:hover, #navcontainer li a:visited, #navcontainer li a:active

{

            color: #fff;

            background-color:#FE5815 ;

            border-left: solid 1px #fff;

}

#navcontainer #navlist .active a

{

            background-color: #09357a;

}

 

/* List styling - Breadcrumbs

----------------------------------------------- */

 

#breadcrumb {

            margin: 0 0 0 160px;

}

 

/*Breadcrumbs List*/

#breadnavlist

{

list-style: none;

padding: 0;

margin: 4px 0 0 0;

}

 

#breadnavlist li

{

display: inline;

padding: 2;

margin: 0;

font-size: 0.75em;

color: #09357a;

}

 

#breadnavlistx li:before { content: ""; }

#breadnavlistx li:first-child:before { content: ""; }

 

.bread

{

background-color: #FFFFFF;

background: #ffffff url(../images/gt.gif) left center no-repeat;

background-position: 3px .70ex;

background-repeat: no-repeat;

padding: 0 0.5em 0 1em;

margin: 0 1em 0 -1em;

}

 

/*IE workaround*/

/*All IE browsers*/

* html #breadnavlistx li

{

background-image: url("../ imagesx/gt.gif");

background-repeat: no-repeat;

background-position: 0 50%;

padding: 0 0.5em 0 1em;

margin: 0 1em 0 -1em;

}

 

/*Win IE browsers - hide from Mac IE\*/

* html #breadnavlist { height: 1%; }

 

* html #breadnavlist li

{

display: block;

float: left;

}

 

/*End hide*/

/*Mac IE 5*/

* html #breadnavlist li:first-child { background-image: none; }

 

 

/* List styling - Left nav

----------------------------------------------- */

 

/* vertical menu */

#verticalMenuContainer {

            clear: left;

            width: 150px;

            margin: 0;

            background-color: #fff;

            font-weight: normal;

            text-align: left;

            z-index:0;

            voice-family: "\"}\"";voice-family:inherit;

            height: 100%

            }

body>#verticalMenuContainer {width:150px;}

 

 

/*#verticalMenuContainer { width:150px;}

body>#verticalMenuContainer {width:150px;}*/

 

#verticalMenuContainer ul

{

margin: 0;

padding: 0;

list-style-type: none;

font-family: arial, verdana, sans-serif;

}

 

#verticalMenuContainer li { margin: 0; }

 

#verticalMenuContainer a

{

display: block;

color: #09357a;

background-color: transparent;

width: 130px;

padding: 2px 10px;

text-decoration: none;

border-top: 1px solid #aaa;

border-bottom: 0px solid #aaa;

border-left: 0px solid #aaa;

font-size: 0.8em;

}

 

#verticalMenuContainer ul ul

{

margin-left: 8px;

padding: 0;

list-style-type: none;

}

 

#verticalMenuContainer a:hover

{

background-color: #fff;

color: #09357a;

text-decoration: underline;

/*border-right: 10px solid #fff;*/

/*padding: 2px 1px 2px 10px;*/

}

 

#verticalMenuContainer li li a

{

display: block;

color: #09357a;

background-color: transparent;

width: 120px;

padding: 2px 10px;

margin: 0;

border-top: none;

border-bottom: none;

border-left: 0px solid #aaa;

text-decoration: none;

font-size: 0.8em;

}

 

UL#verticalMenu LI LI a:hover.subSelected, UL#verticalMenu LI LI a.subSelected {font-weight: bold}

UL#verticalMenu LI a:hover.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}

 

UL#verticalMenu LI a.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}

 

 

UL#verticalMenu LI .notSelectednoImage, UL#verticalMenu LI a:hover.notSelectednoImage

{

border-right: 0px solid #09357a;

text-decoration: none;

}

 

/* List styling - Footer

----------------------------------------------- */

 

#footer 

{

position: absolute;

bottom: 20px;

left: 160px;

right:150px;

clear: both;

text-align: left;

font-size: 0.7em;

margin:0 auto;

padding: 0.2em 0.3em .2em 0.3em;

text-align: left;

_width: 70%;

border-top:solid 1px #fe5815;

border-bottom:solid 1px #fe5815;

}

.footernav {width:auto;margin:0 auto;}

.footernav ul{float:left;overflow:hidden;} /* wrap the LIs tightly and gives us somewhere to hide the first pipe */

.footernav li {width:auto;margin:0 0 0 -0.2em;display:inline;padding:0 0.5em ;border-left: 1px solid black; white-space: nowrap;}

 

.footernav li a:link

{

text-decoration: none;

}

 

.footernav li a:active

{

text-decoration: none;

}

 

.footernav li a:visited

{

text-decoration: none;

}

 

.footernav li a:hover

{

text-decoration: underline;

}

 

#clear {clear: left; width: 800px;}

 

/* help link example */

/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */

.help     {display: none; background: #F4DACE; padding:5px; color:#09357a; text-align:left; }

 

div.help h3  {font-size:small; margin:0 0 0.5em 0}

div.help p   {margin:0; font-size: 0.8em}

 

.main-text input {

font-size: 0.9em;

}

 

 

@media screen {

#header {

            position:relative;

            width:52em;

}

}

 

@media print {

#header {

            display:none;     

}

}

 

@media screen {

#logobanner {

            float:left;

            width:680px;

            height: 100px;

}

}

 

@media print {

 

#logobanner {

            display:none;     

}

}

 

@media screen {

#topnavcontainer {

            margin: 1px 0 0 0;

            background:#FE5815;

            position:relative;

           /* width:200%;*/

            height:15px;

}

}

 

@media print {

#topnavcontainer {

display:none;     

}

}

 

@media screen {

#leftnav  {

float: left;

width: 150px;

margin: 0;

}

}

 

@media print {

#leftnav {

display:none;     

}

}

 

@media screen {

#breadcrumb {

margin: 0 0 0 160px;

}

}

 

@media print {

#breadcrumb {

display:none;     

}

}