/*    main.css    */

@import url("reset.css");
@import url("layout.css");
@import url("grid.css");
@import url("typography.css"); 


body, html{height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0; padding:0;}
body{text-align:center;}
div#container {text-align:left;}

ul li{list-style:none;}
a img{border:0}
.clear{clear:both;}
.assist-text{display:none;position:absolute;left:-5000px;top:-1000px}
.print {display:none;}

.left{float:left}
.right{float:right}
.clear{clear:both;}

/*============================ POSITIONED IMAGES =========================*/
.leftpic{float:left;margin:5px 15px 15px 0; display:block; padding:4px; border:1px solid #f1f1f1; }
.rightpic{float:right;margin:5px 0 15px 15px; display:block; padding:4px; border:1px solid #f1f1f1;}
.midpic {margin:10px auto 0 auto; display:block; padding:4px; border:1px solid #f1f1f1; }
/*============================ CAPTIONER  =========================*/
span.caption { display:block; text-align:center;padding:0;font-size:0.9em;margin-bottom:5px}
a span.caption {text-decoration:none;}
.midtext {margin:0 auto;}
.lefttext{float:left;margin:-15px 0 0 0;}
.righttext{float:right;margin:-15px 0 12px 0;}

/*=========================== DOCUMENT LINK ICONS ====================*/

#content_area li a.pdf {padding:2px 0px 2px 23px; background-image:url(../images/fileicons/icon_pdf.gif);background-position: top left;background-repeat:no-repeat;}
#content_area li a.word {padding:2px 0px 2px 23px; background-image:url(../images/fileicons/icon_word.gif);background-position: top left;background-repeat:no-repeat;}
#content_area li a.excel {padding:2px 0px 2px 23px; background-image:url(../images/fileicons/icon_excel.gif);background-position: top left;background-repeat:no-repeat;}
#content_area li a.powerpoint {padding:2px 0px 2px 23px; background-image:url(../images/fileicons/icon_pp.gif);background-position: top left;background-repeat:no-repeat;}
#content_area li a.nsf {padding:2px 0px 2px 23px; background-image:url(../images/fileicons/icon_generic.gif);background-position: top left;background-repeat:no-repeat;}
#content_area #sub_content li a.pdf {padding:0px 0px 0px 15px; background-image:url(../images/fileicons/icon_pdf_s.gif);}
#content_area #sub_content li a.word {padding:0px 0px 0px 15px; background-image:url(../images/fileicons/icon_word_s.gif);}
#content_area #sub_content li a.excel {padding:0px 0px 0px 15px; background-image:url(../images/fileicons/icon_excel_s.gif);}
#content_area #sub_content li a.powerpoint {padding:0px 0px 0px 15px; background-image:url(../images/fileicons/icon_pp_s.gif);}
#content_area #sub_content li a.nsf {padding:0px 0px 0px 15px; background-image:url(../images/fileicons/icon_generic_s.gif);}

abbr{cursor:help}

/*============================ Page =========================*/
body{background:#fff}
body #wrapper{background: #fff;} 
body #wrapper.three_col{background:url(../images/bg_3col_alt.gif)repeat-y top left}
#main{overflow:hidden}

/*============================  Homepage section specific Colours =========================*/

#snav_1{background:#0D776E}
#snav_2{background:#1C7C3E}
#snav_3{background:#8F598B}
#section_nav li a { color: white; } 

/*=== CCPS section ===*/
#ccps #branding{background:#fff url(../images/vs_banner.jpg) left bottom no-repeat;}
#ccps a {color:#0D776E;}
#ccps #secondary_nav h3 { border-bottom: 3px solid #0D776E; }
#ccps #branding h1 a{color:#ffffff;}
#ccps #branding a:hover{color:#FFFFFF;background:#0D776E;}
#ccps #primary_nav, #ccps #panel_news h3, #ccps #panel_events h3, #ccps #panel_about h3, #ccps #panel_jobs h3 {background:#0D776E; color: white;}
#ccps #primary_nav li a:hover, #ccps #primary_nav li.active a{color:#0D776E}
#ccps #branding, #ccps #site_info {border-top:10px solid #0D776E}

#ccps #box ul#js_box li, #ccps #box ul#js_nav li.selected {background:#86BBB7}
#ccps #box ul#js_nav li {background:#C3DDDB}
#ccps #panel_about {background:#3D5755; color: #fff;}

#ccps #wrapper #secondary_nav ul li.current{background:#86BBB6;!important;}
#ccps #wrapper #secondary_nav ul li.parent{background:transparent !important;}
#ccps #wrapper #secondary_nav ul li.active a {background-color:#fff; color: #0D776E;}
#ccps #wrapper #secondary_nav ul li.active li a:hover {background-color:#0D776E; color: #fff;}
#ccps #wrapper #secondary_nav li { border-bottom: 1px dotted #C3DDDB; }
#ccps #wrapper #secondary_nav li ul { border-top: 1px dotted #C3DDDB; }
#ccps #wrapper #secondary_nav li ul li { border: none; }


#ccps div#wrapper #main_content ul#alphalist li a{border-bottom:none;}
#main_content ul#alphalist li.active{font-weight:bold;}
#main_content ul#alphalist{margin-left:0;}

#ccps #calendar thead th{ background:#0D776E; }

#ccps #main_content #crumbs{color:#0D776E;}
#ccps #content_area a{color:#0D776E;}
#ccps div#wrapper #main_content a {border-bottom: 1px solid #0D776E;padding-bottom:1px;}
#ccps #content_area h1, #ccps #content_area h2, #ccps #content_area h3, #ccps #content_area h4 {color:#0D776E;}
#ccps #content_area a:hover{color:#FFFFFF;background-color:#0D776E;}
#main_content p.datestamp{border-top:1px solid #0D776E;clear:both;}
#sub_content p a{color:#0D776E;}
#sub_content p a:hover{color:#EEEEEE;background:#0D776E;}

#ccps #content p.more a{color:#0D776E;}
#ccps #content p.more a:hover{color:#FFFFFF;background:#0D776E;}
#ccps #content #box p.more a{color:#FFFFFF;background:#86BBB7;}
#ccps #content #box p.more a:hover{color:#86BBB7;background:#FFFFFF;}
#ccps #content #panel_about p.more a{color:#FFFFFF;}
#ccps #content #panel_about p.more a:hover{color:#3D5755;background:#FFFFFF;}

/*=== Providers & Personalisation (Voluntary) section ===*/

#voluntary a {color:#1C7C3E;}
#voluntary div#wrapper #main_content a {border-bottom: 1px solid #1C7C3E;}
#voluntary #branding h1 a{ color:#ffffff;}
#voluntary #branding a:hover { color:#FFFFFF;background:#1C7C3E; text-decoration:none;}
#voluntary #primary_nav, #voluntary #panel_news h3, #voluntary #panel_about h3, #voluntary #panel_events h3, #voluntary #panel_jobs h3,#voluntary #panel_three_items h3 {background:#1C7C3E; color: white;}
#voluntary #primary_nav li a:hover, #voluntary #primary_nav li.active a{color:#1C7C3E}
#voluntary #branding, #voluntary #site_info {border-top:10px solid #1C7C3E}

#voluntary #box ul#js_box li, #voluntary #box ul#js_nav li.selected {background:#45BF55}
#voluntary #box ul#js_nav li {background:#96ED89}
#voluntary #panel_about {background:#566B73; color: white;}

#voluntary #wrapper #secondary_nav h3{border-bottom:4px solid #1C7C3E;color:#1C7C3E}
#voluntary #wrapper #secondary_nav li { border-bottom: 1px dotted #96ED89; }
#voluntary #wrapper #secondary_nav li ul { border-top: 1px dotted #96ED89; }
#voluntary #wrapper #secondary_nav li ul li { border: none; }

#voluntary #main_content ul#alphalist li.active{border-bottom:1px solid #1C7C3E}

#voluntary #calendar thead th{ background:#1C7C3E }

#voluntary #main_content #crumbs{color:#1C7C3E}
#voluntary #content_area a{color:#1C7C3E;}
#voluntary #content_area h1, #voluntary #content_area h2, #voluntary #content_area h3, #voluntary #content_area h4 {color:#1C7C3E;}
#voluntary #content_area a:hover{color:#FFFFFF;background-color:#1C7C3E;}
#voluntary #main_content p.datestamp{border-top:1px solid #1C7C3E}
#voluntary #sub_content p a{color:#1C7C3E}

#voluntary #content p.more a{color:#45BF55;}
#voluntary #content p.more a:hover{color:#FFFFFF;background:#45BF55;}
#voluntary #content #box p.more a{color:#FFFFFF;background:#45BF55;}
#voluntary #content #box p.more a:hover{color:#45BF55;background:#FFFFFF;}
#voluntary #content #panel_about p.more a{color:#FFFFFF;}
#voluntary #content #panel_about p.more a:hover{color:#566B73;background:#FFFFFF;}



/*=== Housing section ===*/
#housing #branding{background:#fff url(../images/housing-banner0.jpg) left bottom no-repeat;}
#housing a{color:#8F598B;}
#housing div#wrapper #main_content a {border-bottom: 1px solid #8F598B;}
#housing #branding h1 a{color:#ffffff;}
#housing #branding a:hover{color:#FFFFFF;background:#8F598B; text-decoration:none;}
#housing #primary_nav, #housing #panel_news h3, #housing #panel_about h3, #housing #panel_events h3, #housing #panel_jobs h3 , #housing #panel_three_items h3{background:#8F598B; color: white;}

#housing #primary_nav li a:hover, #housing #primary_nav li.active a{color:#8F598B}
#housing #branding, #housing #site_info {border-top:10px solid #8F598B}

#housing #box ul#js_box li, #housing #box ul#js_nav li.selected {background:#BD9FBA}
#housing #box ul#js_nav li {background:#DED0DD}
#housing #panel_about {background:#584A57; color: white;}

#housing #wrapper #secondary_nav h3{border-bottom:4px solid #8F598B;color:#8F598B;}
#housing #wrapper #secondary_nav li { border-bottom: 1px dotted #DED0DD; }
#housing #wrapper #secondary_nav li ul { border-top: 1px dotted #DED0DD; }
#housing #wrapper #secondary_nav li ul li { border: none; }

#housing #main_content ul#alphalist li.active{border-bottom:1px solid #8F598B;}

#housing #calendar thead th{ background:#8F598B; }

#housing #main_content #crumbs{color:#8F598B}
#housing #content_area a{color:#8F598B;}
#housing #content_area h1, #housing #content_area h2, #housing #content_area h2 {color:#8F598B;}
#housing #content_area a:hover{color:#FFFFFF;background-color:#8F598B;}
#housing #main_content p.datestamp{border-top:1px solid #8F598B;}
#housing #sub_content p a{color:#8F598B;}

#housing #content p.more a{color:#8F598B;}
#housing #content p.more a:hover{color:#FFFFFF;background:#8F598B;}
#housing #content #box p.more a{color:#FFFFFF;background:#BD9FBA;}
#housing #content #box p.more a:hover{color:#BD9FBA;background:#FFFFFF;}
#housing #content #panel_about p.more a{color:#FFFFFF;}
#housing #content #panel_about p.more a:hover{color:#584A57 ;background:#FFFFFF;}

div#site_info {
	background: #4D4D4D;
	float: left;
	width: 960px;
}	
div#site_info p {
	color: white;
}
div#site_info p a {
	color: white;
	padding: 0;
}
div#site_info p a {
	border-bottom: 1px solid white;
}
div#site_info p a:hover, div#site_info p a:focus {
	border-bottom: 1px solid #999;
	color: #999;
}
#wrapper div#site_info p:first-child {
	margin-left: 190px;
}
#panel_news h3 { color: white;}

