/* eoq stylesheet */
/* import print specific styles. This format of importing ensures IE4 does not get them. IE4 does horrible things with a block @media */
@import "print.css";

/* hide accessibility links from visual browsers */
#access {
position: absolute;
left: -999px;
width: 990px;
}

body{
	background-color:#fff;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

/* hiding browser link */
#browserSupport, #browser{
	display:none;
	speak:none;
}
/* image banner */
#header{
	height:109px;
	margin:0;
	padding:0;
	background-image: url(../../images/headerBg.gif) repeat-y;
}
html>body #header {margin-bottom:0px;}
/* EOQ Logo */
#eoqlogo{
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	width: 572px;
	height: 109px;
	margin-left: 20px;
}
#headerLeft {float:left;}
#headerRight {float:right; }
#menuTools{height:109px;margin-left: 20px;}

/* header tools */
#tools{
	margin:9px 10px 5px 570px;
	line-height: 1.0em;
	text-align:left;
	padding-top: 10px;
	padding-left:10px;
	background:#A5B2B5;
	white-space:nowrap;
	height:90px;
}

/* Search Styling */

#search{padding: 0px;margin: 0px;}
/* Firefox Only */
html>body .searchFont {color:#fff;padding-bottom:5px;font-size:80%;}

/* IE6 Only */
* html .searchFont{color:#fff;padding-bottom:5px;font-size:100%;}

/* IE7 Only */
*:first-child+html .searchFont {color:#fff;padding-bottom:5px;font-size:100%;}

.searchFont{color:#fff;padding-bottom:5px;font-size:100%;}
input.searchinput {width: 8em;}
.goButton {background:#ccc;border:1 px solid #666;width:25px;height:21px;font-size:80%;color:#333;}

/* Head Menu Styling */
.headMenu, .headMenu a, .headMenu a:link, .headMenu a:visited {color:#fff;text-decoration:none;font-size: 120%;	font-weight:normal;}
html>body .headMenu { margin-top:-10px;}

.headMenu a:active {font-weight:bold;}
.headMenu a:hover {text-decoration:underline;}

/* font size */
#tools, .menuLayer, #content, #content p, #feature, p, td, li, {font-size: 80%;color:#333;}
html>body p{ font-size:80%;color:#333;}
html>/**/body ul,html>/**/body ol{font-size:80%}
a {font-size:100%;}

/* Menu Styling */
#nav1 {background: #900036; height:1.5em; margin:0px; height:25px}

/* Firefox Only */
html>body #nav1 a, html>body #nav1 p {padding: 3px 10px 0px 10px; margin: -17px -6px 0px -6px;font-size: 95%;color:#fff;background:#900036; height:1.2em; text-decoration:none;}
html>body #nav1 a:hover {background-color:#A4B3B6;height:1.2em;text-decoration:none;}

/* IE6 Only */
* html #nav1 a, * html #nav1 p  { background:#900036;padding: 3px 10px 0px 10px;margin: 0px -7px 0px -7px;font-size: 95%;color:#fff;text-decoration:none;}
* html #nav1 a:hover {background-color:#A4B3B6;padding:12px 10px 11px 10px;font-size: 95%;text-decoration:none;}

/* IE7 Only */
*:first-child+html #nav1 a, *:first-child+html #nav1 p { background:#900036;padding: 3px 10px 0px 10px;margin: 0px -7px 0px -7px;font-size: 95%;color:#fff;text-decoration:none;}
*:first-child+html #nav1 a:hover {background-color:#A4B3B6; height:1.5em;}

/* Sub Menu Styling */
.menuTable { width: 200px;}
.menuTable2 { margin-top: 6px; margin-left: -1px; border: 1px solid #A4B4B4;}
.menuTable2 td { background: #F5F5F5;}
.menuTable2 a:hover {background:#900036;}

/* Firefox Only */
html>body .menuTable2 a, html>body .menuTable2 a:link, html>body .menuTable2 a:active,html>body .menuTable2 a:visited {font-size:85%;text-decoration:none;}
html>body .menuTable2 a:hover {background:#900036;  color: #fff; text-decoration:none;}

/* IE6 Only */
* html .menuTable2 a,* html .menuTable2 a:link, * html .menuTable2 a:active, * html .menuTable2 a:visited {font-size:150%;text-decoration:none;}
* html .menuTable2 a:hover {background:#900036;  color: #fff; text-decoration:none;}

/* IE7 Only */
*:first-child+html .menuTable2 a, *:first-child+html .menuTable2 a:link, *:first-child+html .menuTable2 a:active, *:first-child+html .menuTable2 a:visited { font-size:160%;}
*:first-child+html .menuTable2 a:hover {background:#900036;  color: #fff; }


/* Content_home */
#content_home {	float: left; width: 60%; padding: 1% 1% 1% 1%;}
html>body #content_home { padding-top: 20px;}
*:first-child+html #content_home {margin-top:20px;}
#content_right { float: right; width: 260px; padding-top: 20px; padding-right: 20px;}
html>body #content_right { padding-top: 40px;}
/* Content */
#content {float: left;width: 50%;padding: 1% 1% 1% 1%;}


/* Bottom content on homepage */
.home_left { float: left;}

/* Right content */
.home_right { padding-left: 20px; float: right; text-align: center; margin-right: 20px;font-size:90%}
.home_right a {font-size:90%}

/* What's New */
#whatsNew ul { margin: 0px; margin-left: 20px; list-style: none; list-style-image: url(../../images/bullet.gif);}
#whatsNew li { padding-left: 8px; line-height: 15px; margin-bottom: 10px;}
#whatsNewQuickLink img { border: 1px solid #A4B3B6;}
#whatsNew ul a, #whatsNew ul a:link, #whatsNew ul a:visited, #whatsNew ul a:active {color:#333; text-decoration:none;}
#whatsNewQuickLink a, #whatsNewQuickLink a:link, #whatsNewQuickLink a:active, #whatsNewQuickLink a:visited { text-decoration:none;}
#whatsNewQuickLink a:hover { text-decoration:underline;}
#whatsNew ul a:hover { text-decoration:underline;}
.linkLabel a, .linkLabel a:active, .linkLabel a:link, .linkLabel a:visited  {text-align:right; font-size:83%; text-decoration:none; color:#900036; padding-left:255px;}
html>body .linkLabel a { font-size:85%; margin-left:70px;}
.linkLabel a:hover { text-decoration:underline;}

/* Main Quick Link */
#mainQuickLink { width: 238px; padding: 0px 1px 1px 1px; background: #A4B3B6 url(../../images/quick_links_top.gif) no-repeat top left; margin-bottom: 10px;}
#mainQuickLink img { border: 0px; border-bottom: 1px solid #A4B3B6; margin-bottom: -4px;}
.mainQLTitle { padding: 6px 14px 8px 14px; color: #FFFFFF; font-weight: bold;}
.mainQLTitle a, .mainQLTitle a:link, .mainQLTitle a:active, .mainQLTitle a:visited, .mainQLTitle a:hover { color: #FFFFFF; text-decoration: none;}
.mainQLTitle a:hover { text-decoration: underline;}
.mainQLContent { background: #FFFFFF url(../../images/quick_link_arrow.gif) no-repeat top left; padding: 3px 5px 3px 38px; font-size:80%; font-weight:normal; text-decoration:none; color:#333;}


/* Secondary Quick Link */
#secondaryQuickLinks { width: 238px; padding: 0px 1px 1px 1px; background: #A4B3B6 url(../../images/quick_links_top.gif) no-repeat top left; margin-bottom: 10px;}
.secondaryQuickLink {height: 48px; clear: both; border: 1px solid #CCCCCC; margin: 1px; margin-bottom: 4px; padding: 2px 4px 2px 4px; background:#fff;}
#secondaryQuickLinks img { border: 0px; margin-bottom: -4px; }
.secondaryQLTitle { padding: 6px 14px 8px 14px; color: #FFFFFF; font-weight: bold; font-size: 13px;}
.secondaryQLImage { float: left; border-right: 2px solid #A4B3B6;}
#secondaryQLContent { float: right; font-size: 13px; width: 153px; height: 22px; background: #FFFFFF; padding: 5px;}
#secondaryQLContent a, #secondaryQLContent a:link, #secondaryQLContent a:active, #secondaryQLContent a:visited { color:#333; font-size:90%; text-decoration:none;}
#secondaryQLContent a:hover {text-decoration: underline;}

/* footer */
#footer{clear: both;text-align: right;padding: 0 1% 0 1%;border-top: 1px solid #333;}
#footer p{margin: 0px;padding: 2px;}
#footer{font-size:90%;}
#footer a,#footer a:link, #footer a:active, #footer a:visited{font-size: 100%;color:#900037;text-decoration:none;
}
#footer a:hover {text-decoration:underline;color:#333;}
#QEC_logo {background:url(../../images/QEC_K.gif) top left no-repeat;height:100px;width:51px;float:left;margin-top:3px}

/* ********************************************** */
/* Forms Styling */
/* ********************************************** */
.formItem {width:430px;height:25px;}
.formItemLong {width:580px;}
.formItemExtraLong {width:600px;}
.label {
	float:left;
	text-align:left;
	width:150px;
	height:25px;
	line-height:2em;
	font-size:80%;
}
.labelDetails {
	float:right;
	text-align:left;		
	height:25px;
	width:280px;
	line-height:2em;
	font-size:80%;
}
.labelLong {
	float:left;
	text-align:left;
	width:350px;
	height:25px;
	line-height:2em;
	font-size:80%;
}
.labelDetailsLong {
	float:right;
	text-align:left;		
	height:25px;
	width:250px;
	line-height:2em;
	font-size:80%;
}
.labelLongTwoLines {
	float:left;
	text-align:left;
	width:350px;
	height:60px;
	line-height:2em;
	font-size:80%;
}
.labelDetailsLongTwoLines {
	float:right;
	text-align:left;		
	height:60px;
	width:250px;
	line-height:2em;
	font-size:80%;
}
.labelDetailsExtraLong {
	float:right;
	text-align:left;		
	height:25px;
	width:430px;
	line-height:2em;
	font-size:80%;
}
#dualbox {width:700px;}
.retailer {
	width:340px;
	margin-right:10px;
	float:left;	
	background:#FAFAFA;
}
.distributor {
	width:340px;
	float:right;
	background:#FAFAFA;
}
.formItemDual {
	width:340px;
	height:25px;
}
.labelDual {
	float:left;
	text-align:left;
	width:140px;
	height:25px;
	line-height:2em;
	font-size:80%;
}
.labelDetailsDual {
	float:right;	
	height:25px;
	width:180px;
	line-height:2em;
	font-size:80%;
}
#dualbox p {line-height:1.5em; padding:0px; margin::0px;}
.textlong {width:240px;}
td .formtext {font-size:80%;}
.smlbox {width:40px;}
.tablebox {clear:both;}
html>/**/body table.tablebox{font-size:0.8em}

/* END OF FORMS STYLING */

/* content headings - remember to multiply by any inherited font size to determine real size. eg the content div is styled at 80% font size so our h1 will be approx 104% (80 * 130%) */
#content h1, h1{font-size: 130%;}
#content h2, h2{font-size: 100%;}
#content h3, h3{font-size: 100%;}
#content h4, h4{font-size: 90%;}
#content h5, h5{font-size: 80%;font-weight:normal;}

/* Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}





























textarea,input{ font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:95%;}





/* News */
span.date { font-size: 12px; font-weight: bold; margin-right: 10px;}


/* correct IE 5.5 font size in tables */
table {
	font-size: 1em;
}

td.headerTable {background: #c8c8c8}


/*link colours*/
a:link{
	color: #940135;
}
a:visited{
	color: #940135;
}
a:active{
	color:#940135;
}
a:hover{
	color:#333;
}



/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* content */
#contentwide {
	float: left;
	width: 70%;
	padding: 1% 1% 1% 1%;
}
#content_with_feature {
	float: center;
	width: 70%;
	padding: 0% 0% 1% 0%;
}
#nav2 h2{
	color:#477A93; 
	width: 75%
}  
.floatLeft{	float:left;}
.floatRight{ float:right;}






/* tools - */
#tools a, #tools label{	font-size:90%;}


/* media section (inlcude audio spacer) */
.include_ia{ margin: 0px 0% 13px 0%;
			text-align: left;
			}


p.media{ font-size:80%;	color:#666666; margin:0px; margin:0px;}

/* Information For.. list (home page RHS)  Jimmy */
.infoFor_home { 
				color:#477A93;
				text-decoration: none;
				font-weight: bold;
				}

/* icons list */
#rightFeature{ padding:0%; margin: 0 0 0 0;  clear:both;}
html>body #rightFeature{ padding:0%; margin: 10% 0 6% 0; clear:both;}

#rightFeatureIcon{ margin:0px; padding: 0 3% 0 0; float:left;}
#rightFeatureIconLink{ margin:0px; padding: 0 0 0 0;}

#rightResourceIconLink{ margin:0px;
					    padding: 6% 6% 0% 3%;
						text-align: centre; }


/* New Feature boxes - Tim */
#rightFeatureBox_k{ width:175px; background: #F2EFDC URL(../../images/fBox_k_top.gif) repeat-x; font-size:85%; float: centre;  margin: 1% 3px 0 0;} 
#rightFeatureBox_b{ width:175px; background: #EAEFF5 URL(../../images/fBox_b_top.gif) repeat-x; font-size:85%; float: centre;  margin: 1% 3px 0 0;}
#rightFeatureBox_line{ width:175px; background: URL(../../images/fBox_bline_top.gif) repeat-x; font-size:85%; float: centre;  margin: 1% 3px 0 0;}
#rightFeatureBox_blank{ width:175px; font-size:85%; margin: 0 0px 0px 3%; float: centre;  margin: 1% 0px 0 0px;}


html> body #rightFeatureBox_k, #rightFeatureBox_b, #rightFeatureBox_line, #rightFeatureBox_blank {margin: 8px 5px 0 0;}
html> body #rightFeatureBox_blank {margin: 8px 5px 0 5px;}

#rightFeatureBox_k p, #rightFeatureBox_b p, #rightFeatureBox_line p{ padding:0 2px 0px 5px;} 
#rightFeatureBox_k h4, #rightFeatureBox_b h4, #rightFeatureBox_line h4  { margin: 0 0 -5px 0; padding: 9px 8px 7px 8px; text-align: center; font-weight: bold; font-size: 100%;}
html>body #rightFeatureBox_blank h4 { margin: -15px 0 0 0;} 

#newsTypeFeature{ position:absolute; 
				top:180px; right:30px; float:left; padding: 0px 0px 0 0px;
				} 
				
		
				
				
				




/* Online Services - copied from CUE v2 stylesheet and adjusted for Energy QLD implementation. Tim */

/* Single format styles */

.osbtn {
	background: url(../../images/tr.gif) #ffcc00 no-repeat right top; 
	margin: 0 0 10px 0; 
}
.osbtn_3 {
	background: url(../../images/tr_3.gif) #B2C7DA no-repeat right top; 
	margin: 0 0 10px 0; 
}


.osbtn-t {
	padding: 8px 2px 0 2px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	background: url(../../images/tl.gif) no-repeat left top; 
}
.osbtn-t_2 {
	padding: 8px 2px 0 2px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	background: url(../../images/tl_2.gif) no-repeat left top; 
}
.osbtn-t_3 {
	padding: 8px 2px 0 2px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	background: url(../../images/tl_3.gif) no-repeat left top; 
}


.osbtn-b {
	background: url(../../images/btn-br.gif) no-repeat right bottom; 
}
.osbtn-b_2 {
	background: url(../../images/btn-br_2.gif) no-repeat right bottom; 
}
.osbtn-b_3 {
	background: url(../../images/btn-br_3.gif) no-repeat right bottom; 
}


.osbtn-b div {
	background: url(../../images/btn-bl.gif) no-repeat left bottom; 
	line-height: 10px;
}
.osbtn-b_2 div {
	background: url(../../images/btn-bl_2.gif) no-repeat left bottom; 
	line-height: 10px;
}
.osbtn-b_3 div {
	background: url(../../images/btn-bl_3.gif) no-repeat left bottom; 
	line-height: 10px;
}



.oshead {
	background: url(../../images/tr.gif) no-repeat right top #E6DFC2; 
}

.oshead_2 {
	background: url(../../images/tr_2.gif) no-repeat right top #FFFFFF;
}
.oshead_3 {
	background: url(../../images/tr_3.gif) no-repeat right top #B2C7DA;
}
.oshead_4{
	background: url(../../images/tr_blank.gif) no-repeat right top #F2EFDC;
}


.osbtn-h {
	margin: -5% 0 0px 0;
	padding: 9px 8px 7px 4%; /* 25px */
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	color:#477A93;
	background: url(../../images/tl.gif) no-repeat left top; 
}

html>body .osbtn-h {
	margin: -10% 0 0px 0;
}

<!-- 15% (used above) padding used to compensate the 5% padding used on feature (aimed at inner pages)  -->
<!-- blank beige box home page "unable to resolve a complaint with your energy supllier?" -->


.osbtn-h_3 {
	margin: 0 0 -5px 0;
	padding: 9px 8px 7px 8px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	color:#477A93;
	background: url(../../images/tl_3.gif) no-repeat left top; 
}
.osbtn-h_4 {
	margin: -5% 0 3px 0;
	padding: 8px 8px 1% 1%; 
	text-align: left;
	font-size: 85%;
	color:#000000;
	background: url(../../images/tl_b.gif) no-repeat left top; 
}

html>body .osbtn-h_4 {
	margin: -23% 0 0px 0;
	padding: 10px 8px 7px 4%; 
}

.osbtn-h_2 {
	margin: -5% 0 0px 0;
	padding: 9px 8px 7px 4%;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	color:#477A93;
	background: url(../../images/tl_2.gif) no-repeat left top; 
}

html>body .osbtn-h_2 {
	margin: -10% 0 0px 0;
}



.osbody {
	padding: 0 2px 2px 5px;
	border: 1px solid #F2EFDC;
	background-color: #F2EFDC;
	border-top: none;
	font-size:85%;
}

.osbody_blank {
	padding: 0 2px 0% 3%;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	border-top: none;
	font-size:85%;
}

.osbody_2 {
	margin: 0 0 0 0;
	padding: 1% 8px 1% 12px;
	border: 1px solid #EAEFF5;
	background-color: #EAEFF5; 
	text-align: left;
	border-top: none;	
	font-size:85%;
}

html> body .osbody_2 {
	padding: 8px 8px 8px 20px;
}

.blue-bullets {  

list-style: #FF00FF;
}


	
.osbody_3 {
	padding: 0 2px 2px 5px;
	border: 1px solid #8FAAC3;
	background-color: #B2C7DA;
	border-top: none;
	font-size:85%;
}

.osbody_4 {
	margin: -30% 0 -5px 0;
	padding: 9px 8px 7px 4%; 
	border: 1px solid #F2EFDC;
	background-color: #F2EFDC;
	border-top: none;
	font-size:85%;
}


.osbody_5Blank {
	padding: 0 2px 2px 5px;
	border: 1px solid #F2EFDC;
	background-color: #F2EFDC;
	border-top: none;
	font-size:85%;
	
}

.osbody img, .osbody_3 img, .osbody_3 img { border:0px;}

.osbody ul, .osbody_3 ul, .osbody_3 ul {
	margin-top: 4px;
}

.osbody li, .osbody_3 li, .osbody_3 li {
	margin-left: -15px;
	margin-right: 3px;
	padding-top: 5px;
}

/* List format styles */

.oshead {
	background: url(tr.gif) no-repeat right top #ffffcc;
}

.osbtn-h {
	margin: 0 0 -5px 0;
	padding: 9px 8px 7px 8px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	background: url(tl.gif) no-repeat left top; 
}

.osbody {
	padding: 0 2px 2px 0;
	border: 1px solid #ffcc00;
	background-color: white;
	border-top: none;
}

.osbody ul {
	margin-top: 4px;
}

.osbody li {
	margin-left: -15px;
	margin-right: 3px;
	padding-top: 5px;
}

.more {
	margin: -9px 2px 2px 0;
	text-align: right;
}
/* end List format styles */

/* ********************************************** */
/* Agency Specific Styles - Not from the Template */
/* ********************************************** */

/* CALENDAR */
.calendarRow{}

html > body .calendarRow{ padding: 0px 5px 0px 5px;}
.calendarDayHeading{ 
	background-color: #a4b3b6; 
	color:#FFFFFF;
	width: 74px;
	height: 23px;
	margin: 2px 1px 1px 2px;
	float: left;
	padding: 3px 2px 0px 2px;
	font-weight: bold;
	FONT-SIZE: 14px;
	text-align: center;
}
html > body .calendarDayHeading{ margin: 0px 2px 0px 0px;padding: 0px 2px 0px 1px;width: 74px;}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: #FBFDF3;
	border: 1px solid #999999;
	color: #666666;
	width: 74px;
	height: 75px;
	float: left;
	font-size: 10px;
	padding: 2px;
}
.calendarDay a, .calendarDay_away a, .calendarDay_home a{font-size: 10px;}
html > body .calendarDay, .calendarDay_away, .calendarDay_home{padding: 0px 2px 0px 1px;min-height: 70px;}
.empty_calendarDay{width: 78px;height: 70px;float: left;}
html>body .calendarDay, .calendarDay_away, .calendarDay_home{width: 74px;min-height: 70px;margin: 1px ;}
.calendarEvent{padding-top: 8px;}
.linkSmall {font-size: 10px;padding: 5px;}
.linkSmall a {text-decoration: none;}
.linkSmall a:hover {text-decoration: underline;	color: #000066;}

/* **********************************************  firefox working fine
.calendarDayHeading{ 
	background-color: #E6F1BE; 
	color:#666666;
	border: 1px solid #C5DB74;	
	width: 74px;
	height: 25px;
	margin: 2px 1px 2px 1px;
	float: left;
	padding: 2px 0px 0px 2px;
	font-weight: bold;
	FONT-SIZE: 14px;
}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: #FBFDF3;
	border: 1px solid #C5DB74;
	color: #666666;
	width: 74px;
	min-height: 70px;
	margin: 1px ;
	float: left;
	FONT-SIZE: 10px;
}*/



.calendarDay_away{
	background-color: #3A7295;
}
.calendarDay_home{
	background-color: #b8ccd0;
}
.calendarDay_home td{
	padding: 0px;
}

.calendarDay_home a:link{
	color: #666666;
	text-decoration: none;
}
.calendarDay_home a:visited{
	color: #222222;
	text-decoration: none;
}
.calendarDay_home a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.calendarDay_away a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:hover{
	color: #CCCCCC;
}


#calendar_outer {
	background-color: #e4eded;
	border: 1px solid #a4b3b6;
	padding: 3px;
	width: 573px;
	}

html > body #calendar_outer {
	padding: 3px;
	}



/* CALENDAR headings */

#month_title {
	color: #FFFFFF;
	padding: 7px 0px 0px 81px;
	FONT-SIZE: 14px;
	float: left;
}

#prev_next {
	color: #FFFFFF;
	padding: 10px 10px 0px 0px;
	FONT-SIZE: 10px;
	float: right;
}

#prev_next a {
	color: #FFFFFF;
	text-decoration: none;
}

#prev_next a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#choose {
	color: #FFFFFF;
	FONT-SIZE: 14px;
	width: 100px;
	text-align: right;
}

#go {
	width: 80px;
	text-align: left;
}

#month_background {
	/*width: 100%;*/ /***************** TITLE WIDTH FIX *****************/
	width: 581px;
	height: 32px;
	background: #900036;
	margin-bottom: -15px;
}

html > body #month_background {
	margin-bottom: 4px;
}

#Calendar_Image {
	float: right;
	margin-top: 10px;
	padding: 10px;
	margin-right: -5px;
}

.sectionheader {
	background: #900036;
	font-size: 14px;
	color: #FFFFFF;
	width: 581px;
	height: 32px;
	padding: 0 0 0 8px;
}

.eventTypeRegion {
	background: #900036;
	font-size: 10px;
	color: #FFFFFF;
	width: 581px;
	height: 24px;
	padding: 0 0 0 8px;
}

.selection_forms {
	background-color: #900036;
	width: 581px;
	height: 23px;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.calendar_selections {
	FONT-SIZE: 10px;
	margin: 3px 2px 2px 2px;
}

.green_arrow {
	padding: 3px 9px 3px 9px; 
	float: right;
}




a.level1Link{
	FONT: bold 100%  Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color: #FFFFFF;	
}

a.level1Link:link{
	color: #990000;
	text-decoration: none;
}
a.level1Link:visited{
	color: #990000;
	text-decoration: none;
}
a.level1Link:active{
	color: #660000;
	text-decoration: none;
}
a.level1Link:hover{
	color: #CC0000;
	text-decoration: underline;
}

ul {
	margin-left: 25px;
}

.login{
	font-size: 80%;
}

.news_home_title{
	font-size: 70%;
	font-weight: Bold;
}

.news_home_date{
	font-size: 60%;
	color: #951616;
}

.news_home_message{
	font-size: 60%;
}

a.whiteLink{
	FONT: bold 100%  Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;	
}

a.whiteLink:link{
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLink:visited{
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLink:active{
	color: #FFFFFF;
	text-decoration: none;
}
a.whiteLink:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.calendar{
	font-size: 70%;
}

.pagetitle {  
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13pt; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none; 
	line-height: normal; 
	margin-bottom: 2px; 
	padding-bottom: 2px; 
	clip:    rect(  5px )
}

.headersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

#quickEntry {
	width: 203px;
}

#Calendar_Detail {
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

#Calendar_Detail p {
	margin: 0 0 0 0px;
	padding-bottom: 10px;
}

#facilityDisplay{ width:100%; height:500px; clear:both;}
#facilityDisplay h2{ background-color:#FDB913; font-size:12px; padding:2px 5px; line-height:1.5em;}
#SuppCol{ float:left; width:100%; margin-bottom:10px;}
html>body #SuppCol { width: 570px;}
#SuppColImg {}
#SuppColDetails { float:left; clear:top; width: 250px;}
html>body #SuppColDetails { }

#MainCol{ float:left; width:100%; margin-bottom:30px;}
img.facilityPhoto{ float:left; margin-right:10px; border:4px solid #CCCCCC;}


#MainCol h4, #SuppCol h4{ margin:2px 0px; font-size:12px;}
#SuppCol dl{ width:250px; float:left;}
#SuppCol dt{ width:65px; float:left; margin:0px; padding:0px; color:#666666;}
#SuppCol dd{ width:130px; float:left; margin:0px; padding:0px; clear:right;}

.serviceIcon{ padding-right:2px;}
p#furtherInfo{ margin:0px 0px 5px 0px; padding:10px; border:1px solid #999999;}

.gustable {border: 1px solid #A4B3B6;}
.gustdheading { background:#D9DCDD; padding:2px;} 
html>body .gustdheading { font-size:85%; color:#333; margin:2px;}
.navbuff {margin:100%!important}