/* Basic Style Sheet */

/*** GENERAL ****/
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: black; }

/**** Home page attributes ****/
table.homepage {background-image: url("\images\homepage-bg.jpg"); background-repeat: no-repeat; background-position: top; }
img.homepage1 {position:absolute; left: 80px; top: 180px;}
img.homepage2 {position:absolute; left: 200px; top: 260px;}
img.homepage3 {position:absolute; left: 100px; top: 380px;}
img.homepage4 {position:absolute; left: 200px; top: 480px;}
div.homepage-news {padding-left: 20px; text-align: left; }
div.news-heading {color: #3333cc; font-family: Helvetica,Arial,Verdana; font-size: x-small; font-weight:bold; }

td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: black;}
ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: black; }
.center {text-align: center;}
.bold {font-weight: bold;}  
.underline {text-decoration : underline;}			

/**** Lists ****/
ul.benefits {list-style-image: url("\images\bullet-green.gif"); list-style-position:outside; }
li.benefits {margin-left: -20px; padding: 0px 15px 20px 0px;}

/**** LINKS ****/
a { color: blue; text-decoration : none;}
a:hover {text-decoration: underline;color: red;}

a.plain { color: black; text-decoration: none;}
a:hover.plain { color: black; text-decoration: none;}

a.navbar { color: #006600; font-size: 12px; text-decoration: none; border: 0px solid #000000; padding-top:3px; padding-left: 4px; padding-right: 4px; padding-bottom: 2px; margin: 2px 3px 2px 3px; width: 140; text-align : left; }
a:link.navbar { color: #006600; }
a:visited.navbar { color: #006600; }
a:hover.navbar { color: black; text-decoration: none; background-color: #cccccc; }

a.inactivenavbar {color: black; font-size: 12px; text-decoration: none; border: 0px solid #cccccc; background: #cccccc; padding-top:3px; padding-left: 4px; padding-right: 4px; padding-bottom: 2px; margin: 2px 3px 2px 3px; width: 140; text-align : left; }
a:link.inactivenavbar { color: black;}
a:visited.inactivenavbar {color: black;}
a:hover.inactivenavbar {color: black; text-decoration: none; }

a.inactivebox {color: black; font-size: 12px; text-decoration: none; border: 4px double #cccccc; background: #cccccc; padding-top:3px; padding-left: 4px; padding-right: 4px; padding-bottom: 2px; margin: 2px 3px 2px 3px; width: 140; text-align : center; }
a:link.inactivebox { color: black;}
a:visited.inactivebox {color: black;}
a:hover.inactivebox {color: black; text-decoration: none; }

a.historybar {color: black; font-family: Helvetica, Arial, Verdana; font-size: 12px; text-decoration: underline; }
a:link.historybar {color: black; }
a:visited.historybar {color: black; }
a:hover.historybar {color: black; text-decoration: underline; }


/**** TEXT SIZES ****/
.xxsmalltext {font-size: xx-small;}
.smalltext {font-size: x-small;}
.mediumtext {font-size: medium;}
.largetext {font-size: large;}

/**** COLORS ****/
.redtext {color: red;}
.bluetext {color: blue;}
.blacktext {color: black;}
.whitetext {color: white;}
.silvertext {color: silver;}
.greentext {color: green;}
.yellowtext {color: yellow;}

/**** SPECIAL TEXT ****/
.headingtext1 {color: black; font-size: 15px; font-family: Helvetica, Arial, Verdana; font-weight: bold; text-align: center; letter-spacing: 2; margin: 4px 3px 2px 3px;}
.headingtext2 {color: black; font-family: Helvetica, Arial, Verdana; font-weight: bold; text-align: left; vertical-align: top;}
.headingtext3 {color: black; font-family: Helvetica, Arial, Verdana; font-size: x-small; font-weight: bold; text-align: left; vertical-align: top; margin: 0px 0px 2px 1px;}
.bluebannertitle {color: white; font-family: Arial,Helvetica,Verdana; font-size: 20px; font-weight: bold; background-image: url("\images\banner-center-blue.gif"); background-repeat: repeat-x; height: 48px; padding-top: 12px; padding-left: 10px; }

.categoryheader {color: #595959; font-family: Arial,Helvetica,Verdana; font-size: 12px; font-weight: bold; text-align: center;}
.contactheader {color: black; font-family: Arial,Helvetica,Verdana; font-size: 18px; font-weight: bold;}

/**** TABLES ****/
table.box1 {background: #ccffcc; border-bottom : solid Black; border-right: solid Black;}
table.simplebox {border: 1px solid Black; border-right: 3px solid Black; border-bottom: 3px solid Black;}

table.activitylist {padding-top: 10px; padding-bottom: 10px; }
td.activitylist {font-weight: bold; padding: 10px 3px 10px 5px; border-bottom: 1px solid #dddddd; }

table.historybar {background: #ffffcc; border: 1 solid #cccccc; }
td.historybar {color: black; font-family: Helvetica, Arial, Verdana; font-size: 12px; padding: 0px 0px 0px 5px; }

/**** Blue text separator ****/
div.blueseparator {color: #0033cc; font-family: Arial,Helvetica,Verdana; font-size: small; font-weight: bold; background-image: url("\images\blue-separator.gif"); background-repeat: repeat-x; height: 20px; padding-left: 5px; }

/**** Horizontal separator ****/
div.bluedots {width: 100%; height: 8px; background-color: transparent; background-image: url("\images\dots-blue.gif");  background-repeat: repeat-x;}

/**** Navigation Link box ****/
table.navlinks {background: #ededed;  border-bottom: 1 solid #b4b4b4; width: 100%;}
td.navlinkstitle {color: white; font-family: Helvetica,Arial,Verdana; font-size: 15px; font-weight:bold; background: #009933; padding: 3px 5px 3px 5px;}
td.navlinks {text-align: left; vertical-align: top; border-left: 1 solid #b4b4b4;  border-right: 1 solid #b4b4b4; }
a.navlinks {color: #006633; font-family: Helvetica,Arial,Verdana; font-size: 12px; text-decoration: none; padding: 2px 4px 2px 8px; width: 100%; }
a:link.navlinks {color: #006633; }
a:visited.navlinks {color: #006633; }
a:hover.navlinks {color: #006633; text-decoration: none; background-color: #ffffff;}

/**** Activity Link box ****/
table.actlinks {background: #ededed;  border-bottom: 1 solid #b4b4b4; width: 100%;}
td.actlinkstitle {color: white; font-family: Helvetica,Arial,Verdana; font-size: 15px; font-weight:bold; background: #009933; padding: 3px 5px 3px 5px;}
td.actlinks {text-align: left; vertical-align: top; border-left: 1 solid #b4b4b4;  border-right: 1 solid #b4b4b4; }

/**** Box with colored title and thin border ****/
table.bluebox {background: #3300cc;  border-bottom: 1 solid #3300cc; width: 100%;}
td.blueboxtitle {color: white; font-family: Helvetica,Arial,Verdana; font-size: x-small; font-weight:bold; background: #3300cc; padding: 3px 5px 3px 5px;}
td.bluebox {text-align: left; vertical-align: top; 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%;}
td.redboxtitle {color: white; font-family: Helvetica,Arial,Verdana; font-size: x-small; font-weight:bold; background: #cc0000; padding: 3px 5px 3px 5px;}
td.redbox {text-align: left; vertical-align: top; border-left: 1 solid #cc0000;  border-right: 1 solid #cc0000; background: #ffffff;}

/**** Form elements ****/
input,textarea,select { font-family: sans-serif,Arial,Helvetica; font-size: x-small; text-indent: 2px;}
input.button { color: #000000; font-family: Arial,Verdana,Helvetica; font-size: xx-small; font-weight: bold;}

