/**** General ****/
body {background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: black; }
P { text-align: justify; font-size: x-small}
P.center { text-align: center; font-size: x-small}
P.right { text-align: right; font-size: x-small}

/**** Anchors ****/
A.head {text-decoration: underline; color: #000000}
A.menu {text-decoration: none; color: #FFFFFF}
A.submenu {text-decoration: none; color: #000000; font-weight: bold; font-size: xx-small}
A.foot {text-decoration: underline; color: #000000}

/**** Headings ****/
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; text-align: center }
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; text-align: center }
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; }
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; }
h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: bold; }

UL {display: list-item}
UL.Small {font-size: xx-small; display: inline; text-align: left}
OL {display: list-item}

td {text-align: justify; vertical-align: top; font-weight: none; font-size: x-small}
td.middle {text-align: justify; vertical-align: middle; font-weight: none; font-size: x-small}

/**** Header ****/
table.head {background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; border-width: thin; width: 980}
td.head {text-align: right; vertical-align: bottom; font-weight: bold; font-size: xx-small}

/**** Menu ****/
table.menu {background-color: #FFFFFF; border-color: #000000; border-style: solid; border-width: thin; width: 980}
td.menu {background-color: #008800; text-align: center; vertical-align: bottom; font-weight: bold; font-size: x-small; width: 20%}

table.main {background-color: #FFFFFF; border-color: #000000; border-style: solid; border-width: thin; width: 980; height: 540}
td.main {background: #FFFFFF; width=840; height=540; text-align: justify; vertical-align: top}
td.submenu {background: #FFFF99; width=140; height=540; text-align: center; vertical-align: top}
td.summary {background: #CCCCFF; width=25%; height=500; text-align: justify; vertical-align: top; border-left: 1 solid #000000}

/**** Footer ****/
table.foot {background-color: #FFFFFF; border-color: #CCCCCC; border-style: none; width: 980}
td.foot {text-align: center; font-weight: bold; font-size: xx-small}

/**** Box with colored title and thin border ****/
table.bluebox {background: #3300cc;  border-bottom: 1 solid #3300cc; width: 100%; height=180}
td.blueboxtitle {color: white; font-size: xx-small; font-weight:bold; background: #3300cc; padding: 3px 5px 3px 5px;}
td.bluebox {text-align: left; vertical-align: top; font-size: xx-small; border-left: 1 solid #3300cc;  border-right: 1 solid #3300cc; background: #ffffff;}

/**** Box with colored title and thin border ****/
table.redbox {background: #cc0000;  border-bottom: 1 solid #cc0000; width: 100%; height=180}
td.redboxtitle {color: white; font-size: xx-small; font-weight:bold; background: #cc0000; padding: 3px 5px 3px 5px;}
td.redbox {text-align: left; vertical-align: top; font-size: xx-small; border-left: 1 solid #cc0000;  border-right: 1 solid #cc0000; background: #ffffff;}

/**** Activity Calander ****/
table.activity {background: #FFFFFF; border-color: #008800; border-style: solid; border-width: thin}
td.actheadA1 {background: #CCFFCC; text-align: center; vertical-align: middle; font-weight:bold}
td.actheadA2 {background: #FFFFCC; text-align: center; vertical-align: middle; font-weight:bold}
td.actheadB {background: #99FF66; text-align: center; vertical-align: bottom; font-weight:bold}
td.actdetail1 {background: #CCFFCC; text-align: left; vertical-align: middle}
td.actdetail1Ct {background: #CCFFCC; text-align: center; vertical-align: middle}
td.actdetail1Rt {background: #CCFFCC; text-align: Right; vertical-align: middle}
td.actdetail2 {background: #FFFFCC; text-align: left; vertical-align: middle}
td.actdetail2Ct {background: #FFFFCC; text-align: left; vertical-align: middle}

/**** News ****/
table.news {background-color: #FFFFFF; border-color: #CCCCFF; border-style: solid; border-width: thin; width=95%}
td.newshead1 {background: #CCCCFF; text-align: justify; vertical-align: bottom; font-weight:bold; border-color: #CCCCFF; border-style: solid; border-width: thin}
td.newshead2 {background: #CCEEFF; text-align: center; vertical-align: bottom; font-weight:bold; border-color: #CCEEFF; border-style: solid; border-width: thin}
td.newsdetail {background: #FFFFFF; text-align: justify; vertical-align: top}
td.newsdetailCt {background: #FFFFFF; text-align: center; vertical-align: top}
td.newsdetailRt {background: #FFFFFF; text-align: Right; vertical-align: top}

/**** Locations ****/
table.locations {background-color: #FFFFFF; border-color: #CCCCFF; border-style: solid; border-width: thin}
td.lochead1 {background: #CCCCFF; text-align: center; vertical-align: middle; font-weight:bold; border-color: #CCCCFF; border-style: solid; border-width: thin}
td.lochead2 {background: #CCEEFF; text-align: center; vertical-align: bottom; font-weight:bold; border-color: #CCEEFF; border-style: solid; border-width: thin}
td.locdetail {background: #FFFFFF; text-align: justify; vertical-align: top}
td.locdetailCt {background: #FFFFFF; text-align: center; vertical-align: top}
td.locdetailRt {background: #FFFFFF; text-align: Right; vertical-align: top}







table.menu_aboutus {background-color: #444444; border-color: #444444; border-style: solid; width: 980}
td.menu_aboutus {border-style: none; text-align: center; font-weight: bold; background-color: #444444; border-color: #444444}

table.menu_activities {background-color: #FFE000; border-color: #FFE000; border-style: solid; width: 980}
td.menu_activities {border-style: none; text-align: center; font-weight: bold; background-color: #FFE000; border-color: #FFE000}

table.menu_resource {background-color: #008800; border-color: #008800; border-style: solid; width: 980}
td.menu_resource {border-style: none; text-align: center; font-weight: bold; background-color: #008800; border-color: #008800}

table.menu_community {background-color: #33CC00; border-color: #33CC00; border-style: solid; width: 980}
td.menu_community {border-style: none; text-align: center; font-weight: bold; background-color: #33CC00; border-color: #33CC00}

/**** Container ****/
table.container {background-color: #FFFFFF; border-color: #CCCCCC; border-style: none; width: 980; height: 400}
td.container {background-color: #FFFFFF; border-color: #FFFFFF; border-style: solid; text-align: justify; vertical-align: top}

table.container_aboutus {background-color: #444444; border-color: #444444; border-style: solid; width: 980; height: 400}
td.container_aboutus {background-color: #FFFFFF; border-color: #444444; border-style: solid; text-align: justify; vertical-align: top}

table.container_activities {background-color: #FFE000; border-color: #FFE000; border-style: none; width: 980; height: 400}
td.container_activities {background-color: #FFFFFF; border-color: #FFE000; border-style: solid; vertical-align: top}

table.container_resource {background-color: #008800; border-color: #008800; border-style: none; width: 980; height: 400}
td.container_resource {background-color: #FFFFFF; border-color: #008800; border-style: solid; text-align: justify; vertical-align: top}

table.container_community {background-color: #33CC00; border-color: #33CC00; border-style: none; width: 980; height: 400}
td.container_community {background-color: #FFFFFF; border-color: #33CC00; border-style: solid; text-align: justify; vertical-align: top}
