
body, form, fieldset, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img {margin:0px; padding:0px; border:0px;}
#pagenavigation, .pagedivider { display:none;}
div.clearer {clear:both; line-height:0; height:0;}

body { background:#fff url(/images/bg.gif) repeat-x; text-align:left; color:black; font-size:12px !important; font-family:Arial, sans-serif; margin:0; color:#606060;}
a {color:#003151;}
a:hover {color:#53CAEB;}

#header { width:200px; margin-top:0px; background-color:#fff; float:left;}
/* Image Replacement method for the logo */
#header a {display:block; width:190px; height:71px; position:relative; font-size:12px; }

#header span { background:url(/images/camhs_logo.gif) no-repeat; position:absolute; width:100%; height:100%;}

#navigation { float:left; height:71px;}

#toolbar {height:29px; width:580px; background:#D8E5EB url(/images/nav_bg_gradient.gif) repeat-y; text-align:right; }
#toolbar input {margin:2px; vertical-align:top;}

#menu { background-color:#355C75; }
#menu h2 { padding:8px; color:white;}

/* height:1%; is Holly hack to fix IE float bug */
#pagebody {clear:both;}

#submenu {float:left; height:100px; margin-right:20px; border-top:solid 1px #B2C1CA; text-align:right;}
#submenu ul {list-style:none; width:180px;}
#submenu li {background:#fff;}
#submenu li a {display:block; width:170px; padding:4px 0 2px 10px; border-bottom:1px solid #B2C1CA; text-decoration:none; font:bold 12px Arial; color:#003151; text-align:left;}
#submenu ul ul li {background:#DDF4FB;}
#submenu ul ul a {padding-left:14px; width:166px; font:normal 11px Arial;}
#submenu a:hover {background:#D8E5EB;}
#submenu .current {background:url(/images/sub_arrow.gif) left no-repeat;}
#submenu ul ul .current {background-position: 4px;}
#submenu ul ul a:hover {background:#CDEAF3;}

#breadcrumbtrail {margin:0 0 15px 200px;}
#breadcrumbtrail span {font:bold 11px Arial; color:#003151;}
#breadcrumbtrail a {font:normal 11px Arial; color:#89979F; text-decoration:none;}
#breadcrumbtrail a:hover {text-decoration:underline;}

#content {width:580px; float:left;}
/* If page has a right hand side inset it needs to have a lesser width */
/* #content {width:430px;} */

#content h1 {font-size:20px; color:#003151;}
/*#content h2 {font-size:22px; color:#53CAEB;}*/
#content h2 {font-size:22px; color:#355C75; margin-bottom:6px;}
#content h3, .home_content h3 {margin-top:6px; font:bold 12px Arial; color:#606060;}
#content h4 { color:#006;}
#content h5 { }
#content h6 { font:italic 10px Arial;}
#content ul { margin:5px 0px 15px 25px; list-style:url(/images/content_arrow.gif);}
#content li .library { margin:5px 0px 15px 250px;}
#content ol { margin:5px 0px 15px 30px;}
#content li { margin:0px 0px 3px 0px;}
#content .library li { margin:5px 0px 0px 35px;}
#content .library p { margin:3px 0 20px 10px;}
#content ol li { }
#content p, .home_content p {font:normal 12px Arial; color:#606060; margin-bottom:10px;}
#content li p {margin-bottom:0px;}
#content p img { float:left; margin:0 10px 10px 0; }
#content p img { float:none; margin:0px 5px 0 0px; }

#home_mainfeature {height:198px; background:#DDF4FB url(/images/home_mainfeature.jpg) no-repeat; border:1px solid #B2C1CA; border-left:none; border-right:none;}
#home_mainfeature p {margin-left:649px; width:133px; height:173px; border-left:1px solid #B2C1CA; padding:25px 0 0 13px; display:block; background:url(/images/h_logosymbol.gif) 13px bottom no-repeat; font:12px Arial; color:#606060;}

#home_news {float:left; width:170px; margin:20px 0 0 10px; display:inline;}
#home_news h3 {font-size:15px; color:#53CAEB;}
#home_news h4 {margin-top:6px; font:bold 11px Arial; color:#003151;}
#home_news p {font:normal 11px Arial; color:#606060;}
#home_news a {color:#003151; text-decoration:none;}
#home_news p a {display:block; text-align:right; padding-right:7px; background:url(/images/sub_arrow.gif) right no-repeat;}
#home_news a:hover {text-decoration:underline;}

#listed_content {margin:20px 0 0 10px;}
#listed_content div {margin-bottom:10px;}
#listed_content a {color:#003151; text-decoration:none;}
#listed_content p a {display:block; text-align:right; padding-right:7px; background:url(/images/sub_arrow.gif) right no-repeat;}
#listed_content a:hover {text-decoration:underline;}

/* Two boxes with banners. No longer used
.home_content {float:left; margin:20px 0 0 20px; width:205px;}
.home_content a {color:#003151; text-decoration:none;}
.home_content p a {color:#003151; text-decoration:none; display:block; text-align:right; padding-right:7px; background:url(/images/sub_arrow.gif) right no-repeat;}
.home_content a:hover {text-decoration:underline;}
*/
.home_content { margin:40px 20px 20px;}

#insets {float:left; margin:20px 0 0 20px; width:150px;}
#insets ul {background:#DDF4FB; padding:5px 7px; border:1px solid #B2C1CA; list-style:none;}
#insets a {text-decoration:none; padding-left:7px; color:#003151; background:url(/images/inset_arrow.gif) left no-repeat; }
#insets a.dl {padding: 3px 0 0px 15px; background:url(/images/icon_pdf_mini.gif) left 3px no-repeat; display:block;}
#insets a:hover {text-decoration:underline;}
#insets h3 {margin-top:20px; background:#DDF4FB; padding:3px 10px; color:#003151; font:bold 12px Arial; border:1px solid #B2C1CA;}
#insets p {background:#DDF4FB; padding:10px 10px; border:1px solid #B2C1CA; border-top:none; font:normal 11px Arial; color:#89979F;}

#insets h3 { height:34px; background: url(/images/h_inset_bg.gif);}

#tbl_exp, #tbl_exp_head, #tbl_why, #tbl_why_head {font:normal 12px Arial; color:#003151;}
#tbl_exp_head, #tbl_why_head {margin-top:10px; background:url(/images/content_tbl_top.gif) repeat-y; border:1px solid #B0C1CD; border-left:none; border-bottom:none;}
#tbl_exp_head th {text-align:right; vertical-align:bottom; padding-right:7px;}
#tbl_why_head th {text-align:left; vertical-align:bottom; padding:0;}
#tbl_exp, #tbl_why {background: #ADD9F8 url(/images/content_tbl_bg.gif) top repeat-x; border:1px solid #B0C1CD; border-left:none; border-collapse: collapse;}
#tbl_exp td, #tbl_why td {border-bottom:1px solid #B0DFF7; text-align:right; vertical-align:top; padding-right:10px;}
#tbl_why td {text-align:left;}
#tbl_exp .row1 td , #tbl_why .row1 td {border-bottom:0px;}
#tbl_exp .rowlast td {text-align:right; font:bold 13px Arial; background:none;}
#tbl_exp .left , #tbl_why .left {background:url(/images/content_tbl_arrow.gif) 0px 6px  no-repeat; padding-left:20px; text-align:left; font-weight:bold;}
#tbl_exp .center , #tbl_why .center {padding-left:50px;}
#tbl_exp .textcenter , #tbl_why .textcenter {text-align:center;}

table .r1b, table .r1c {width:142px;}
table .tbl_rowspan {width:20px;}

.tbl_con_per .r1a {width:221px;}
.tbl_con_per .r1b, .tbl_con_per .r1c, .tbl_con_per .r1d, .tbl_con_per .r1e, .tbl_con_per .r1f , .tbl_con_per .r1g , .tbl_con_per .r1h {width:51px;}

.tbl_con_3year .r1a {width:106px;}
.tbl_con_3year .r1b, .tbl_con_3year .r1d, .tbl_con_3year .r1f , .tbl_con_3year .r1h {width:78px;}
.tbl_con_3year .r1c, .tbl_con_3year .r1e, .tbl_con_3year .r1g , .tbl_con_3year .r1i {width:40px;}

.tbl_con_stand .r1a {width:178px;}
.tbl_con_stand .r1b, .tbl_con_stand .r1c, .tbl_con_stand .r1d, .tbl_con_stand .r1e, .tbl_con_stand .r1f {width:80px;}

.tbl_why .r1a {width:98px}
.tbl_why .r1b {width:83px;}
.tbl_why .r1c, .tbl_why .r1d {width:153px;}
.tbl_ter .r1a {width:378px}
.tbl_ter .r1b, .tbl_ter .r1c {width:200px;}

#tbl_who_awards td {padding:15px 5px 8px 5px; border-bottom:1px solid #53CAEB; }
#tbl_who_awards td {vertical-align:top;}
#tbl_who_awards h3 {margin:0;}
#tbl_who_awards .center {text-align:center;}


#footer {clear:both; padding:20px 0 0 0; height:1%;}
html>body #footer {width:auto;}
#footer div {margin-left:200px; height:30px; background:#D8E5EB url(/images/nav_bg_gradient.gif) repeat-y; border-top:1px solid #B2C1CA;}
#footer p {font-size:10px; width:580px; text-align:right; padding-top:9px;}

/* CSS hack for profiles pages until we sort it out properly */
#profiles p {  width:300px; margin-right:20px;}
#profiles h3 { margin:0 0 10px 0;}
#profiles img { float:right;}



img.floatleft { float:left; margin:0px 5px 0 0px;}
img.floatright { float:right; margin:0px 5px 0 0px; }




/* Misc useful declarations */
.highlight { background: rgb(255, 255, 136)}
.CAMHS { color:#0099ff; }
.Reportage{ color:#000; }

/* screen.css loaded, now let's apply the exceptions */



