/* 	style-qwa.css
	adapted for ExpressionEngine
*/

/********************
	=layout
********************/
/* position, size, bg color/image */
/*
WID	PAD	MAR	ELEMENT
			body
937				#outercontainer
17				#topshadow
920	17			innercontainer/containerhome
920					#header
						#topmenu
146	25				#leftsidecol
749					#centeroutercol
						#boilerplate
						whitecontent/contenthome
	38						#content
						rightsidebar/righthome
					clear
				#footer
*/

body { 
	background-color: #e0dec1;
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
}

#page-bg {
	width: 937px;
	margin: 5px auto;
	position: relative;
	border: solid 3px #2d4946;
	background:  #f6e7d2 url("leftcolbackground.gif") repeat-y;
}

#page-fg {
	width: 937px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	background:  url("rightcolbackground.gif") repeat-y right;
}

#masthead {
	background: url("banner.jpg") no-repeat left;
	background-color: #9b823d;
	width: 937px;
	height: 145px;
	position: relative;
	border: none;
}

#loginbox {
	font: 0.6em Verdana;
	color: #ffffff;
	width:  120px;
	padding:  4px;
	height:  145px;
	position:  absolute;
	top:  0px;
	right:  0px;
}

#bannerlink {
	font: bold 0.9em Verdana;
	color: #2d4946;
	position: absolute;
	right: 260px;
	top: 8px;
}

#bannerlink a {
	font: .9em Verdana;
	color: #2d4946;
	text-decoration: none;
	font-weight: bold;
}

#bannerlink a:hover {
	color: #57807b;
}

#page-contents{
	overflow: hidden;

}

#main-nav {
	height: 40px;
	border: none;
	background-color: #3a5955;
}

#menu {
	margin: 0px 15px;
	padding: 0px;
}

#menu li {
	float: left;
	list-style: none;
	margin-left: 0px;
	margin-top: 12px;
}
#main-nav li a {
	font: bold 0.9em Verdana;
	color: #ffffff;
	text-decoration: none;
	margin-right: 25px;
}

#main-nav li a:hover{
	color: #fde27f;
}

#leftsidecol {
	width: 150px;
	float: left;
	padding: 0px 5px 0px 8px;
}

#left-event-list {
	border: none;
	margin: 0px;
	padding:0px;
}

#left-event-list li {
	margin-left: 0px;
	margin-bottom: 10px;
	list-style: none;
}

#left-event-list li a {
	margin-right: 0px;
	font: .8em Verdana;
	text-decoration: none;
	color: #000000;
}

#left-event-list  li a:hover{
	color: #555555;
}

a.filelink {
	font: 1.2em Verdana;
	color: #2d4946;
	margin: 10px;
	text-decoration: underline;
}

a.filelink:hover {
	color: #57807b;
}

a.greenlink {
	float: right;
	font: .7em Verdana;
	color: #2d4946;
	margin: 10px;
	text-decoration: underline;
}

a.greenlink:hover {
	color: #57807b;
}

#main-content{
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

#main-content.admin {
	width: 631px;
}

#main-text{
	font: 13px Verdana;
	padding: 10px 20px 0px 20px;
	background-color: #dbcd95;
	border-bottom: solid 3px #2d4946;
}

#rightsidecol {
	width: 285px;
	float: left;
	padding: 0px 5px 0px 15px;
	list-style: none;
	font: Verdana;
}

#right-activity-list {
	margin: 0px;
	padding:0px;
}

#right-activity-list  li {
	margin: 0px;
	margin-bottom: 10px;
	list-style: none;
}

#right-activity-list  li a {
	font: .8em Verdana;
	text-decoration: none;
	color: #000000;
}

#right-activity-list  li a:hover {
	color: #555555;
}

#lower_content {
	margin: 10px 0px 0px 15px;
	overflow: hidden;
}

#lower_content h3 {
	font: 1.4em Verdana;
	margin: 8px 0px;
}

#midcol-nav1 {
	float: left; 
	width: 30%;
	height: 200px;
	position: relative;
	border: none;
	margin-right: 10px;
	list-style: none;
}

#midcol-nav2 {
	float: right; 
	width: 30%;
	height: 200px;
	position: relative;
	border: none;
	margin-right: 10px;
	list-style: none;
}

