html {
    background:#efefef url(img/grad.gif) repeat-y scroll center top;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    height:100%;
}
body {
    background:#efefef url(img/grad.gif) repeat-y scroll center top;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    height:100%;
}

a {
    color: #3d3d3e;
    text-decoration: none;
}

a:hover {
    color: #ff6600;
}
/*over-ride the YUI grids - firefox is too narrow! */
#doc2 {
    min-width:950px;
}
#header {
    background:transparent url(img/topgrad.gif) repeat-x scroll 0%;
    height:171px;
}
#headerlogo {
height:122px;
width:122px;
padding-top:8px;
padding-left:30px;
}
#headertext {
position:absolute;
top:54px;
margin-left:190px;
width:370px;
text-align:center;
}
#headertext h1 {
color:#FFFFFF;
font-size:36px;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
letter-spacing:2px;
}
#headersubtext {
    float:right;
    padding-right:40px;
    padding-top:15px;
    z-index:2;
}
#headersubtext li {
    display:inline;
    padding-left:25px;
}
#headersubtext a {
    color:#ffffff;
    font-size:14px;
    text-decoration:none;
}
#headersubtext a:hover {
    color:#ff6600;
}
#headerform {
    padding-right:10px;
    margin-top:10px;
    float:right;
}
#headerform label {
    vertical-align: center;
    font-size:12px;
    color:#dddddd;
}
#headerform input {
    border-style:inset;
	border-top-color: white;
    border-left-color: white;
    border-right-color: #294179;
    border-bottom-color: #294179;
    border-top-width:3px;
	border-left-width:3px;
    border-bottom-width:3px;
    border-right-width:1px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right:5px;
    border-width: 3px 1px 1px 3px;
    width: 120px;
}
#headermenu {
    position:absolute;
    top:137px;
    margin-left:15px;
    padding-right:0px;
    background:transparent url("img/menulong.gif")  no-repeat scroll left top;
}
#headermenu li {
    display:inline;
    float:left;
    padding:0px;
    text-align:center;
    width:120px;
}
#headermenu li a {
    color:#073982;
    font-size:15px;
    display:block;
    height:36px;
    line-height:32px;
    text-decoration:none;
    width:122px;
}
#headermenu a:hover {
    margin-left:0px;
    margin-right:0px;
    background:transparent url("img/menuhi.gif")  no-repeat scroll left top;
    color:#ffffff;
}
#menu_table td {
    padding:5px;
}
#menu {
    background:#c3d0e5 none repeat scroll 0%;
    padding:10px 20px;
}
#menu a {
    color:#073982;
    font-size:14px;
    text-decoration:none;
}
#menu a.active_menu {
    color:#ff6600;
}
#menu a:hover {
    color:#ff6600;
}
#gap {
    width:100%;
    height:10px;
}


/* MIDDLE */
#contents {
    padding:10px;
}

img.fright {
	float: right; 
    margin-left: 20px;
}

img.fleft {
	float: left; 
    margin-right: 20px;
}

#contents {
    font-size: 11px;
}

#contents ul {
    margin-top:6px;
    margin-bottom:6px;
}
#contents ul li {
    list-style-image:url(img/bullet.gif);
    margin-left:40px;
    padding-top:0px;
    padding-bottom:10px;
}
#contents ol li {
    list-style-type:decimal;
    margin-left:40px;
    padding-top:0px;
    padding-bottom:10px;
}
#contents h1 {
    color:#073982;
    font-size:20px;
    font-weight:bold;
    margin-bottom:12px;
}
#contents h2 {
    color:#073982;
    font-size:23px;
    font-weight:bold;
    font-family:Palatino Linotype,Verdana,Arial,Helvetica,sans-serif; 
    margin-top:14px;
    margin-bottom:10px;
}
#contents h3 {
    color:#073982;
    font-size:19px;
    font-weight:bold;
    font-family:Palatino Linotype,Verdana,Arial,Helvetica,sans-serif; 
    margin-top:24px;
    margin-bottom:8px;
}
#contents h3 a {
    color:#073982;
    text-decoration:none;
}
#contents h4 {
    color:#444444;
    font-size:13px;
    font-weight:bold;
    margin-top:16px;
    margin-bottom:6px;
    clear: both;
}
#contents table {
    border-color:#073982;
}
#contents td {
    border-color:#073982;
    padding-left:5px;
    padding-right:5px;
}
#contents th {
    font-weight:bold;
}
#contents p {
    padding:6px 0px;
}
#contents dl {
    margin-bottom:10px;
    padding:8px 0px;
}
#contents dt {
    background:transparent url(img/bullet.gif) no-repeat scroll left 50%;
    font-weight:bold;
    margin-top:10px;
    padding-left:16px;
}
#contents dd {
    margin-bottom:10px;
    margin-right:20px;
    margin-top:10px;
}
.page_children_box {
    height:100%;
}
.page_children_items li {
    list-style-image:none;
}

