/**
 * Orwell Housing master stylesheet
 *
 * @author	Matthew Pennell
 * @since	25/02/08
 * @date	29/02/08
 * @version	1.0
 * @media	screen, projection
 */

/* @group RESET BROWSER DEFAULTS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img, fieldset { border: none; }
ul, ol { list-style: none; }
a:focus { outline: 0; }

.clear {
	clear: both;
}
/* @end */

/*@group BASIC HTML ELEMENTS */

body {
	background: #f2f6f9;
	font: 11px/127% Verdana, Arial, Helvetica, sans-serif; /* 11px/14px */
	text-align: center; /* for IE5.x */
}

a:link, a:visited {
	/*color: #00aeef;*/
	color: #004286;
	text-decoration: underline;
}

DIV#content a:focus {
  font-weight: bold;
}

a:active {
	
}

legend {
	display: none;
}

label.search {
	position: absolute;
	left: -999em;
}
label {
	position: relative;
  left: 0em;
	vertical-align:top;
}

input, textarea {
	font-weight: bold;
	color: #555;
	border: 1px solid #b2b2b2;
	font: 11px/127% Verdana, Arial, Helvetica, sans-serif; /* 11px/14px */
}
.textarea, .textarea2d {
	width: 95%;
}
/* Override the 95% width (above) for the keyword input box on the information library template */
#kw_name {
  width: auto;
}



.questiontable {
	height: 150px;
}

input.submit, .checkbox {
	border: 0px;
}

/* @end */

/* @group LAYOUT: PAGE BUILDING BLOCKS */

#wrapper {
	text-align: left; /* for IE5.x */
	width: 82%;
	min-width: 950px;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 25px;
	background: #fff url(../images/wrapper-bg.png) repeat-y 0 50%;
}

#inner {
	background: url(../images/inner-bg.png) repeat-y 100%;
	padding-right: 25px;
}

#header {
	background: url(../images/header-bg.png) repeat-x 100% 100%;
	height: 13.364em;
	position: relative;
	margin-left: 7px;
}

#leftcol, #main, #sidebar, #main-fullwidth  {
	float: left;
	width: 25%;
	margin-bottom: 4em;
	display: inline;
}
#leftcol {
	margin: 1.27em 0 0 7px;
}

#main {
	width: 55%;
	/*background-color: #cff;*/
}

#main-fullwidth {
	width: 72%;
	/*background-color: #cff;*/
}

#content {
	margin: 0 19px;
	border-top: 1px solid #409c45;
	padding-top: 13px;
  line-height: 1.5em;
}

#sidebar {
	margin: 1.27em 7px 0 0;
	width: 17.5%;
	float: right;
	display: inline;
}

#footer {
	clear: left;
}

DIV.prevnext
{
	font-size: 85%;
	padding: 10px 0 10px 0;
}

.hide {
	display: none;
}

.artintrobg {
	padding: 5px;
	border: 0px;
}

.includesbg {
	padding: 5px;
	border: 0px;
}

.date {
	font-size: 85%;
	font-weight: bold;
}


/* @end */

/* @group HEADER */

#header-inner {
	position: absolute;
	background: url(../images/header-inner-bg.png) no-repeat 0 100%;
	width: 504px;
	top: 33px;
	right: 25px;
}

#hi-inner {
	position: absolute;
	background: url(../images/hi-inner-bg.gif);
	width: 504px;
	right: 25px;
	height: 8px;
	top: 25px;
}

#hi-inner {
	position: absolute;
	background: url(../images/hi-inner-bg.gif);
	width: 504px;
	right: 25px;
	height: 8px;
}

#logo, #resize, #flags, #search, #browsealoud {
	position: absolute;
}

#logo {
	left: 42px;
	top: 21px;
}

#flags {
	right: 18px;
	top: 0px;
}

ul.inline {
display: inline;
border: 0px;
}

ul.inline li {
display: inline;
	padding: 0px;
	margin: 0px;
}

#flags ul img {
  border: 1px solid black;
  margin-left: 2px;
}
#flags A:focus IMG {
  border: 1px solid red;
}

#phone {
	background: url(../images/phone-bg.gif) no-repeat 0;
	padding-left: 27px;
	font-weight: bold;
	color: #4d4d4d;
	margin: 1.27em 16px;
	display: none;
}

#browsealoud {
	left: 163px;
	top: 0;
}

A#browsealoud:focus  {
  border: 1px solid red;
}

#resize {
	right: 19px;
	bottom: 14px;
	font-weight: bold;
	color: #555;
}

#resize b {
	float: left;
	margin-right: 7px;
}