#midcol-nav1 ul {
  float: left;
  width: 12em;
  margin: 0;
  padding: 0;
  list-style: none;
}

#midcol-nav1 li, #midcol-nav2 li {
	margin-left: 0px;
	margin-top: 5px;
	list-style: none;
	float: left;
	width: 6em;
	margin: 0;
	padding: 0;
	
}

#lower_content li a:link, #lower_content li a:active, #lower_content li a:visited  {
	text-decoration: none;
	margin-right: 0;
	color: #1e5e32;
	font: bold .9em Verdana;
}

#lower_content li a:hover{
	color: #66b578;
}

#footer {
	background-color: #d3d0c2;
	text-align: center;
	font: .7em Verdana;
	padding: 10px;
	border-top: solid 1px #2d4946;
}

/********************
	=html style
********************/
a {
	color: #2d4946;
	text-decoration: none;
}

a:hover {
	color: #57807b;
}

h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin: 0;
}

h1 {
	color:  #2d4946;
	margin:  0px;
}

h2 { 
	font-size: 1em; 
	color:  #2d4946;
	margin: 10px;
	font-weight: bold;
}

#leftsidecol h2, #rightsidecol h2 {
	font-size: .8em; 
}


h3 { font-size: 12px; font-style: italic; font-weight: normal; }
h4, h5, h6 { font-size: 10px; font-style: normal; font-weight: bold; margin-bottom: 0px; }

p {
	line-height: 1.4em;
	margin: 0px 0px 1.3em 0px;
}

