body { font-family: verdana, helvetica, sans serif; background-color:#003366; }
img {border-style:none; }

caption {font-weight: bold; text-align:left; }


/************************ for District, Class Tables *****************/
caption.first { text-align: right; }


/****************** The very Outside Table ************************/
table.first { width: 760px; border-style: solid; border-style: solid; border-color: #cccccc #000000 #000000 #ccccccc; border-width: 2px; background-color: #ffffff; padding: 2; }

table.second { width: 760px; height: 100px; background-color: #ffffff; }
table.fourth { width:630; font-size:11pt; line-height:13pt; vertical-align: top; }

table.chart { width:625; font-size:10pt; margin-left: 5px; }

/********************  Table rule for the Board of Directors page *********/
table.bod { border-style: solid; border-style: solid; border-color: #cccccc #000000 #000000 #ccccccc; border-width: 2px; background-color: #ffffff; padding: 2; }


/******************** table for the district pop-ups ****************/
table.course { width :740px; vertical-align :top; border :0px; padding: 5px; } 

/*************************** Table for the class pages ***************/
table.class { width:600px; font-size:10pt; border: solid 1px blue;}

/********************** Cost of Classes on Five Rivers **************/
table.costs { font-size:10pt; margin-left:10px; margin-bottom:5px; align: center; }

/******************* Centering the tables ****************************/
.tablecenter {text-align: center; }


/********************** For the Banner on the Index Page **************/
.style1 {color: #ffffff; font-family: georgia, times new roman, serif; font-size: 1.6 em; background-color: #cc0000; height: 37px;  }
.headline { color: #ff0000; font-size: 1.25em; font-family: georgia, times new roman, serif; }


/****************** Congratulations for the News Page **************/
.congrats {font size: 1.5em; }


/************************ Vertical-Align: Top; 
**************************/
.vatop {vertical-align: top; }


/***************** ********************/
.wstrn { padding-left: 80px; font-size: 11pt; }

/*******************************  Highlighting for Rows on class pages **************/
tr.highlight { background-color: #00ccff; vertical-align: top; }

/***********************  Rectangles on courses pages *******************************/
tr.discrs {background-color: #ff9900; color: #ffffff; height: 30px; text-align: center; }
tr.hnscrs {background-color: #ff0000; color: #ffffff; height: 30px; text-align: center; }


/************************** for the course pages ******************/
th.date_time { width: 150px; } 
th.loc { width: 80px; } 
th.crs { }


/*********************** left-hand side links ************************************/
td.leftside { vertical-align: top; /****** width: 132px *********/ }


/******************************* 609px wide td *************************************/
td.wide { width: 609px; vertical-align: top; }

/*************************** Style Rules for sub-headers ***************************/
.subheader { font-size:1.5em; font-family: georgia, times new roman, serif; color:#ff0000; line-height: 1em; text-align: center; }

td.subheader2 {font-size:1.5em; font-family: georgia, times new roman, serif; color:#ff0000; text-align: center; }

td.subheader3 { font-size:1.25em; font-family: georgia, times new roman, serif; color:#3333ff;  }

.subheader4 {font-size: .75em; font-family: georgia, times new roman, serif; color:#ff0000;  }

/***************************** For circles on courses *****************************/
.images { padding-left: 20px; }

/****       smaller font-siz for the quest logo   *******/
.quest {font-size: 8pt; }

/***************** For the orange box around the Disaster Header on disaster.htm *******/
.orng { background-color: #ff9900; width: 220px; height: 40px; padding-top: 8px; }

/***************** For the red box around the Health and Safety on hnscourses.htm *******/
.red { background-color: #ff3300; width: 300px; height: 40px; padding-top: 8px; color: #ffffff; margin-bottom: 8px; text-align: center; }

/***************** For the red box for special events on district class pages *******/
.red2 { background-color: #ff3300; width: 700px; color:#ffffff; text-align: center; }

/****************************** Prices on 5-Rivers Page ********************/
.prices {color: #ff0000; }


/******************************** Color for Table Headings *****************/
tr.color { background-color: #00CCFF; }


/********************************** For Spacer Cells **************/
td.spacer { width:2px; height:2px; }	
td.spacer2 { width:22px; }


/********************************** Style Rules for Paragraph Headers ***********************/
.paragraphheader { font-size:1.3em; font-family: georgia, times new roman, serif; color:#000000;  font-weight: 600; width: 200px; }
.paragraphheader2 { font-size:1.3em; font-family: georgia, times new roman, serif; color:#000000;  font-weight: 600; width: 200px; }
.paragraphheader3 { font-size:1.3em; font-family: georgia, times new roman, serif; color:#000000;  font-weight: 600; }
.paragraphheader_red { font-size:140%; font-family: georgia, times new roman, serif; color:#ff0000;  font-weight: 600;  text-align:center; line-height:1.1;}


/****************************  To let the user know that they are on this page ******/
.here { color: #000000; }

/***************************************************** Style Rule for Bolder text ***********/
.bolder { font-weight: 600; }
.bolder2 { font-weight: 600; width: 91px; text-align: right; vertical-align: top; }

/****************************** For the 'Return to Top'**********************/
.return {width: 630px; text-align: center; }


/********************************************* AnyWhere it says MT Red Cross ***************/
.redcross { color:#ff0000; }
/**************************** MT Red Cross on Blue background ******************/
.redcross2 { color:#cccc00; }


/*************************************** Style Rule for Different Data Cells ****************/
td.different { background-color: #336699; color: #ffffff; border-style:solid; border-width: 3; border-color: #003366; padding-left: 8px; font-size:11pt; line-height:13pt; }
td.bold ( font-weight: 600; }
td.logo { width:165px; height: 100; }
td.banner { width: 570; height: 100; }
td.contents { font-size:11pt; line-height:13pt; vertical-align: top; }
td.date { font-weight: 600; vertical-align: top; width: 629px; }
td.date2 { font-weight: 600; vertical-align: top; width: 629px; padding-left: 20px; }
td.address {font-size: 12px; text-align: center; }
td.title { font-weight: 600; vertical-align: top; }
.center {text-align: center; } 

/******************************** Table cell down at the bottom *****************/
td.third { width:760px; height:20px; background-color:#003366; align:center; color:#ffffff; font-size:11; }


/*********************** Extra spacing for story on main page ****************/
p.extra { padding-top: -100px: }


/********************************* Dark Blue Banner underneath logo ***************/
td.colored { background-color:#000033; height:20px; width:760px; vertical-align: top; }


/****************************************** DONATE NOW Cell **************/
td.donatenow { background-color:#ff0000; color:#000000; height:20px; width:130px; text-align: center; font-size: 11px; font-weight:600; border: groove black 3; }
a.donatenow:link { color: #ffffff; text-decoration: none; }
a.donatenow:visited { color: #000000; text-decoration: none; }
a.donatenow:hover { color:#0000ff; text-decoration: underline;}


/****************************** The cell below the blue and above the black *********/
td.belowblueaboveblack { background-color: #000066; height:20px; font-weight:500; color:#ffffff; font-size:11px; text-align:center; text-transform:uppercase;}


/****************************** Help Now cell ******************/
td.helpnow { background-color: #000000; height:20px; font-weight:600; color:#ffffff; font-size:11px; text-transform:uppercase; }


/***********************************  Header rules for BOARD OF DIRECTORS page *************/
.bluehead { text-align:center; background-color:#003366; border-color:#003366; color: #FFFFFF; font-family:georgia, times new roman, serif;  bold; font-size: 95%; }
.name { font-family: verdana, helvetica, sans serif; font-size: 75%; vertical-align: top; width: 180px; }
.profession { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 185px; vertical-align: top; }
.address2 { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 800px; vertical-align: top; }
.contact { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 275px; vertical-align: top; } 
.area { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 100px; vertical-align: top; } 
.term { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 250px; vertical-align: top; text-align: center; } 
.comments { font-family: verdana, helvetica, sans serif; font-size: 75%; width: 100px; vertical-align: top; } 


/************************************************** Actions for Links **********/
a:link { color: #0000ff; text-decoration: underline; }
a:visited { color: #990099; text-decoration: underline; }
a:hover { color:#ff0000; text-decoration: underline; }
a:active { color:#ff0000; text-decoration: underline; }

/*********************************** Blue Cells **********/
a.white:link { color: #ffff00; text-decoration: none; font-size:11px; }
a.white:visited { color: #ffffff; text-decoration: none;  }
a.white:hover { color: #ff0000; text-decoration: underline; }
a.white:active { color: #ff0000; text-decoration: underline; }


/*********************************** Links for the Orange Cells *******************/
img.orange { width:22px; height:20px; }
td.orange { background-color: #ff9900; }

a.orange {  background-color:#ff9900; color:#000000; text-decoration: none; font-size:11px; font-weight:600px; }
a.orange:link { color:#ffffff; text-decoration: none; font-size:11px; }
a.orange:visited { color:#ffff00; text-decoration: none;  }
a.orange:hover { color:#0000ff; text-decoration: underline; }

/*************************** Text on white Background ************************/
a.bodylink:link { color:#0000ff; text-decoration: underline; }
a.bodylink:visited { text-decoration: underline; }
a.bodylink:hover { color:#ff0000; text-decoration: underline; }
a.bodylink:active { color:#ff0000; text-decoration: underline; }

/************** Links for Index Page and Districts Page Chart   ************************/
.chartlink { font-weight: 600; font-size:8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.chartlink:link { color: #0000ff; text-decoration: underline; }
a.chartlink:visited { color: #0000ff; text-decoration: underline; }
a.chartlink:hover { color: #ff0000; text-decoration: underline; }

/********************* Links for the Bottom of all pages ****************************/
a.bottom:link { color:#ffffff; text-decoration: none; font-size:9px; }
a.bottom:visited { color:#ffff00; text-decoration: none; font-size:9px; }
a.bottom:hover { color:#0000ff; text-decoration: none; font-size:9px; }
a.bottom:active { color:#0000ff; text-decoration: none; font-size:9px; }

/********************* Links for the Bottom of all pages ****************************/
a.offblue:link { color:#ffffff; text-decoration: underline; }
a.offblue:visited { color:#ffffff; text-decoration: underline; }
a.offblue:hover { color:#3333ff; text-decoration: underline; }
a.offblue:active { color:#3333ff; text-decoration: none; }

/************** Links for red 7 orange squares on hns.htm disaster.htm**************/
a.rco:link { color: #ffffff; text-decoration: underline; }
a.rco:visited { color: #ffffff; text-decoration: underline;  }
a.rco:hover { color: #ffff00; text-decoration: underline; }
a.rco:active { color: #ffff00; text-decoration: underline; }

/******************** Link off volunteer page ***************************/
a.signup:link {color:#FF0000; font-weight:bold; font-size:12px;}