#dec, #inc, #soft, #high, #normal {
	width: 17px;
	height: 17px;
	float: left;
	text-indent: -999em;
	background: url(../images/resize-bg.gif) no-repeat 0 0;
}

#inc, #soft, #high, #normal {
	background-position: -24px 0;
	margin-left: 4px;
}

#soft { background-position: -48px 0; }
#high { background-position: -72px 0; }
#normal { background-position: -96px 0; }

#search {
	right: 18px;
	top: 27px;
}

#search input {
	border-width: 1px 0 1px 1px;
	width: 126px;
	height: 16px;
  top: 0;
	margin-top: 0;
	float: left;
}

#search .arrowimage {
  display: block;
  height: 18px;
  width: 18px;
  margin: 0px;
  padding: 0px;
}

#search button {
	border-width: 1px 1px 1px 0px;
	background: #409c45;
	color: #fff;
	width: 18px;
	top: 0;
	/*margin-left: 2px;*/
	/*padding-left: 1px;*/
	text-align: center;
	height: 18px;
	font-weight: bold;
}

#login {
  margin-top: 15px;
  margin-left: 40px;
	margin-bottom: 25px;
}

#login a {
  font-weight: bold;
	color: #555;
}
#login a:focus {
  color: #F00;
}

iframe .map {
  width: 425px;
  height: 350px;
}

/* @end */

/* @group PRIMARY NAVIGATION */

#primary-nav {
  position: absolute;
  bottom: 9px;
  left: 0;
  font-weight: bold;
  margin-right: 20%;
  width: 80%;
}

#primary-nav li {
	float: left;
	background: #fff url(../images/primary-nav-li-bg.gif) no-repeat 0 0;
	margin-right: 3px;
}

#primary-nav .current {
	background: #409C45 url(../images/primary-nav-current-bg.gif) no-repeat 0 0;
}

#primary-nav a {
	color: #4d4d4d;
	text-decoration: none;
	padding: 4px 8px 3px;
	display: block;
	background: url(../images/primary-nav-a-bg.gif) no-repeat 100% 0;
}

#primary-nav a:hover, #primary-nav a:focus {
	color: #409c45;
}

#primary-nav .current a {
	color: #fff;
	background: url(../images/primary-nav-current-a-bg.gif) no-repeat 100% 0;
}

#primary-nav .current a:hover, #primary-nav .current a:focus {
	color: #fff;
}

/* @end */

/* @group SECONDARY NAVIGATION */

DIV.leftbox {
	background: #E2E2E2 url(../images/secondary-nav-bg.gif) no-repeat 0 100%;
}

DIV.leftbox h2 {
	color: #409C45;
	background: #E4E4E4 url(../images/secondary-nav-h2-bg.gif) repeat-x 0 0;
	font: 1.8em "Arial Narrow", Arial;
	margin: 0em;
	position: relative
}

DIV.leftbox h2 span {
	background: url(../images/secondary-nav-h2-span-bg.gif) no-repeat 100% 0;
	display: block;
	padding: 0.3em 1em 0.5em 1em;
}

DIV.leftbox ul {
	background: url(../images/secondary-nav-ul-bg.gif) no-repeat 100% 100%;
	padding: 0 5px 6px;
	padding-bottom: 0.8em;
	padding-right: 10px;
	margin-left: 5px;
	margin-bottom: 0px;
}

DIV.leftbox ul a.first {
	background: url(../images/inner-grey-top.gif) no-repeat 0 0;
}

DIV.leftbox ul a.first:hover {
	background: url(../images/inner-grey-top-over.gif) no-repeat 0 0;
  background-color: #808080;
}

DIV.leftbox ul a.last {
	background: url(../images/inner-grey-bott.gif) no-repeat 0 100%;
}

DIV.leftbox ul a.last:hover {
	background: url(../images/inner-grey-bott-over.gif) no-repeat 0 100%;
  background-color: #808080;
}

DIV.leftbox ul li {
  margin-bottom: 1px;
}

DIV.leftbox ul li.last {
	margin-bottom: 20px;
}

DIV.leftbox ul ul {
	padding: 0;
	background: none;
}

DIV.leftbox div {
	background: #a6a6a6;
	margin: 0px 0;
}

DIV.leftbox li li {
	background: #8cc485;
	margin-bottom: 1px;
}

DIV.leftbox li .on {
	background: #409c45 url(../images/secondary-nav-current-bg.gif) no-repeat 16px;
}

DIV.leftbox a{
	color: #fff;
	text-decoration: none;
	padding: 3px 15px;
	display: block;
}
DIV.leftbox a:visited {
  color: #FFF;
	text-decoration: none;
}

