body  {
	font-size : 100%;
	font-family : verdana, arial, helvetica, sans-serif;
	text-align : center;
	background-color: #F3F0ED;
}

#frame  {
	width: 970px;
	/* width: 800px; /*the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	background-color: #ffffff;
}

#mainContent {
	margin: 0 1.5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

H3  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14;
	font-weight : bold;
}

a:link  {
	font-family : Arial, Helvetica, sans-serif;
}

a:visited {
	color: #999999;
}

a:hover  {
	text-decoration : Underline;
}

a:active {
	color:#cc0099;
}

visited:hover{
	text-decoration : Underline;
}

input, select, textarea  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
}

.title  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 18px;
	color : #000000;
}

.subtitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 13px;
	color : #000000;
}
#copy  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	background-color: #FFFFFF;
}
#copy p {
	margin-left: 3em;
}


.copybold  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color : #333333;
}

.tiny  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 10px;
	color : #000000;
}

.cal  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-top : 3px;
	text-decoration : none;
	color : #000000;
	vertical-align : top;
}

.agencyname  {
	color : White;
	font : italic 16px Arial Black;
	font-family : "Arial Black";
	font-size : 15;
	text-align : left;
}

a.body:link  {
	color : #3333FF;
}

a.body:visited  {
	color : #3333FF;
}

a.body:hover  {
	color : #FF9900;
}

a.body:active {
	color:#cc0099;
}

visited.body:hover{
	color : #FF9900;
}


.columntitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #000000;
	background : #FFCC00;
	border : thick solid #FFCC00;
	padding-top : 0;
	padding-right : 3px;
	padding-left : 6px;
	margin-top : 2px;
	margin-left : 6px;
	margin-right : 6px;
	padding-bottom : 0;
}

.rtcolumn  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 11px;
	color : #000000;
	border : thick solid #FFCC00;
	padding-top : 2px;
	padding-right : 3px;
	padding-left : 6px;
	margin-left : 6px;
	margin-right : 6px;
	padding-bottom : 2px;
}

a.rtcolumn_date  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #660066;
}

.rtcolumn_bold  {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	color : #000000;
	white-space : normal;
}

.textnav  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 9px;
	color : #333333;
	background-color : #DDDDDD;
}

a.textnav:link  {
	color : #666699;
}

a.textnav:visited  {
	color : #333366;
}

a.textnav:hover  {
	color : #FF9900;
}

.footer  {
	font-family : verdana, helvetica, arial, sans-serif;
	color : #888888;
	font-size : 9px;
	margin-top : 3px;
	text-decoration : none;
}

a.footlink:link  {
	color : #888888;
}

a.footlink:visited  {
	color : #888888;
}

a.footlink:hover  {
	color : #FF9900;
}

.navmenu  {
	font-family : verdana, helvetica, arial, sans-serif;
	color : #009933;
	font-weight : bold;
	border : FFFFFF;
	border-top-width : 0px;
	border-right-width : 0px;
	border-bottom-width : 0px;
	border-left-width : 0px;
	font-size : 12px;
}

a.navmenu:link  {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	text-decoration : none;
}

a.navmenu:visited  {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	text-decoration : none;
	color : #C0C0C0;
}

a.navmenu:hover  {
	background : Yellow;
}

a.navmenu:active  {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	text-decoration : none;
}

a.sidenavmenu:link  {
	padding : 5px;
	border : 2px solid black;
	background : #3399ff;
	color : #009933;
	font : bold 12px verdana, helvetica, arial, sans-serif;
}

a.sidenavmenu:visited  {
	padding : 5px;
	border : 2px solid black;
	background : #AAA;
	color : #444;
	font : bold 12px sans-serif;
}

a.sidenavmenu:hover  {
	background : #FFCC00;
	color : #ff6600;
	border-color : #000099;
}

.yellowmenu  {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #FFCC00;
	font-weight : bold;
}

a.yellowmenu:active  {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #FFCC00;
	font-weight : bold;
}

a.yellowmenu:link  {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #FFCC00;
	font-weight : bold;
}

a.yellowmenu:visited  {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #FBAA29;
}

a.yellowmenu:hover  {
	font-family : Arial, Helvetica, sans-serif;
	color : White;
	font-weight : bold;
}

.layermenu  {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	margin-top : 5px;
	background-color : FFFFFF;
	cursor : pointer;
	text-decoration : none;
}

a.layermenu:link  {
	text-decoration : none;
}

a.layermenu:visited  {
	text-decoration : none;
}

a.layermenu:hover  {
	font-family : verdana, helvetica, arial, sans-serif;
	font-size : 12px;
	margin-top : 5px;
	background : Yellow;
}

#mytable  {
	width : 300px;
	padding : 5px;
	margin : 5px;
	border-style : solid;
	border-width : thin;
	border-color : #808080;
	font-family : sans-serif;
	font-size : 11px;
}

caption.mytable  {
	padding : 0 0 5px 0;
	width : 500px;
	text-align : right;
	font-family : sans-serif;
	font-style : italic;
	font-size : 10px;
}

th.mytable  {
	font-family : sans-serif;
	font-style : bold;
	font-size : 11px;
	color : #FFCC00;
	border-right : 1px solid #C1DAD7;
	border-bottom : 1px solid #C1DAD7;
	border-top : 1px solid #C1DAD7;
	letter-spacing : 2px;
	text-transform : uppercase;
	text-align : left;
	padding : 6px 6px 6px 12px;
	background : #009933;
}

th.mytable.nobg  {
	border-top : 0;
	border-left : 0;
	border-right : 1px solid #C1DAD7;
	background : none;
}

td.mytable  {
	border-right : 1px solid #C1DAD7;
	border-bottom : 1px solid #C1DAD7;
	background : #fff;
	padding : 6px 6px 6px 12px;
	color : #000099;
}

td.mytable.alt  {
	background : #009933;
	color : #FFFFFF;
}

th.mytable.spec  {
	border-left : 1px solid #C1DAD7;
	border-top : 0;
	background : #ffffff;
	font : bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color : #000099;
}

th.mytable.specalt  {
	border-left : 1px solid #C1DAD7;
	border-top : 0;
	background : #f5fafa;
	font : bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color : #888888;
}

a.dlink:active  {
	text-decoration : none;
}

a.dlink:link  {
	text-decoration : none;
}

a.dlink:visited  {
	text-decoration : none;
}

a.dlink:hover  {
	text-decoration : underline;
	color : #0000FF;
}

.newsslug  {
	background : 000099;
	color : FFCC00;
	font-family : arial;
	font-weight : bold;
	padding-left : 6px;
	margin-top : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-right : 6px;
}

.syndication-content-area  {
	font-family : sans-serif;
}

.syndication-title  {
	font-size : 1em;
	font-family : sans-serif;
	padding-top : 8px;
}

.syndication-description  {
	font-size : 1em;
	margin : 0 0 00;
	font-family : sans-serif;
}

.syndication-list  {
	font-size : 1em;
	margin : 0 0 0 0px;
	font-family : sans-serif;
}

.syndication-list-item  {
	margin : 8px 0 8px 0;
	font-family : sans-serif;
	padding-top : 8px;
}

.syndication-list-item a,
.syndication-list-item a:link  {
	color : blue;
	font-family : sans-serif;
}

.syndication-list-item a:active,
.syndication-list-item a:hover  {
	color : red;
	font-family : sans-serif;
}

.syndication-list-item a:visited  {
	color : black;
	text-decoration : none;
	font-family : sans-serif;
}

.syndication-list-item-date  {
	color : grey;
	font-size : .9em;
	font-family : sans-serif;
}

.syndication-list-item-description  {
	font-size : 1em;
	font-family : sans-serif;
}


.srcat  {
	FONT-SIZE : 10pt;
	COLOR : #ffffff;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : #660099;
}

.srsubcat  {
	FONT-SIZE : 10pt;
	COLOR : #ffffff;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : #3399ff;
}

.srpagenumber  {
	FONT-SIZE : 10pt;
	COLOR : #3399ff;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : white;
}

.srdoctitle  {
	FONT-WEIGHT : bolder;
	FONT-SIZE : 10pt;
	COLOR : white;
	BACKGROUND-COLOR : #000099;
}

.srdocbody  {
	FONT-SIZE : 10pt;
	COLOR : #000099;
	BACKGROUND-COLOR : #ffffff;
}

.srsep  {
	FONT-SIZE : 4pt;
	BACKGROUND-COLOR : white;
}

.srsepcat  {
	FONT-SIZE : 4pt;
	BACKGROUND-COLOR : #660099;
}

.sptitle  {
	FONT-SIZE : 10pt;
	COLOR : #ffffff;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : #660099;
}

.spbody  {
	FONT-SIZE : 10pt;
	COLOR : #000000;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : #ffffff;
}

.docmenu  {
	FONT-SIZE : 10pt;
	COLOR : #660099;
	FONT-FAMILY : Verdana, Arial, Helvetica;
	BACKGROUND-COLOR : #FFCC00;
}

.srdocinfo  {
	FONT-SIZE : 9pt;
	COLOR : #333366;
	BACKGROUND-COLOR : #ffffff;
}

.srdocinfo A:link  {
	FONT-SIZE : 9pt;
	COLOR : #336699;
	BACKGROUND-COLOR : #ffffff;
}

.srdocinfo A:visited  {
	FONT-SIZE : 9pt;
	COLOR : #336699;
	BACKGROUND-COLOR : #ffffff;
}

.srdocbody A:link  {
	COLOR : #336699;
	BACKGROUND-COLOR : #ffffff;
}

.srdocbody A:visited  {
	COLOR : #336699;
	BACKGROUND-COLOR : #ffffff;
}
#footer {
	padding : 8px 0 4px 19px;
	font-size : 65%;
	font-family : verdana, arial, helvetica, sans-serif;
}

#footer p {
	margin-top : 5px;
	margin-bottom : 0px;
}
#frame p {
	margin: 1em;
}

#header {
	background-color: #660099;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#panel-right {
	margin: 0px;
	padding: 0px;
	float: right;
}
#panel-left {
	float: left;
	margin: 0px;
	padding: 0px;
}

#volunteerform   {
	float: right;
	font-size: .9em;
}

#volunteerform div.row {
	clear: both;
	padding-top: .25em;
  }
#volunteerform div.row span.label {
	float: left;
	width: 45%;
	text-align: right;
  }
#volunteerform div.row span.bbasp_contactform {
	float: right;
	width: 45%;
	text-align: left;
  }