.page_children_box a {
    /*color:#073982;*/
    color:#444444;
    padding-top:6px;
    padding-bottom: 6px;
    padding-left: 16px;
    font-size:11px;
    text-decoration:none;
    display: block;
    border-top: 1px solid #000;
}
.page_children_box a:hover {
    color:#ffffff;
    background-image: url('img/menuhi.gif');
    text-decoration:none;
}

.page_children_box a.active {
    background-color: #cae5f3;
}

.page_children_box ul a {
    padding-left: 16px;
}

.page_children_box ul ul a {
    padding-left: 32px;
}

.page_children_box ul ul ul a {
    padding-left: 48px;
}


/* menu rounded box*/
.page_sidebox {
    font-size: 100%;
    background: url(img/greybody-r.gif) no-repeat right bottom;
    margin: 0px auto;
    /*width: 220px;*/
}
.page_boxhead {
	padding-right: 0px;
    padding-left: 0px;
    background: url(img/greyhead-r.gif) no-repeat right top;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    text-align: center;
}
.page_boxhead h6 {
	padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 1.3em;
    background: url(img/greyhead-l.gif) no-repeat left top;
    padding-bottom: 5px;
    padding-bottom: 10px;
    margin: 0px;
    color: #3d3d3e;
    color: black;
    line-height: 1em;
    padding-top: 22px;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
    font-family:Trebuchet MS,Palatino Linotype,Arial,Helvetica,sans-serif;
}

.page_boxbody {
	padding-right: 15px;
    padding-left: 15px;
    background: url(img/greybody-l.gif) no-repeat left bottom;
    padding-bottom: 20px;
    margin: 0px;
    padding-top: 5px;
}

/*Home page rounded boxes*/
.greysidebox, .bluesidebox, .yellowsidebox  {
    font-size: 100%;
    background: url(img/greybody-r.gif) no-repeat right bottom;
    margin: 0px auto;
    /*width: 480px;*/
}
.bluesidebox {
     background: url(img/bluebody-r.gif) no-repeat right bottom;
}
.yellowsidebox {
     background: url(img/yellowbody-r.gif) no-repeat right bottom;
     /*width: 400px;*/
}