DIV.leftbox ul a:hover, DIV.leftbox ul a:focus {
	background: #808080;
}

DIV.leftbox li .current a {
	color: #fff;
}

DIV.leftbox li li a {
	padding: 3px 26px;
	color: #fff;
}

DIV.leftbox li li a:focus, DIV.leftbox li li a:hover {
	background: #409c45;
	color: #fff;
}

/* @end */

/* @group MAIN CONTENT */

h1 {
	color: #409c45;
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 0.7em;
}

.home h1 {
	margin: 20px 34px;
}

h2 {
	color: #409c45;
	font-size: 1.27em;
	font-weight: bold;
	margin: 1.5em 0 0.5em;
}

h3, h4 {
	color: #555;
	font-weight: bold;
	margin-bottom: 1.27em;
}

p {
	margin-bottom: 1.27em;
}

#content ol, #content ul {
	margin: 0 0 1.27em 2.54em;
}

#content ol {
	list-style: decimal;
}

#content ul {
	list-style: disc;
}

#content ul ul {
	list-style: circle;
}

/* @group Datatable */

table.datatable {
	border-style: solid;
	border-color: #004286;
	border-width: 1px 0px 0px 1px;
}

table.datatable th {
	border-style: solid;
	border-color: #004286;
	border-width: 0px 1px 1px 0px;
	background-color: #eee;
	padding: 4px;
	text-align: left;
	font-weight: bold;
	color: #409c45;
}

table.datatable th.plaintext { /* for default text in a <th> */
	font-weight: normal;
	text-align: left;
}

table.datatable td {
	border-style: solid;
	border-color: #004286;
	border-width: 0px 1px 1px 0px;
	padding: 4px;
	text-align: left;
}

table.datatable tr.altrow td {
	background-color: #edf1e8;
}

table.datatable td td { /* remove borders from nested table cells */
	border-width: 0px;
}

table.datatable caption {
	color: #fff;
	border-style: solid;
	border-color: #004286;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-width: 1px 1px 0px 1px;
	background-color: #004286;
}

/* @end */

.boxtable tr td {
	border: 1px solid #999;
	border-right-style: solid;
}

.boxtable tr th {
border: 1px solid #999;
background-color: #AAA !important;
vertical-align: top;
font-weight: bold;
color: #000;
}


.boxtable tr th a:link, .boxtable tr th a:visited, .boxtable tr th a:hover, .boxtable tr th a:active {
color: #fff;
}


#content img {
	/*margin: 0 0 1.27em 1.27em;*/
}

#breadcrumb {
	margin: 1.27em 19px;
	color: #555;
}
#breadcrumb A:focus {
  color: #f00;
}

#breadcrumb a {
	color: #555;
}

/* @end */

/* @group SIDEBAR */

#sidebar .rounded {
	margin: 1.27em 0 1.27em 5px;
	position: relative;
	background: url(../images/rounded-bg.gif) no-repeat 0 100%;
	overflow: hidden;
}

.rounded form, .rounded ul {
	background: url(../images/rounded-ul-bg.gif) no-repeat 100% 100%;
	padding: 8px 15px;
}

#sidebar .rounded h1 {
	margin: 0;
}

#sidebar h1 {
  font-size: 1em;
	color: #fff;
	background: #004286 url(../images/sidebar-h3-bg.png) no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

#sidebar h1 span {
	background: url(../images/sidebar-h3-span-bg.gif) no-repeat 100% 0;
	padding: 10px;
	display: block;
}

#sidebar input {
	width: 80%;
	display: block;
	margin-bottom: 6px;
}

#sidebar button {
	width: 56px;
	height: 22px;
	background: url(../images/submit.gif);
	text-indent: -999em;
	border: 0;
}

.rounded ul {
	margin-left: 8px;
	list-style: square;
	color: #409c45;
}

.rounded li {
	margin-bottom: 0.635em;
}

.rounded a {
	color: #555 !important;
	text-decoration: none !important;
}

.rounded a:hover, .rounded a:focus {
	text-decoration: underline !important;
}

/* @end */

/* @group HOMEPAGE SPECIFIC-STYLES */

#summary {
	float: left;
	width: 100%;
	margin: 0 7px 10px;
	min-height: 173px;
}

#summary img {
	float: left;
}

#summary ul {
	padding-right: 22px;
	margin-left: 532px;
	font-size: 1.4em;
	font-weight: bold;
}

#summary li {
	margin-bottom: 2px;
}

#summary li.megaphone a {
	background: url(../images/megaphone.gif) no-repeat 0 0;
}

