/* mac hide \*/
html, body { height: 100%; }
/* end hide*/
* html #outer { height: 100%; }

* { margin: 0; padding: 0; }

body {
	background: #858D99 url(../images/bg.gif) repeat top center;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 100%/110% "Verdana", Arial, Helvetica, sans-serif;
}

/* Layout
------------------------------------------------------------------*/

#outer {
	width: 980px;
	background: url(../images/outer_bg.gif) repeat-y 0 0;
	margin: auto;
	position: relative;
	text-align: left;
	min-height: 100%;
	height: 100%;
	padding: 0 5px 0 5px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
.singlecol #outer { background: url(../images/outer_bg_1col.gif) repeat-y 0 0; }

#wrapper1 {
	height: 100%;
	background: url(../../../images/banners/rotate.php) no-repeat 0 0;
}

#contentwrap {
	display: block;
	font-size: 0.7em; /* Global Content Font Size */
}

#col-left {
	float: left;
	width: 210px;
	color: #fff;
	background: #7C8187 url(../images/leftcol-bg.gif) repeat-y 0 0;
	padding-bottom: 140px;
}

.colwrap-right {
	float: right;
	width: 769px;
}

	#col-centre {
		float: left;
		width: 562px;
	}
	
	#col-right {
		float: right;
		width: 204px;
		background: #F2F2F2;
		font-size: 0.9em;
		line-height: 1.35em;
		padding-bottom: 20px;
        overflow:hidden;
	}
	
	#col1 {
		float: left;
		width: 49%;
		margin-top: -15px;
	}
	
	#col2 {
		float: right;
		width: 49%;
		margin-top: -15px;
	}
	
	#col1 .padding, #col2 .padding { padding-top: 0; }

		
	
/* Calendar
------------------------------------------------------------------*/
	
div.cal-centre{
	text-align:center;
	width:100%;
}

table.calendar{
	text-align:center;
	margin: auto;
}

.calendar td{
	text-align: center;
}
/*
#col-left .calendar a{
	text-decoration: none;
	color: #ddd;
	padding: 5px; 
	font-weight: normal;
}

#col-left .calendar .day{
	color: red;
}

#col-left .calendar .weekend{
	color: #999;
	text-decoration: none;
}

#col-left .calendar .today{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.calendar .normal{
	text-decoration: none;
}
	
	*/
	
/* Header
------------------------------------------------------------------*/

#header {
	height: 122px;
	font-size: 0.7em;

}

	#headerlinks {
		float: right;
		padding-right: 10px;
	}
	
	#logo {
		 float: right;
		 clear: both;
		 padding: 8px 30px 0 0;
	}

/* Navigation refer to horizontal_nav.css
------------------------------------------------------------------*/

#h-nav {
	display: block;
	height: 37px;
	overflow: hidden;
	float: left;
	width: 100%;
	background: url(../images/nav_bg.gif) repeat-x 0 0;
}

/* Footer
------------------------------------------------------------------*/

#footer {
	clear:both;
	height:84px;
	left:0;
	bottom:0px;
	position: absolute;
	font-size: 0.65em;
	width: 980px;
	margin-left: 5px;
	color: #fff;
	background: #960044 url(../images/footer_bg.png) repeat-x 0 0;
}

.services-tpl #footer { background-color: #5D1C7F; }
.about-tpl #footer { background-color: #1E8C8C; }
.resources-tpl #footer { background-color: #003D7D; }
.employment-tpl #footer { background-color: #4394DD; }
.donate-tpl #footer { background-color: #FFED00; color: #000; }
.donate-tpl #footer a {	color: #000; }
.feedback-tpl #footer { background-color: #E4067D; }
.contact-tpl #footer { background-color: #FF7F00; }

#clearfooter { width: 100%; height: 85px; clear:both; } /* to clear footer */

	#footer p { margin: 0; }
	#footerleft { padding: 10px; }
	#footerright { float: right; padding: 10px;	}
	#footer a {	color: #fff; text-decoration: none;	}
	#footer a:hover { color: #fff; }
	
	
/* News / Event / FAQ items
------------------------------------------------------------------*/

.newsitem1 h4 {
	margin-bottom: 0.15em;
}

p.date {
	font-weight: bold;
}

.faqitem h4 {
	margin-bottom: 0.25em;
}
.faqitem dd {
	color: #666;
	margin-bottom: 1em;
}
	
/* Global Formatting
------------------------------------------------------------------*/

a img { border: none; }

a {
	color: #339;
	text-decoration: underline;
}