.greyboxhead, .blueboxhead, .yellowboxhead {
	padding-right: 0px;
    padding-left: 0px;
    background: url(img/greyhead-r.gif) no-repeat right top;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    text-align: center;
}
.blueboxhead {
       background: url(img/bluehead-r.gif) no-repeat right top;
}
.yellowboxhead {
       background: url(img/yellowhead-r.gif) no-repeat right top;
}
.greyboxhead h6, .blueboxhead h6, .yellowboxhead h6 {
	padding-right: 30px;
    padding-left: 30px;
    font-weight: bold;
    font-size: 1.3em;
    background: url(img/greyhead-l.gif) no-repeat left top;
    padding-bottom: 5px;
    padding-bottom: 10px;
    margin: 0px;
    color: #3d3d3e;
    color: black;
    line-height: 1em;
    padding-top: 22px;
    text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
    font-family:Trebuchet MS,Palatino Linotype,Arial,Helvetica,sans-serif;
}
.blueboxhead h6 {
    background: url(img/bluehead-l.gif) no-repeat left top;
}
.yellowboxhead h6 {
    background: url(img/yellowhead-l.gif) no-repeat left top;
}
.greyboxbody, .blueboxbody, .yellowboxbody {
	padding-right: 30px;
    padding-left: 30px;
    background: url(img/greybody-l.gif) no-repeat left bottom;
    padding-bottom: 20px;
    margin: 0px;
    padding-top: 5px;
}
.blueboxbody {
    background: url(img/bluebody-l.gif) no-repeat left bottom;
}
.yellowboxbody {
    background: url(img/yellowbody-l.gif) no-repeat left bottom;
}
.greyboxbody p , .blueboxbody p, .yellowboxbody p {
    padding-top:5px;
    padding-bottom: 5px;
    color: #3d3d3e;
}
.greyboxbody a , .blueboxbody a, .yellowboxbody a {
}
.greyboxbody a:hover , .blueboxbody a:hover, .yellowboxbody a:hover {
}
html > body .outerpair1 {
    background:transparent url(img/upperrightfade.png) no-repeat scroll right top;
    margin-right:20px;
}
#home_table .outerpair1 {
margin-right:14px;
}
html > body .outerpair2 {
    background:transparent url(img/lowerleftfade.png) no-repeat scroll left bottom;
    padding-left:8px;
    padding-top:8px;
}
html > body .shadowbox {
    background:transparent url(img/shadow.png) repeat scroll right bottom;
}
html > body .innerbox {
    left:-8px;
    position:relative;
    top:-8px;
}
.shadowbox img {
    border:0px solid #FFFFFF;
    vertical-align:bottom;
}
.floatimage {
    display:inline;
    float:left;
}
.container {
    padding-top:10px;
    padding-bottom:10px;
    TEXT-ALIGN: left;
    overflow: hidden;
	width: 100%;
}
#spacer {
    height:5px;
}
/*home page news boxes with 3 images*/
#newsmenu {
    border: 1px solid  rgb(180,180,180);
    border-bottom: 0px solid  rgb(128,128,128);
}
#newsmenu li {
    padding:0px;
    text-align:center;
    width:320px;
}
#newsmenu li a {
    color:#3d3d3e;
    font-size:11px;
    font-weight: bold;
    display:block;
    height:40px;
    text-decoration:none;
    width:306px;
    padding-left:5px;
    padding-right:5px;
    padding-top:7px;
    border-bottom: 1px solid  rgb(180,180,180);
}
#newsmenu a:hover {
    background-color:#cae5f3;
    color:#3d3d3e;
}

#newspic1 {
	border: 0px;
}

#newspic1 img, #newspic2 img, #newspic3 img {
    border: 0px solid  rgb(0,0,0);
    margin: 0px;
}

#newspic2 {
	border: 0px;
 	visibility: hidden;
    margin-top: -208px;
}
#newspic3 {
    border: 0px;
	visibility: hidden;
    margin-top: -208px;
}



/*override width on home page so news is bigger
.yui-g  .yui-u {
    width:54.1%;
}
.yui-g div.first {
    width:45%;
}
*/
#breadcrumbs {
    width:100%;
    padding-bottom:8px;
    padding-top:8px;
    color: #294179;
    border-bottom: 1px solid  #294179;
}
#breadcrumbs p {
    padding-left:10px;
}

#contents p.boxedgrey {
	float: right;
    background-color: #eeefee;
    margin-left:20px;
    margin-top:20px;
    margin-bottom:20px;
    padding: 20px;
    width: 200px;
}
#contents p.boxedblue {
	float: left;
    background-color: #ebf7fd;
    margin-right: 20px;
    margin-top:20px;
    margin-bottom:20px;
    padding: 20px;
    width: 200px;
}
#contents p.boxedyellow {
    background-color: #fcfce6;
    padding: 20px;
    width: 95%;
}

