/***** stylesheet for CommunitySolutionsProject.org *****/
/*
Main colors:
Dark Blue: #163351
Green: #6BBD46
Light Blue: #567EB9 
*/


/****************************************
 Firefox scrollbar display (force vert. scrollbar)

	html,body {min-height:100.1%}

 >> FF shifts page display when there is a scrollbar needed,
	so going from a short page (no scrollbar) to a longer page (w/ scrollbar)
	shifts entire page layout to accomodate scrollbar. 
	min-height of 100.1% forces scrollbar and eliminates shifting.
 >> Looks like only html is needed <<
***************************************/

html {min-height:100.1%}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/***** global hyperlinks *****/
a:link { color: #567EB9  ; text-decoration: none ; }
a:active { color: #AE0000  ; text-decoration: underline ; }
a:visited { color: #567EB9  ; text-decoration: none ; }
a:hover { color: #AE0000 ; text-decoration: underline ; }

/*
a:link, a:visited { color: #163351  ; background-color: #567EB9 ; text-decoration: none ; }
a:active, a:hover { color: #AE0000  ; text-decoration: underline ; }
*/


p { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
th { font-family: Times, Palatino, serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #163351; 
}
td { font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}
h1 { font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	font-weight: bold; 
	color: #163351; 
	font-style: oblique; 
	margin-top: 10px ; 
	margin-right: 0px ; 
	margin-bottom: 7px ; 
	margin-left: 20px ; 
}
h2 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #6BBD46; 
	font-style: normal; 
	text-align: left ; 
	margin-top: 5px ; 
	margin-right: 0px ; 
	margin-bottom: 5px ; 
	margin-left: 18px ; 
	padding-top: 1px ; 
	padding-bottom: 2px ; 
	border-top-style: none ; 
	border-right-style: none ; 
	border-bottom-style: solid ; 
	border-left-style: none ; 
	border-width: 1px ; 
	border-color: #6BBD46; 
	}
h3 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #567EB9; 
	color: #6BBD46; 
	color: #163351; 
	font-style: normal; 
	text-align: left ; 
	margin-top: 5px ; 
	margin-right: 0px ; 
	margin-bottom: 0px ; 
	margin-left: 20px ; 
}
h4 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	font-style: normal; 
	text-align: left ; 
	margin-top: 5px ; 
	margin-right: 0px ; 
	margin-bottom: 0px ; 
	margin-left: 20px ; 
}

.dkblue { color: #163351 ; }
.green { color: #6BBD46 ; }
.ltblue { color: #567EB9 ; }



ol { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #363636; 
	margin-top: 1px ; 
	margin-right: 25px ; 
	margin-bottom: 10px ; 
	margin-left: 25px ; 
	padding-top: -5px ; 
	padding-right: 1px ; 
	padding-bottom: 1px ; 
	padding-left: 25px ; 
}
ul { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #363636; 
	margin-top: 1px ; 
	margin-right: 25px ; 
	margin-bottom: 10px ; 
	margin-left: 25px ; 
	padding-top: -5px ; 
	padding-right: 1px ; 
	padding-bottom: 1px ; 
	padding-left: 25px ; 
}
ul.tight { 
	margin-top: 1px ; 
	margin-right: 25px ; 
	margin-bottom: 10px ; 
	margin-left: 10px ; 
	padding-top: 1px ; 
	padding-right: 1px ; 
	padding-bottom: 1px ; 
	padding-left: 25px ; 
}

blockquote { font-family: Times, serif ; 
	font-size: 13px  ; 
	font-style: normal  ; 
	font-weight: normal ; 
	color: #589F39 ;
	margin-left: 60px  ; 
	margin-right: 75px  ; 
	margin-top: 3px  ; 
	margin-bottom: 15px  ; 
}



.list { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #363636; 
	margin-top: -80px; 
	margin-bottom: -10px; 
}
.heading1 { font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #000000; 
	font-style: normal; 
	text-align: left ; 
	margin-top: 12px ; 
	margin-bottom: 20px ; 
	letter-spacing: +3 ; 
}
.subhead1 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	font-style: normal; 
	text-align: left ; 
	margin-left: 20 ; 
	margin-top: 10px ; 
	margin-bottom: 7px ; 
}



/***** body styles *****/
.bodytext { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 13px  ; 
	font-style: normal  ; 
	font-weight: normal ; 
	color: #373737  ; 
	margin-left: 20px  ; 
	margin-right: 25px  ; 
	margin-top: 3px  ; 
	margin-bottom: 15px  ; 
}

.tiny { color: #000000 ; 
	font-family: Arial, Helvetica, sans-serif  ; 
	font-size: 9  ; 
	font-weight: normal  ; 
	font-style: normal  ; 
	text-align: right ;
}

.small { color: #000000; font-family: Arial, Helvetica, sans-serif ; font-size: 12 ; font-weight: normal ; font-style: normal ; }

.smallserif { vertical-align: top ; color: #000000; font-family: Times, serif ; font-size: 13 ; font-weight: normal ; font-style: normal ; }

.smallgreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; font-style: normal ; font-weight: normal; color: #009933 ; }
.smallblue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ; font-style: normal ; font-weight: normal; color: #003399 ; vertical-align: middle ; line-height: 18px; }
.smallcenter { text-align: center ; color: #000000; font-family: Arial, Helvetica, sans-serif ; font-size: 12 ; font-weight: normal ; font-style: normal ; }

.margin_tight { margin-top: -1px; margin-bottom: -10px;  }

.mission { font-family: Times, "Times New Roman", Palatino, serif; 
	font-size: 14px ; 
	font-style: normal ; 
	font-weight: normal ; 
	text-align: left ;
	color: #6BBD46 ; 
	color: #567EB9 ; 
	margin-top: 35px ; 
	margin-right: -5px ; 
	margin-bottom: 0px ; 
	margin-left: 100px ; 
	letter-spacing: 0 ; 
}

.newstitle { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px ; 
	font-weight: normal ; 
	text-align: center ;
	color: #567EB9 ;  /* light blue */
	color: #6BBD46 ;  /* green */
	color: #163351 ;  /* dark blue */
	margin-top: 12px ; 
	margin-right: 3px ; 
	margin-bottom: 0px ; 
	margin-left: 1px ; 
	letter-spacing: 0 ; 
}
li.news { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	font-style: normal ; 
	font-weight: normal ; 
	list-style-type: square ;
	color: #163351 ;  /* dark blue */
	margin-top: 8px ; 
	margin-right: 1px ; 
	margin-bottom: 10px ; 
	margin-left: -15px ; 
}


/*** LINKS ***/

/***** main nav bar *****/
/*
link = "normal" state (not selected)
active = appearance when clicked
visited = visited links
hover = mouse roll-over
-- order of styles makes a difference in IE5. 
-- EX: placing hover before visited prevents hover from working 
*/

.nav { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none ; 
}
a.nav { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	vertical-align: bottom ; 
}
a.nav:link, a.nav:visited  { 
	color: #FFFFFF; 
	text-decoration: none ; 
}
a.nav:active, a.nav:hover  { 
	color: #FFFFFF; 
	text-decoration: underline ; 
}
.currentpage { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FEEA67; 
	color: #FFFF33; 
}
a.currentpage:link, a.currentpage:visited  { 
	color: #FFFF33; 
	color: #FEEA67; 
	text-decoration: none ; 
}
a.currentpage:active, a.currentpage:hover  { 
	color: #FFFF33; 
	color: #FEEA67; 
	text-decoration: underline ; 
}


/***** section links *****/
a.sectionlink:link { color: #CA5735 ; text-decoration: none ; }
a.sectionlink:active { color: #CA5735 ; text-decoration: underline ; }
a.sectionlink:visited { color: #CA5735 ; text-decoration: none ; }
a.sectionlink:hover { color: #CA5735 ; text-decoration: underline ; }


/**** sub-menu nav bar *****/
.submenutitle { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 20px ;
	font-weight: normal; 
	color: #FFFFFF ; 
	background-color: #163351 ; 
	text-align: center ; 
	vertical-align: middle ; 
}
td.sub { font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: left ; 
	vertical-align: middle ; 
	background-color: #EEEFFF ; 
	padding-left: 20px ;
}
a.submenu { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 19px ;
	color: #567EB9; 
	text-decoration: none ; 
	vertical-align: middle ; 
}
a.submenu:link, a.submenu:visited { 
	color: #567EB9; 
	text-decoration: none ; 
}
a.submenu:active, a.submenu:hover  { 
	color: #CA5735; 
	text-decoration: underline ; 
}

/***** sub-menu2 style (sub-sub-menu) *****/
td.sub2 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: left ; 
	vertical-align: middle ; 
	padding-left: 20px ;
}
a.submenu2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: none ; 
	vertical-align: middle ; 
}
a.submenu2:link, a.submenu2:visited { 
	color: #567EB9; 
	text-decoration: none ; 
}
a.submenu2:active, a.submenu2:hover  { 
	color: #CA5735; 
	text-decoration: underline ; 
}



/***** footer styles *****/
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; }

a.footer:link { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: none}

a.footer:active { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: underline ;}

a.footer:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: none}

a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: underline ;}

.copyright { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-align: right ; }