ul#js_nav a { color: #333; }

/*============================ TABLE GENRERIC =================*/
table {border-collapse: collapse;width: 100%;margin: 20px 0;font-size: 1.1em;}
th {background:#0D776E;}
th {color: #fff;font-weight: bold;padding: 2px 11px;text-align: left;border-right: 1px solid #fff;line-height: 1.2;}
td {padding: 6px 11px;border-bottom: 1px solid #95bce2;vertical-align: top;}
td * {padding: 6px 11px;}
tr.even td {background-color:#f4f4f4;}
#ccps th {background:#0D776E;}
#ccps td {border-bottom: 1px solid #0D776E;}
#voluntary th {background:#29AFDF;}
#voluntary td {border-bottom: 1px solid #29AFDF;}
#housing th {background:#8F598B;}
#housing td {border-bottom: 1px solid #8F598B;}

/* Event Calendar */
#calendar {width:200px; background:#ccc;margin-bottom:20px;margin-left:30px;}
#calendar {border-collapse:separate;border-spacing:1px;}
#calendar td{padding:3px; background:#fff; text-align:center; vertical-align:middle;border:none;}
#calendar td.today{background:#f0f0f0;}
#calendar thead th{ background:#336666; color:#fff; text-align:center; padding:2px 5px 2px 5px; font-size:1.1em}
#calendar thead th a{color:#fff; text-decoration:none}
#calendar thead th a:visited{color:#fff}
#calendar tbody th{ background:#333; color:#fff;text-align:center; padding:3px}
#calendar tbody td, #calendar tbody th{font-size:1.1em}
#calendar tbody td a{display:block; padding:3px; color:#000; font-weight:bold;}
#calendar td.active{padding:0;}
#content_area #calendar thead th a{color:#fff; text-decoration:none}

#ccps #calendar tbody td a{background-color:#C2DDDB; }
#voluntary #calendar tbody td a{background-color:#C9EBF7;}
#housing #calendar tbody td a{background-color:#E3D5E2; }

#ccps #calendar tbody td a:hover{background:#0D776E;}
#voluntary #calendar tbody td a:hover{background:#29AFDF;}
#housing #calendar tbody td a:hover{background:#8F598B;}

/*============================ Member Lists =========================*/
#main_content ul#alphalist li{background-image:none;}
#main_content ul#alphalist li{display:inline;margin-right:5px;}
#main_content ul#alphalist li a{font-size:1.4em;line-height:1.5em;padding:0 4px;}
#main_content ul#alphalist li a:hover{text-decoration:none;color:#FFFFFF;background-color:#0D776E;}

/*===== definition lists ========*/
dl {width: 100%;float:left}
dt{margin:5px 5px 5px 0;font-weight:bold;}
dd{margin:5px 0 5px 5px;}
#content_area dd p{margin:0;}
dt{width:120px;float:left;clear:left;}
dd{float:left;width:330px;}

.events_archive dt{width:200px;}
.events_archive dd{width:250px;}


/*============= maps ========*/
#google_map{margin: 20px 0 0 70px;border: 1px solid black;}
#content_area #google_map h2{margin:0 0 5px 0;}

/*============= news ========*/
#content_area p.news_posted_on{font-style:italic;}

/*============================ FORMS =========================*/
#main_content .general_form p{overflow:hidden; margin:10px 0 10px 0;}
.general_form label,.general_form .nolabel{float:left;width:9em; text-align:right;padding-right:1em;}
.general_form label.radio{text-align:left;}
.general_form input, .general_form select,.general_form textarea{float:left;width:350px;}
.general_form input.submit, .general_form input.radio{width:auto}
.general_form .submit{background:#f5f5f5; border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc;margin-left:9 em;}
.general_form .submit:hover{background:#f1f6fc; border:3px double #c2e1ef;color:#336699;border:3px double #c2e1ef;}
.general_form input.submit {float:right;}
.general_form p.submit input{width:15em}
#main_content .general_form p.helptext{font-style:italic;padding-left:12.5em;font-size:1em;margin:-10px 0 0 0;font-size:0.8em;}
.general_form p.code_image{padding-left:10em;}
.general_form p strong.req{color:#872323;}
#main_content  .general_form p.question{margin:10px}
.general_form fieldset{margin:0 0 20px 0;}
.general_form legend {padding: 0.2em 0.5em;font-size:90%;font-weight:bold;text-align:right;background:white;margin-left:10px;}
.general_form p.checkbox label{width:90%}
.general_form p.checkbox input{width:5%}

#ccps .general_form fieldset{background:#C2DDDB;}
#ccps .general_form fieldset { border:1px solid #0D776E; }
#ccps .general_form legend {border:1px solid #0D776E;}
#ccps .general_form p.code_image img{border:1px solid #0D776E;}

#voluntary .general_form fieldset{background:#C9EBF7;}
#voluntary .general_form fieldset { border:1px solid #29AFDF; }
#voluntary .general_form legend {border:1px solid #29AFDF;}
#voluntary .general_form p.code_image img{border:1px solid #29AFDF;}

#housing .general_form fieldset{background:#E3D5E2;}
#housing .general_form fieldset { border:1px solid #8F598B; }
#housing .general_form legend {border:1px solid #8F598B;}
#housing .general_form p.code_image img{border:1px solid #8F598B;}



.errors{font-size:1.1em; background:#f3cece; border:1px solid #b75f5f; padding:10px; color:#872323; margin:0 0 15px 0;}
/* login form */
#login_form input {width:200px;}
#login_form {width:350px;}
#login_form input.submit {width:7em}

#ajaxSearch_form{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#EAEAEA none repeat scroll 0 0;
border:1px solid #CCCCCC;
line-height:2em;
margin:0.25em 0;
padding:0.15em 0.25em;
}
#ccps #ajaxSearch_form{background: #C3DDDB;}
#voluntary #ajaxSearch_form{background:#DCF1F9;}
#housing #ajaxSearch_form{background:#DED0DD;}

p#qrg_back_links{padding-top:2px;text-align:right; border-top: 2px solid #0D776E;}