/* CSS Document */
body { width:100%; height:100%; text-align:center; background-color:#a5c4e4; font-family:Arial, Helvetica, sans-serif;}
.clear { clear:both;}
#wrapper { margin:10px auto 0px auto; width:780px;}
/*header*/
#wrapper #header { width:778px; background:url(../toco_img/background/wrapper-bg.jpg) repeat-y;}
#wrapper #header #banner { float:left; height:123px; width:706px; margin:5px 0px 5px 15px; background:url(../toco_img/background/banner-left.jpg) no-repeat; text-align:left;}
#wrapper #header #banner img { margin-top:13px; margin-left:10px;}
#wrapper #header #aaa { float:right; background:url(../toco_img/background/banner-right.jpg) no-repeat; height:123px; width:45px; margin:5px 12px 5px 0px; text-align:right;}
*html #wrapper #header #banner { margin:5px 0px 5px 6px;}
*html #wrapper #header #aaa { margin:5px 8px 1px 0px;}
#wrapper #header #aaa a { color:#084368; text-decoration:none;}
#wrapper #header #aaa a:hover { text-decoration:underline;}
#wrapper #header #aaa .firstA { margin-right:6px; font-size:9px;}
#wrapper #header #aaa .secondA { margin-right:4px; font-size:11px;}
#wrapper #header #aaa .thirdA { margin-right:5px;font-size:13px;}
/*menu*/
#wrapper #menubar { margin-top:1px; margin-bottom:1px;}
*html #wrapper #menubar { margin-bottom:-3px;}
#wrapper #menubar #mainmenu { float:left; list-style-type:none; color:#034DA2; font-weight:bold; font-size:13px; margin:3px 0px 0px 5px;}
*html #wrapper #menubar #mainmenu { margin:3px 0px 0px 5px;}
#wrapper #menubar #mainmenu li { display:inline;}
#wrapper #menubar #mainmenu li a { color:#034DA2; text-decoration:none;}
#wrapper #menubar #mainmenu li a:hover { color:#1A334D;}
#wrapper #menubar #mainmenu li span {margin:0 5px 0 5px;}
/*search*/
#wrapper #menubar #search { float:right; margin:0px 10px 0px 0px; padding-bottom:2px;}
*html #wrapper #menubar #search form { margin-top:-2px;}
*html #wrapper #menubar #search { margin:0px 5px 0px 0px;}
#wrapper #menubar #search .textinput { height:16px; border:1px solid #8994A0; width:100px; padding-left:18px; font-size:12px; padding-top:2px; background: #fff url(../toco_img/icons/search.jpg) no-repeat 4px center; color:#666;}
*html #wrapper #menubar #search .textinput { margin-top:3px; margin-bottom:1px;}
#wrapper #menubar #search .submit { border:0px; width:20px; height:15px; color:#FFF; background-image:url(../toco_img/background/go-bg2.gif); font-size:12px; padding-bottom:2px; cursor:pointer; }
*html #wrapper #menubar #search .submit { margin-bottom:2px;}
#wrapper #menubar #search a { font-size:13px; color:#034DA2; text-decoration:underline;}
#wrapper #menubar #search a:hover { text-decoration:none;}
/*menu*/
#wrapper #bodyframe #menu {margin:2px 0 0 8px;padding:0;clear:both; }
*html #wrapper #bodyframe #menu {margin:2px 0 0 8px;padding:0;clear:both; }
#wrapper #bodyframe #menu ul {margin:0;padding:0;text-align:left;}
#wrapper #bodyframe #menu ul li {margin:0px 3px 5px 0; float:left; display:inline;width:150px; }
/*#wrapper #bodyframe #menu ul li h1{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:16px;color:#ffffff; background:#085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; }*/
#wrapper #bodyframe #menu ul li p{margin:0 0 0 0;padding:2px 2px 2px 4px; font-size:11px; color:#085CB5; background:#E6EEF7;}
#wrapper #bodyframe #menu ul li a.linkopacity img {filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7; margin-bottom:-3px;}
#wrapper #bodyframe #menu ul li a.linkopacity:HOVER img { filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;}
#wrapper #bodyframe #menu ul li h1.m1{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:17px;color:#ffffff; background:url(../toco_img/menu/menu1.jpg) no-repeat 0px 5px #085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; text-indent:-8000px;}
#wrapper #bodyframe #menu ul li h1.m2{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:17px;color:#ffffff; background:url(../toco_img/menu/menu2.jpg) no-repeat 0px 5px #085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; text-indent:-8000px;}
#wrapper #bodyframe #menu ul li h1.m3{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:17px;color:#ffffff; background:url(../toco_img/menu/menu3.jpg) no-repeat 0px 5px #085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; text-indent:-8000px;}
#wrapper #bodyframe #menu ul li h1.m4{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:17px;color:#ffffff; background:url(../toco_img/menu/menu4.jpg) no-repeat 0px 5px #085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; text-indent:-8000px;}
#wrapper #bodyframe #menu ul li h1.m5{margin:-3px 0 0 0;padding:0 0 3px 0; font-size:17px;color:#ffffff; background:url(../toco_img/menu/menu5.jpg) no-repeat 0px 5px #085CB5;width:150px; text-align:center; font-family: "Gill Sans MT"; text-indent:-8000px;}
/*content*/
#wrapper #bodyframe { width:778px; background:url(../toco_img/background/wrapper-bg.jpg) repeat-y; text-align:left;}
#wrapper #bodyframe #contentleft {margin:0 5px 0 10px;padding:0;float:left; width:150px}
*html #wrapper #bodyframe #contentleft {margin:0 5px 0 5px;width:150px}
/*#wrapper #bodyframe #contentleft h1 {margin:0;padding:0; font-family:"Gill Sans MT"; font-size:16px; color:#085CB5;}*/
#wrapper #bodyframe #contentleft p {margin:7px 5px 0 10px;padding:0; font-size:12px; color:#666; }
#wrapper #bodyframe #contentleft p a {color:#666; text-decoration:none}
#wrapper #bodyframe #contentleft p a:HOVER {color:#333;}
#wrapper #bodyframe #contentleft ul {margin:7px 5px 0 10px;padding:0;font-size:12px; color:#666;}
#wrapper #bodyframe #contentleft ul li {margin:10px 0 5px 0;padding:0 0 0 13px; background:url(../toco_img/icons/list_arrow.gif) no-repeat 0px 5px;}
*html #wrapper #bodyframe #contentleft ul li {margin:0 0 5px 0;padding:0 0 0 13px; background:url(../toco_img/icons/list_arrow.gif) no-repeat 0px 8px;}
#wrapper #bodyframe #contentleft ul li a {color:#666; text-decoration:none;}
#wrapper #bodyframe #contentleft ul li a:HOVER {text-decoration:underline;}
#wrapper #bodyframe #contentleft .note1 {margin:0 0 2px 0;padding:0 0 10px 0;background:url(../toco_img/background/note1-bg.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note1 h1 { text-indent:-8000px; overflow:hidden;  font-size:16px; color:#085CB5;}
#wrapper #bodyframe #contentleft .note1:hover{background:url(../toco_img/background/note1-bg-hover.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note2 {margin:2px 0 0 0;padding:0 0 7px 0;background:url(../toco_img/background/note2-bg-med.gif) no-repeat 0px 0px; height:70px;}
#wrapper #bodyframe #contentleft .note2:hover{background:url(../toco_img/background/note2-bg-med-hover.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note2 h1 { text-indent:-8000px; overflow:hidden;  font-size:16px; color:#085CB5;}
#wrapper #bodyframe #contentleft .note3 {margin:0 0 0 0;padding:0 0 10px 0;background:url(../toco_img/background/note3-bg-med.gif) no-repeat 0px 0px; height:70px;}
#wrapper #bodyframe #contentleft .note3:hover{background:url(../toco_img/background/note3-bg-med-hover.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note3 h1 { text-indent:-8000px; overflow:hidden;  font-size:17px; color:#085CB5;}
#wrapper #bodyframe #contentleft .note4 {margin:0 0 0 0;padding:0 0 40px 0;background:url(../toco_img/background/note4-bg.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note4:hover{background:url(../toco_img/background/note4-bg-hover.gif) no-repeat 0px 0px;}
#wrapper #bodyframe #contentleft .note4 h1 { text-indent:-8000px; overflow:hidden;  font-size:17px; color:#085CB5;}
#wrapper #bodyframe #contentmiddle {margin:0 10px 0 5px;padding:0;float:left; width:442px;}
#wrapper #bodyframe #contentmiddle h1 {margin:0 0 0px 0;padding:0;font-family:"Gill Sans MT"; font-size:22px; color:#085CB5; border-bottom:1px solid #F5F5F5; background:url(../toco_img/background/latest-news-bg.gif) no-repeat 0px 5px; text-indent:-8000px;}
#wrapper #bodyframe #contentmiddle p {margin:20px 0 20px 0;padding:0;color:#333333; font-size:12px; }
#wrapper #bodyframe #contentmiddle p a {color:#333333; text-decoration:none;}
#wrapper #bodyframe #contentmiddle p a:HOVER {text-decoration:underline;}
#wrapper #bodyframe #contentmiddle .newsitem {margin:5px 0 0 0;padding:0;}
#wrapper #bodyframe #contentmiddle .newsitem p.title {margin:0;padding:3px; background:#F0F6FC; color:#040404; font-size:13px;}
#wrapper #bodyframe #contentmiddle .newsitem p.date {margin-top:3px;padding:0; font-size:12px; color:#999; background:url(../toco_img/icons/calendar.gif) no-repeat 2px 0px; padding-left:22px;}
#wrapper #bodyframe #contentmiddle-inside p img {margin:0px 10px 5px 0; padding:4px; float:left; border:1px solid #e2e2e2;}
#wrapper #bodyframe #contentmiddle-inside ul.news img {margin:0px 10px 5px 0;padding:4px; float:left; border:1px solid #e2e2e2;}
#wrapper #bodyframe #contentmiddle p.readmorenews {margin-top:13px;padding:0; font-size:13px; color:#333;  line-height:18px;} #wrapper #bodyframe #contentmiddle p.readmorenews a{color:#085CB6;}
#wrapper #bodyframe #contentmiddle .newsitem p {margin:0 0 5px 0;padding:0; font-size:12px; color:#4D4A4A; line-height:16px;}
#wrapper #bodyframe #contentmiddle .newsitem p a {margin:0;padding:0; color:#666666;}
#wrapper #bodyframe #contentmiddle .newsitem img {margin:0px 10px 5px 0;padding:4px; float:left; border:1px solid #e2e2e2;}
#wrapper #bodyframe #contentright {margin:0 5px 0 0;padding:0;float:right; width:151px}
#wrapper #bodyframe #contentright .feature {margin:0 0 5px 0;padding:0; width:147px}
#wrapper #bodyframe #contentright .feature img {margin:0;padding:0; text-align:center}
#wrapper #bodyframe #contentright .feature h2 {margin:0 0 0 0;padding:0;font-family:"Gill Sans MT"; font-size:15px; color:#085CB5; background:url(../toco_img/background/public-art-bg.gif) no-repeat 0px 4px; text-indent:-8000px}
#wrapper #bodyframe #contentright .feature p {margin:0;padding:2px; border:1px solid #E3E4E2; font-size:11px; color:#737373;}
#wrapper #bodyframe #contentright .feature p a {color:#737373; text-decoration:none;}
#wrapper #bodyframe #contentright .feature p a:HOVER {text-decoration:underline;}
#wrapper #bodyframe #contentright .feature1 {margin:0 0 5px 0;padding:0; width:147px;background:#F6F6F6;}
/* inside pages */
#wrapper #bodyframe #contentleft-inside {margin:5px 5px 0 10px;padding:0;float:left; width:150px;}
*html #wrapper #bodyframe #contentleft-inside {margin:5px 5px 0px 5px; width:150px;}
#wrapper #bodyframe #contentleft-inside h1 {background-color:#ccdef0; width:143px; padding:4px 0px 4px 5px; font-size:15px; color:#1867ba; text-transform:uppercase; font-weight:bold; font-family:Helvetica, Arial, sans-serif; border-bottom:1px solid #abc8e6;}

#wrapper #bodyframe #contentleft-inside ul {margin:0px 0px 0px 0px; padding:0; font-size:12px; color:#666666; width:148px;}
#wrapper #bodyframe #contentleft-inside ul li {margin:0 0 0px 0;padding:0;}
#wrapper #bodyframe #contentleft-inside ul li.sub a{padding-left:18px; border-left:8px solid #5a96d5; color:#5a96d5;}
#wrapper #bodyframe #contentleft-inside ul li a {padding:5px 0 5px 8px; color:#666666; text-decoration:none; display:block; border-left:8px solid #1867ba; background-color:#f2f7fc; margin-bottom:1px;}
#wrapper #bodyframe #contentleft-inside ul li a:HOVER { display:block; color:#000000; background-color:#dbecfc;}
#wrapper #bodyframe #contentmiddle-inside {margin:5px 10px 0 5px;padding:0;float:left; width:440px; min-height:370px}
#wrapper #bodyframe #contentmiddle-inside .description { width:422px; font-size:11px; background-color:#1867BA; color:#FFFFFF; padding:1px 5px 1px 5px; margin-top:1px; }
*html #wrapper #bodyframe #contentmiddle-inside .description { width:422px; padding:1px 5px 1px 5px; margin-top:-2px; }
/******************************** Styleguide ****************************/
/* headings */
#wrapper #bodyframe #contentmiddle-inside h1 { color:#085CB5; font-size:23px; padding-left:5px; margin-top:10px; margin-bottom:10px; }
#wrapper #bodyframe #contentmiddle-inside h2 { color:#085CB5; font-size:18px; padding-left:5px; margin-top:10px; margin-bottom:8px;}
#wrapper #bodyframe #contentmiddle-inside h3 { color:#085CB5; font-size:15px; font-weight:bold; padding-left:5px; margin-top:10px; margin-bottom:8px;}
#wrapper #bodyframe #contentmiddle-inside h3 a{ color:#085CB5; font-size:15px; font-weight:bold; padding-left:5px; margin-top:10px; margin-bottom:8px;  text-decoration:underline;}
#wrapper #bodyframe #contentmiddle-inside h3 a:hover{ text-decoration:none;}
#wrapper #bodyframe #contentmiddle-inside h4 { color:#085CB5; font-size:13px; font-weight:bold; padding-left:5px; margin-top:10px; margin-bottom:8px;}
/* link colour */
#wrapper #bodyframe #contentmiddle-inside p a{color:#006699; text-decoration:underline;}
#wrapper #bodyframe #contentmiddle-inside p a:hover{color:#0099CC; text-decoration:none;}
#wrapper #bodyframe #contentmiddle-inside p img {margin-right:5px; margin-top:5px;}
/* blockquote */
#wrapper #bodyframe #contentmiddle-inside blockquote{margin-bottom:10px; }
#wrapper #bodyframe #contentmiddle-inside blockquote, #wrapper #bodyframe #contentmiddle-inside blockquote p{color: #555; font-style:italic; font-size:13px; margin-bottom:0px; border-bottom:1px dotted #ccc; padding-bottom:5px; margin-right:20px;}
blockquote span{color:#085CB5; font-family: Times New Roman, Verdana, Arial, serif; font-size:19px; font-weight:bold;}
cite{font-size:12px; color:#666; line-height:20px;}

#wrapper #bodyframe #contentmiddle-inside p { color:#333333; padding-left:5px; margin-bottom:10px; font-size:13px; line-height:1.5em;}
/* lists */
#wrapper #bodyframe #contentmiddle-inside ul{margin-bottom:20px; margin-left:2px; font-size:13px; color:#333333; font-size:13px;} 
#wrapper #bodyframe #contentmiddle-inside ul li{background:url(../toco_img/icons/arrow.gif) no-repeat 0px 2px; margin-bottom:3px; padding-left:20px;}
#wrapper #bodyframe #contentmiddle-inside ul li a{color:#006699; text-decoration:underline;} #wrapper #bodyframe #contentmiddle-inside ul li a:hover{color:#0099CC; text-decoration:none;}

/* Ordered List */
#wrapper #bodyframe #contentmiddle-inside ol{font-size:13px; margin-bottom:13px; margin-left:23px; color:#333333; font-size:13px;}
#wrapper #bodyframe #contentmiddle-inside ol li{margin-bottom:3px; list-style-type:decimal;}

/* Sitemap */
#bodyframe #contentmiddle-inside #sitemap p.section{font-size:1.3em;}
#bodyframe #contentmiddle-inside #sitemap ul li{margin-bottom:6px;}
#bodyframe #contentmiddle-inside #sitemap ul li.sub{background:none; font-size:1em;}
#bodyframe #contentmiddle-inside #sitemap ul li.sub a{color:#666; text-decoration:none; border-bottom:1px solid #ccc;}
#bodyframe #contentmiddle-inside #sitemap ul li.sub a:hover{color:#000;}



/* image gallery */
#contentmiddle-inside .thumbnail{float: left; width: 120px; margin: 7px 12px 8px 0px; padding: 5px;  padding-bottom:0px;}
#contentmiddle-inside .thumbnail p{ font-size:1em; line-height:1.2em; margin-bottom:0px; color:#333;}
/* ie6 */ *html #contentmiddle-inside .thumbnail{margin: 7px -6px 8px 0;}
.clearboth { clear: both; }

/* picture thumbnails */
.img-wrapper {background: url(../toco_img/background/shadow.jpg) no-repeat bottom right; float: left; margin-right: 7px; margin-bottom: 2px; position: relative; }
.img-wrapper img {background-color: #fff; border: 1px solid #ccc; padding: 5px; display: block; margin: -5px 5px 5px -5px; position: relative; width:115px; height:84px;}
.img-wrapper img:hover{border:1px solid #4E6F92;}



/* Downloads List */
#wrapper #bodyframe #contentmiddle-inside ul.downloads {margin: 10px 10px 10px 5px}
#wrapper #bodyframe #contentmiddle-inside ul.downloads li { padding: 0 0 7px 20px; } #content ul.downloads li a{color:#ccc;} #content ul.downloads li a:hover{color:#f8f8f8;}
#wrapper #bodyframe #contentmiddle-inside ul.downloads li.word {padding: 0 0 4px 21px; background: url(../toco_img/icons/word.gif) no-repeat top left}
#wrapper #bodyframe #contentmiddle-inside ul.downloads li.pdf {padding: 0 0 4px 21px; background: url(../toco_img/icons/pdf.gif) no-repeat top left}
#wrapper #bodyframe #contentmiddle-inside ul.downloads li.desc {background: none; border: none; padding-left:23px; font-size:1em; color:#999;}
/* News List */
#wrapper #bodyframe #contentmiddle-inside ul.news {margin: 10px 10px 15px 5px}
#wrapper #bodyframe #contentmiddle-inside ul.news li { padding: 0 0 0px 20px; }
#wrapper #bodyframe #contentmiddle-inside ul.news li.title {padding: 0 0 4px 21px; background: url(../toco_img/icons/page.gif) no-repeat top left}
#wrapper #bodyframe #contentmiddle-inside ul.news li.desc {background: none; border: none; color: #858585; line-height:1.5em; margin-bottom:3px;}
/* Imagery */
#wrapper #bodyframe #contentmiddle-inside img.imgleft{margin-left:5px; margin-right:10px; margin-bottom:5px; padding:3px; border:1px solid #e2e2e2; float:left;}
#wrapper #bodyframe #contentmiddle-inside img.imgright{margin-left:5px; margin-right:10px; margin-bottom:5px; padding:3px; border:1px solid #e2e2e2; float:right;}
/* Table */
table.data{width:97%; margin-bottom:10px; margin-left:5px; }
table.data th{padding:4px 6px; text-transform:uppercase; font-size:11px; background:#376CA2 url(../toco_img/background/table-th-bg.jpg) repeat-x 0px 0px; color:#fff; font-family:Lucida Sans, Verdana, Arial; border-bottom:1px solid #e2e2e2;}
table.data tr.alt{background-color:#F1F5FA;}
table.data td{padding:4px 7px; font-size:12px;  border-bottom:1px solid #e2e2e2;}

#wrapper #bodyframe #contentright-inside {margin:5px 5px 0 0px;padding:0;float:right; width:151px}
#wrapper #bodyframe #contentright-inside .feature {margin:0 0 5px 0;padding:0; width:147px; }
#wrapper #bodyframe #contentright-inside .feature img {margin:0;padding:0; text-align:center}
#wrapper #bodyframe #contentright-inside .feature h2.feature1 {margin:0 0 0 0;padding:0;font-family:"Gill Sans MT"; font-size:15px; color:#085CB5; background:url(../toco_img/background/photo-gallery-bg.gif) no-repeat 0px 4px; text-indent:-8000px}
#wrapper #bodyframe #contentright-inside .feature h2.feature2 {margin:0 0 0 0;padding:0;font-family:"Gill Sans MT"; font-size:15px; color:#085CB5; background:url(../toco_img/background/public-art-bg.gif) no-repeat 0px 4px; text-indent:-8000px}
#wrapper #bodyframe #contentright-inside .feature h2.feature3 {margin:0 0 0 0;padding:0;font-family:"Gill Sans MT"; font-size:15px; color:#085CB5; background:url(../toco_img/background/development-plan-bg.gif) no-repeat 0px 4px; text-indent:-8000px}
#wrapper #bodyframe #contentright-inside .feature p {margin:0 0px 0 0;padding:2px 2px 2px 4px; border:1px solid #E3E4E2; font-size:11px; color:#737373;background:#F8F8F8;}
*html #wrapper #bodyframe #contentright-inside .feature p {margin:-3px 2px 0 0;padding:2px 2px 2px 2px; }
#wrapper #bodyframe #contentright-inside .feature p a {color:#737373;  text-decoration:none;}
#wrapper #bodyframe #contentright-inside .feature p a:HOVER{color:#333;}
/*footer*/
#wrapper #footer { margin-top:7px; margin-bottom:7px; text-align:left;}
#wrapper #footer p { color:#085CB5; font-size:11px; margin:3px 0 0 10px;}
#wrapper #footer em{font-style:normal; color:#3F83C7;}
#wrapper #footer p a { color:#085CB5; text-decoration:none;}
#wrapper #footer p a:hover { text-decoration:underline;}
#wrapper #footer ul {color:#085CB5; font-size:11px; margin:3px 0 0 10px;}
*html #wrapper #footer ul {margin:3px 0 0 10px;}
#wrapper #footer ul li { display:inline}
#wrapper #footer ul li a { color:#085CB5; text-decoration:none;}
#wrapper #footer ul li a:hover { text-decoration:underline;}
#wrapper #footer span {margin:0 2px 0 4px;}
#wrapper #footer .browsealoud {float:right; margin-right:7px; margin-top:-3px;}
#wrapper #footer .chamber {float:left; margin-right:7px; margin-top:-3px;}