#summary li.person  a {
	background: url(../images/person.gif) no-repeat 0 0;
}

#summary li.question  a {
	background: url(../images/question.gif) no-repeat 0 0;
}

#summary li.pound  a {
	background: url(../images/pound.gif) no-repeat 0 0;
}

#summary ul a {
	color: #409c45;
	text-decoration: none;
	height: 1%;
	display: block;
}
#summary li a span {
	display: block;
	height: 2.6em;
	margin-left: 102px;
	padding-top: 1em;
	border-bottom: 1px solid #555;
}
#summary li a:hover span {
	text-decoration: underline;
}
/* take the border off the bottom link */
#summary li.question a span{
	border-bottom: 0;
}

.box {
	float: left;
	display: inline;
	width: 23.5%;
	margin: 0 1% 2.54em 0;
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 26em;
}

.box div {
	height: 100%;
}

#left {
	background-image: url(../images/left-bg.png);
	margin-left: 7px;
}

#left-center {
	background-image: url(../images/left-center-bg.png);
}

#right-center {
	background-image: url(../images/right-center-bg.png);
}

#right {
	margin-right: 0;
	background-image: url(../images/right-bg.png);
}

.box h2 {
	color: #fff;
	font-size: 1em;
	margin: 0;
}

.box h2 span {
	padding: 1em 16px;
	display: block;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#left h2 {
	background: #c74662 url(../images/left-h2-bg.gif) no-repeat 0 0;
}

#left-center h2 {
	background: #4598a8 url(../images/left-center-h2-bg.gif) no-repeat 0 0;
}

#right-center h2 {
	background: #004286 url(../images/right-center-h2-bg.gif) no-repeat 0 0;
}

#right h2 {
	background: #409c45 url(../images/right-h2-bg.gif) no-repeat 0 0;
	/*border-bottom: 2px solid #fff;*/
}

#left h2 span {
	background-image: url(../images/left-h2-span-bg.gif);
}

#left-center h2 span {
	background-image: url(../images/left-center-h2-span-bg.gif);
}

#right-center h2 span {
	background-image: url(../images/right-center-h2-span-bg.gif);
}

#right h2 span {
	background-image: url(../images/right-h2-span-bg.gif);
}

.box img {
	/*border: 2px solid #fff;
	border-width: 2px 0;*/
	display: block;
	width: 100%;
}

.box ul, .box dl {
	padding: 1em 18px;
}

#left div {
	background: url(../images/left-ul-bg.png) no-repeat 100% 100%;
}

#left-center div {
	background: url(../images/left-center-ul-bg.png) no-repeat 100% 100%;
}

#right-center div {
	background: url(../images/right-center-ul-bg.png) no-repeat 100% 100%;
}

#right div {
	background: url(../images/right-dl-bg.png) no-repeat 100% 100%;
}

#right dt {
	margin-bottom: 5px;
}
#right dt.bordered {
	border-top: 1px solid green;
	padding-top: 10px;
}
#right dd {
	margin-bottom: 0.9em;
}

.box li {
	margin-bottom: 0.635em;
}

.box a, .box a {
	color: #4d4d4d !important;
	font-weight: bold;
	text-decoration: none !important;
}

#left ul a {
	/*color: #c74662 !important;*/
	color: #4D4D4D !important;
}

#left-center ul a {
	/*color: #4598a8 !important;*/
	color: #4D4D4D !important;
}

#right-center ul a {
	/*color: #004286 !important;*/
	color: #4D4D4D !important;
}

.box a:hover, .box a:focus {
	text-decoration: underline !important;
}



a.white:hover, a.white:focus, a.white:active, a.white, a.white:visited {
color: #FFFFFF !important;
}



/* @end */



/* @group FOOTER */

#footer DIV.footerleft {
  float: left;
  padding-top: 2em;
}

#footer DIV.footerright {
  float: right;
}

#footer li.translate {
  clear: left;
}

#footer li.arfs {
  clear: left;
  padding-top: 1em;
}

#footer li.martop {
  margin-top: 2em;
}

DIV#footer DIV.footerinner {
	padding: 1em 0;
	float: left;
	width: 100%;
	border-top: 1px solid #409c45;
}

#footer li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

#footer li.b {
	background: url(../images/footer-li-bg.gif) no-repeat 100%;
	padding-right: 15px;
	padding-left: 10px;
}

#footer li.r {
	float: right;
	padding-right: 15px;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}

#footer img {
	display: block;
	clear: both;
	padding-top: 0.635em;
}

.question {

}

#survey-buttons {
	text-align: right;
	padding: 0px;
}

#surveys input, textarea, select {
	width: 170px;
}