a:hover {
	color: #339;
	text-decoration: none;
}

p { margin: 0 0 1em 0; }

ul, ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
}

	ul ul, ol ol { margin-bottom: 0; }

.hide, h1 { display: none; }

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	color: #003D7D;
	padding-bottom: 7px;
}
	
h3 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
	padding-bottom: 4px;
	color: #047391;
}

#col-right h3 {
	background: url(../images/rightcol_headbg.gif) no-repeat 0 0;
	color: #fff;
	font-size: 1.2em;
	margin-left: -10px;
	padding-left: 10px;
	line-height: 25px;
	margin-right: -5px;
}

h4 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
	color: #003D7D;
}

h4.home{
	font-size: 1em;
	margin:0;
	color: #000;
}

hr {
	border: 0;
	height: 1px;
	background: #C0DCE3;
	border-top: 1px solid #C0DCE3;
	margin-bottom: 1em;
}

.imgRight { float: right; margin: 0 0 10px 20px; }
.imgLeft { float: left;	margin: 0 20px 10px 0; }

.emailbluetext {
   color:#0505FF;
}
 

#col-centre img { border: 1px solid #ccc; padding: 2px; }
/*steve 200208 close up img margins right col #col-right img { margin: 1.5em -5px 2.5em 0; }*/
#col-right img { margin: .2em -5px .8em 0; }

.clear { clear: both; }

.more { text-align: right; line-height: 1.2em; margin-bottom: 1.5em; }

.highlighttext { color: #003D7D; font-size: 1.05em; }

#crumbs {
	padding: 15px 0 0 25px;
	margin-bottom: -15px;
}