table {
	border: 1px solid #EA8F3E;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}
thead th, thead td {
	font-weight: bold;
	background: #EA8F3E;
	color: black;
	vertical-align: bottom;
}
th, td { 
	border: 1px solid #EA8F3E;
	padding: 3px;
	vertical-align: top;
}
th { text-align: left; padding-right: 13px; }
td { text-align: center; }
caption { font-style: italic; }
tfoot { color: #983468; font-style: italic; }


/********************
	=style
********************/
/*	home page uses #content
	L1 pages use #contentindex
	L2+ pages use #contentsecondary
*/


.clear {
	clear: both;
}



form {
	margin: 0;
	padding: 0;
}

img.newsPhoto {
	float: left;
	margin-right: 10px;
}

img#providerPhoto { 
	float: left;
	width: 170px;
	margin-right: 10px;
}

/********************
	=calendar
********************/
table.calendarBG {
	margin: 1em 0;
border: none;
width: 100%;
}
.calendarHeader th {
	font-size: 16px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-color: #a14e21;
	text-align: center;
	height: .8em;
}
.calendarHeader a {
	color: #585c55;
	text-decoration: none;
}

/* style S M T W TH F S */
table td.calendarDayHeading { 
	background: #cf8157;
color: white;
	font-weight: bold;
	height: .3em;
text-align: center;
}

/* style the date cells */
.calendarBG td {
	border-color: #a14e21;
	color: #a14e21; 
	font-size: 14px;
	height: 4em;
	text-align: right; 
	vertical-align: top;
	width: 14%;
}
td.calendarBlank { 
	background-color: #f8e6be; 
	font-weight: normal; 
}
td.calendarCell { 
	font-style: normal; 
	font-weight: bold; 
}
td.calendarToday { 
	font-weight: bold; 
	color: #a14e21; 
	background-color: #e9ae4a; 
}

/* style the events */
td.calendarBlank div, td.calendarCell div, td.calendarToday div {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 6px;
}
td.calendarBlank a, td.calendarCell a, td.calendarToday a {
	color: black;
}



/********************
	=table listing
********************/
table.listing { 
	border: none;
	border-collapse: collapse;
	empty-cells: show;
}
table.listing td, table.listing th {
	border: none;
	font-weight: normal;
	text-align: left; 
	padding-right: 20px; 
}
table.listing thead td { 
	background-color: transparent; 
	border-bottom: 1px solid #a14e21;
	font-weight: bold;
}
table.listing caption { margin-bottom: 6px; }


/********************
	=listings
********************/
ul.listing { 
	list-style-type: none; 
	margin-left: 0; 
	padding-left: 0;
}
.listing li { margin-bottom: 12px; }

ul#eventList a { text-decoration: none; }
.eventDate { 
	float: left;
	font-weight: bold;
	width: 8em;
}
.eventTitle {
}

/********************
	=forms
********************/
input {
	background-color: #F0EBDB;
	font-weight: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border:  #39571e solid 1px;
}

.hideFromSight {
	/* hidden from browser, but visible to screen readers */
	position: absolute;
	left: -10000px;
	top: auto;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
span.fieldRequired { color: red; }
div.formHelp { display: none; }

div.stringWidget { margin: 2px; position: relative; overflow: hidden; }
div.stringWidget label { float: left; padding-top: .5em; text-align: right; width: 120px; }
div.stringWidget input { margin-left: 10px; }
div.stringWidget select { margin-left: 10px; }

div.textAreaWidget { margin: 2px; position: relative; }
div.textAreaWidget label { position: absolute; padding-top: .5em; text-align: right; width: 120px; }
div.textAreaWidget textarea { 
	font-size: 12px;
	padding: 2px;
	background-color: #F0EBDB;
	font-weight: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 130px;
}

div.booleanWidget { margin: 2px 2px 2px 100px; position: relative; }
div.booleanWidget input { width: auto; float: left;  }
div.booleanWidget label { font-weight: bold; line-height: 2em; margin-left: 0.5em; }

div#fieldname-classDate { margin-left: 20px; }
div#fieldname-classDate input { }
div#fieldname-classDate label { width: 70px; margin: 0 0 6px 00px; float: left; }
div#fieldname-classDate span.eventTitle { display: block; padding-top: 4px; margin: 2px 0 16px 90px; }

div.selectionWidget { padding-top: 12px; margin: 2px 2px 6px 110px; }
div.selectionWidget div.formHelp { display: block; clear: both; padding-bottom: 3px; }
div.selectionWidget input { font-weight: bold; float: left; width: auto; }
div.selectionWidget label { font-weight: bold; float: left; width: auto; margin-right: 2em; }
div.selectionWidget br { display: none; }

.oneRow #fieldname-city { float: left; }
.oneRow #fieldname-state { float: left; }
.oneRow #fieldname-postalcode { float: left; }
.oneRow #fieldname-state label { width: 40px; }
.oneRow #fieldname-state input { margin-left: 10px; }
.oneRow #fieldname-postalcode label { width: 25px; }
.oneRow #fieldname-postalcode input { margin-left: 10px; }

div.oneRow { clear: both; overflow: hidden; }

div.formControls { clear: both; }
div.formControls input { margin: 10px; }
div.formControls input { padding: 2px 5px; }
div.formControls { margin-left: 100px; }
input.searchsubmit { background: none; }
.formControls input { background: none; }

form table { border: none; }
form thead th, form thead td { background: transparent; color: #585c55; }
form th, form td { 
	border: 0px solid #eaaf4b; 
	padding: 10px 0 0 0;
}

form tbody th, form tbody td { border-width: 1px 0 0 0; vertical-align: middle; }
form tbody tr:first-child th, form tbody tr:first-child td { border: 0px solid #eaaf4b; }

form th.stringField { text-align: left; }
form th.selectField { text-align: center; }
form th.booleanField { text-align: left; }
form th.dateField { text-align: left; }

form table input { margin-right: 6px; }

form td.oneRow { width: 180px; }
form td.oneRow input { float: left; width: auto; }
form td.oneRow select { float: left; margin-right: 3px; width: auto; }

form table .booleanWidget { white-space: nowrap; margin: 2px; }
form table .booleanWidget input { margin: 0; }
form table .booleanWidget label { margin: 0; white-space: nowrap; line-height: 15px; }

form table selectionWidget {}



/********************
	=colors
********************/
/*
	f8e6be	tan			pageBG
	ffffff	white		contentBG
	EAAF4B	orange		topBG
	a14e21	brown		left col BG, submenu link
	E8DAC2	tan2		right col BG
	
	39571E	dkGreen		h1
	2a4513	dkGreen2	h2 on l1, l2 pages.


	585c55	gray		body text
						h2, headlineText
	868380	gray		footer text
	575552	dkGray		footer text hover
	698b4a	ltGreen		submenu you are here
	cf8157	ltBrown		submenu hover
	FCE0B2	ltBrown2	topmenu hover
	f2cd8f	ltBrown		quote text
	e9ae4a	dkOrange	quote source
*/