#surveys .checkbox, #surveys .radiobox {
	width: 25px;
	text-align: left;
	/*padding: 0px;
	margin: 0px;*/
	margin-left: -5px;
}

/* GROUP .NET SEARCH */

.pagerstyle span:first-child, .pagerstyle a:first-child {
  margin-right: 10px;
}

/* END GROUP .NET SEARCH */

/**************************************************************
* START CLASSES REQUIRED BY WYSIWYG
**************************************************************/
.warning {
	color: #c00;
}

.textunderline { /* underlined text */
	text-decoration: underline;
}

.textdefault { /* a text 'reset' class for use in wysiwyg only, should match default text style */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/* @group Lists */

ul.circle {list-style-image: none; list-style-type: circle;}
ul.disc {list-style-image: none; list-style-type:  disc;}
ul.square {list-style-image: none; list-style-type: square;}
#main ul.circle, #main-fullwidth ul.circle {list-style-image: none; list-style-type: circle;}
#main ul.disc, #main-fullwidth ul.disc  {list-style-image: none; list-style-type:  disc;}
#main ul.square, #main-fullwidth ul.square  {list-style-image: none; list-style-type: square;}
#main ol.decimal, #main-fullwidth ol.decimal {list-style-image: none; list-style-type: decimal;}
#main ol.lower-alpha, #main-fullwidth ol.lower-alpha {list-style-image: none; list-style-type: lower-alpha;}
#main ol.upper-alpha, #main-fullwidth ol.upper-alpha {list-style-image: none; list-style-type: upper-alpha;}
#main ol.lower-roman, #main-fullwidth ol.lower-roman {list-style-image: none; list-style-type: lower-roman;}
#main ol.upper-roman, #main-fullwidth ol.upper-roman {list-style-image: none; list-style-type: upper-roman;}

/* @end */

/* @group Alignment */

table.left, p.left, img.left { /* align table or <p>-wrapped image/image to the left */
	float: left;
	margin: 0 10px 10px 0;
}
table.right, p.right, img.right { /* align table or <p>-wrapped image/image to the right */
	float: right;
	margin: 0 0 10px 10px;
}
table.center { /* align table to the centre */
	margin: 0 auto;
}
p.center { /* align <p>-wrapped image to the left */
	text-align: center;
}
p.textcenter { /* align paragraph text to the centre */
	text-align: center;
	display: block;
}
p.textleft { /* align paragraph text to the left */
	text-align: left;
	display: block;
}
p.textright { /* align paragraph text to the right */
	text-align: right;
	display: block;
}
p.textjustify { /* 'justify' align paragraph text */
	text-align: justify;
	display: block;
}

/* @end */

/******************************
* END CLASSES REQUIRED BY WYSIWYG
/******************************/

td.secintrobg2 {
	text-align: right;
}
td.faqtitle h2 {
	margin-top: 0px;
}
/* @end */

/**************************************
#calendar
**************************************/
#calendar-search {
	margin: 2em 0 0;
	overflow: hidden;
}
#calendar-wrapper {
	overflow: hidden;
  float: left;
  width: 150px;
}
#calendar-buttons {
	margin-bottom: 3em;
	overflow: hidden;
	clear: both;
}
#calendar-buttons A {
	float: left;
	margin-right: 1em;
}
TABLE#calendar TH {
	color: #fff;
	background: #555;
	text-align: center;
}
TABLE#calendar TD {
	background: #ccc;
	text-align: center;
	padding: 0;
}
#calendarkey {
	float: right;
}
#calendarkey TD {
	padding: 0;
}
#calendarkey TD.label {
	padding: 0.5em;
}
#calendar A,
#calendar SPAN,
#calendarkey SPAN {
	border: 1px solid #ccc;
	display: block;
	text-decoration: none;
	padding: 0.5em 1em;
}
#calendar TD.normalday A,
#calendarkey TD.normalday SPAN {
	background-color: #fff;
	border-color: #fff;
}
#calendar TD.pastevent A,
#calendarkey TD.pastevent SPAN {
	color: #fff;
	background-color: #004286;
	border-color: #004286;
}
#calendar TD.futureevent A,
#calendarkey TD.futureevent SPAN {
	color: #fff;
	background-color: #409C45;
	border-color: #409C45;
}
#calendar TD.currentday-event A,
#calendarkey TD.currentday-event SPAN {
	color: #fff;
	background-color: #409C45;
	border-color: #f00;
}
#calendar TD.currentday-noevent A,
#calendarkey TD.currentday-noevent SPAN {
	background-color: #fff;
	border-color: #f00;
}