/*can include caption*/
.picbox {
	float: left;
    margin-right: 20px;
    margin-top:20px;
    margin-bottom:20px;
    width: 160px;
} 

#logos {
    text-align:center;
}
/* Footer Bits */
#logos p {
    padding-top:30px;
    padding-bottom:10px;
    font-size:16px;
    color: #073982;
}
#footer {
    color:#777777;
    font-size:10px;
    padding-top:50px;
    text-align:center;
}
#footer .powered {
    color:#bbbbbb;
}
#footer .powered a {
    color:#bbbbbb;
}
#footer .powered a:hover {
    color:#3d3d3e;
}

#home_table td {
    vertical-align: top;
}

#contents form fieldset {
}

#contents form label {
    font-weight: bold;
}

#contents form table td {
    vertical-align: top;
}

#contents form table th {
    padding-right: 12px;
}

#contents form table tr {
}

ul.form_errors li {
    color: #c00000;
    font-weight: bold;
    font-size: 0.8em;
}

table.people_table {
    border: 1px solid #ccc;
    width: 500px;
}

td.people_cell, th.people_cell {
    padding: 6px 26px;
    text-align: left;
}

td.people_cell {
    background-color: #eee;
}

/*fancy ordered lists */
ol.titlelist {
    color:#073982;
    font-size:13px;
    font-weight:bold;
}
/* this needs to come after the ol.titlelist - resets the list to standard text settings */
ol.titlelist p {
    color:#000000;
    font-size:12px;
    font-weight:normal;
}



/* colour of links  - may need to test if this effects anu other divs ...*/
#contents a {
    color:#073982;
}


/* i think this is already implemented */
#contents a:hover {
    color:#ff6600;
}



/*new css added*/
#home_table p {
font-size:11px;
}

/*new css added for the home page */
#home_table a {
font-weight: bold;
}


/*override col width for all pages except the home page 
.yui-t3 #yui-main .yui-b {
	margin-left: 17em;
}
*/
/*override col width for all pages except the home page
.yui-t3 .yui-b {
width: 17em;
float:left;
}
*/
#side_bar {
    width: 180px;
}

#partner_logos h2 {
font-family:Trebuchet MS,Palatino Linotype,Arial,Helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding: 20px;
}
#partner_logos table {
width:100%;
border:0px;
}
#partner_logos table td {
width:20%;
text-align:center;
}


.box_form input[type=text] {
    width: 300px;
}

.box_form select {
    width: 350px;
}

.box_form input.button {
    width: 300px;
    font-size: 16px;
    padding: 6px;
}

.box_form input.reset {
    font-size: 16px;
    width: 100px;
    padding: 6px;
}

.sidebar_form input, .sidebar_form select, .sidebar_form button {
    width: 120px;
    font-size: 0.7em;
}

.sidebar_form input.reset {
    width: 120px;
    color: #c00000;
}

.general-table {
    width: 98%;	
    margin-bottom: 3px;
    border-collapse: collapse;
}

.general-table .input-text {
    width: 200px;
}

.general-table-heading {
    color: #000000;
    font-weight: bold;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #94afc1;
}

.general-table-heading td {
    padding: 15px 0px 3px 0px;
}

.general-table-subheading td {
    background-image: url(images/table_background.png);
    background-repeat: repeat;
    background-color: #bac7cf;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #94afc1;
    color: #3c637c;
    margin-bottom: 10px;
    font-weight: bold;
}
.general-table-even td {
    background-color: #d6e4ed;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #94afc1;
    color: #3c637c;
    padding-left: 3px;
}

.general-table-odd td {
    background-color: #FFFFFF;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #a7b7c1;
    color: #3c637c;
    padding-left: 3px;
}

.general-table-odd td, .general-table-subheading td, .general-table-even td {
    padding: 3px 6px 3px 3px;
}

.general-table-subheading h4, .general-table-odd h4, .general-table-even h4 {
    padding: 0px;
    margin: 0px 0px 1px 0px;
}

.general-table-subheading p, .general-table-odd p, .general-table-even p {
    margin: 0px;
    padding: 0px;
}