.pdf { background: url(../../../images/pdficon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.word { background: url(../../../images/wordicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.email { background: url(../../../images/emailicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.excel { background: url(../../../images/excelicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.zip { background: url(../../../images/zipicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.powerpoint { background: url(../../../images/powerpointicon.gif) no-repeat 0 0; padding: 3px 0 10px 23px; }
.newwindow { background: url(../../../images/newwindowicon.gif) no-repeat top right; padding: 3px 15px 10px 0; }

/* padding */

#col-centre .padding, .colwrap-right .padding { padding: 30px 25px 20px 25px; }
#col-left .padding { border-bottom: 3px solid #fff; clear: both; padding: 10px 5px 10px 15px;}
#col-right .padding { padding: 40px 15px 10px 10px; min-height: 200px; height: auto !important; height: 200px; width: 180px; }
#col-right .padding.tpl { padding-top: 5px; }

#col-left .padding .centercontent{ padding:0; text-align:center;}

/* Messages */

div.message {
	width: 100%;
	position: absolute;
	color: #fff;
	padding-top: 8px;
	font: bold 10px Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	z-index: 200;
	padding: 6px 0;
	text-align: center;
	line-height: 1.4em;
}
div.message.info { background: #B7EF46;	color: #333; }
div.message.error {	background: #f66; }

p.errormsg, div.errormsg { color: #f00; font-weight: bold;}

/* Search
------------------------------------------------------------------*/

.colwrap-right .phpdig-search-form form ol li { padding: 5px 5px 0 0; }
.pages { width: 100%; height: 40px; clear: both;  }
.pages a {
	display: block;
	padding: 2px 8px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 3px;
	text-decoration: none;
}
.pages a.phpdig { font-size: 0.9em; font-weight: normal; }
.pages a:hover, .pages a.phpdig.current {
	text-decoration: none;
	background: #E3E3E3;
	color: #000;
}

.phpdigHighlight{
	background: #FDCBE8;
}
a.phpdig {
	font-size: 1.1em;
	font-weight: bold;
}


/* Home Page Specific
------------------------------------------------------------------*/

#announce td, #announce th { padding: 0; line-height: 1.2em; }
#announce th {
	width: 45px;
	font-weight: normal;
	color: #003D7D;
	padding-right: 10px;
}
#announce td { padding-bottom: 5px; }

.boxbg {
	background: #DCDADB url(../images/boxbg.jpg) no-repeat 0 0;
	border: 3px solid #fff;
	padding: 10px;
	color: #003D7D;
	float: left;
	width: 150px;
	margin: 1em 0 1em 0;
}
#col-right .boxbg img { margin: 0 10px 5px 0; }
#col-right .boxbg img.left { float: left; margin-bottom: 0; }

/* Forms
------------------------------------------------------------------*/

form { margin: 0; }
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
form fieldset {
	border: none;
}
form legend {
	padding: 0;
	margin-bottom: 1em;
	font-weight: bold;
	color: #666;
}
form label {
	line-height: 1.3em;
	float: left;
	display: inline;
}

form div.cx { /* checkbox radio */
	float: left;
	display: inline;
	margin-left: 0;
	width: 400px;
}

form li.email{
	background: none;
	padding: 5px 5px 5px 0;
}

form p {
	clear: both;
	padding: 5px 5px 5px 0;
	margin: 0.5em 0 0.5em 0;
}
form option { padding-right: 4px; }
form textarea { width: 250px; height: 250px; }
form span {
	display: inline;
	padding: 2px 0 0 20px;
	font-style: italic;
	color: #999;
	font-weight: normal;
}
form div.cx label {
    float: none;
	padding: 0;
	line-height: 1.8em;
}
form div.cr label {
    float: none;
	padding: 0;
	line-height: 1.8em;
}
form div.cx input {
	margin: 0px 3px 3px 0px;
}
form div.cr input {
	margin: 0px 3px 3px 0px;
}
form ol {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	padding: 5px 5px 5px 0;
	clear: both;
	overflow: hidden;
}
.colwrap-right form ol li { margin: 0 0 0.35em 0; padding: 0; }
form div legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form div label {
	display: block;
	width: auto;
}
form .mandat { color: #D98507; }
form .sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
form label { width: 145px; } /* Width of labels */

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

form li.form-error {
	background: #FFEBEB;
	border: 1px solid #f99;
	padding: 2px;
}
form div.form-error {
	color: #FF3232;
	font-weight: bold;
	margin-bottom: 8px;
}
form li.formbtn { text-align: right; margin: 0; padding: 0; width: 180px; }
.formbtn input { margin: 0; padding: 0; }
#col-left form label { width: 100px; }
#search-input { width: 175px; }

form#signup_subscriber_form span.standout {
font-weight:bold;
font-size:1.1em;
color:#000;
display:inline;
font-style:normal;
padding:0 0 0 5px;
}


form#signup_subscriber_form p.standout {
font-weight:bold;
font-size:1.1em;
color:#000;
font-style:normal;
padding:12px 0 0 0;
}


form.ddfm textarea {
height:150px;
width:350px;
}

.ddfmerrors, .errorlist {
color:#ff0000;
font-weight:bold;
}

form.ddfm span {
padding:0;
color:#000;
}

.fmverify {
vertical-align:top;
}

.smallertext {
font-size:1em;
color:#5F5F5F;
font-style:italic;
}





/* Tables
------------------------------------------------------------------*/

table { margin: 0 0 1em; }
table, th, td { border: none;vertical-align:top; }
th, td { padding: 3px; }


table.formatted-table {
	width: 100%;
	color: #212424;
	border-collapse: collapse;
	margin: 0 0 1em 0;
}
table.formatted-table tr, table.formatted-table th, table.formatted-table td {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table.formatted-table thead {
	background: #524123;
}
table.formatted-table tbody tr td {
	background: #F2F2F2;
}
table.formatted-table tbody tr.odd td {
	background-color: #D0EBA6;
}
table.formatted-table tbody tr td:hover, table.formatted-table tbody tr.odd td:hover {
	background: #E0EEFD;
}
table.formatted-table tbody tr th, table.formatted-table tbody tr td {
	padding: 0.1em 0.4em;
	border: 1px solid #B1CCE9;
}
table.formatted-table tbody tr th {
	background: #E0EEFD;
	color: #003D7D;
	text-transform: uppercase;
}
table.formatted-table tbody tr th:hover {
	background: #B1CCE9;
}


table.blue-table {
	border: 3px solid #0505FF;
    width:160px;
}

table.black-table {
	border: 3px solid #000;
    width:160px;
}

table.grey-table {
	border: 3px solid #6F7479;
    width:160px;
}




/* Print
------------------------------------------------------------------*/

#printoptions {
	display: none;
}

/* sIFR
------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 19px;
	display: inline;
	line-height: 30px;
}

.sIFR-hasFlash #col-centre h3 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 15px;
	line-height: 18px;
}

/* Table Status Colors */
.status-full { color: #000; }
.status-available { color: #0C0; }
.status-unconfirmed { color: #F00; }

/* Popup
------------------------------------------------------------------*/

#popup {
	margin: 2em;
	padding: 10px;
	background: #fff;
	font-size: 0.7em;
}
#popup h2 {
	font-size: 0.8em;
	display: block;
}
#popup-body { height: auto; }