/* At-Rules */
@charset "iso-8859-1";

/*all*/
BODY {background: url(back.gif) white; background-position: center top; background-repeat: repeat; color: black; font: normal 10pt/10pt "Times New Roman", serif}
A:link {color: #CC0033}
A:visited {color: #FF6633}
div.wideadbox {width: 1000px}
div.topbox {width: 690px; float: left}
div.ad {width: 310px; float: right; font: bold 12pt Arial, sans-serif; text-align: center; color: blue}
h1.adhead {font: bold 16pt Arial, sans-serif; color: #CC0000; text-decoration: blink}
div.header {width: 680px;   color: blue; background: #99CC99;  border: solid black medium}
img.leftfish {float: left; margin-left: 2px; margin-top: 20px}
img.rightfish {float: right; margin-right: 2px; margin-top: 20px}
P#hbtext1 {font: bold 20pt/18pt Arial, sans-serif; text-align: center; margin-top: 20px}
Span#hbtext2 {font: bold 14pt/18pt Arial, sans-serif}
p.centered {font: normal 10pt/10pt "Times New Roman", serif; text-align: center; clear: both}
.font12 {font: normal 12pt/14pt "Times New Roman", serif; margin: 10px}
div.menuBar { background-color: #99CC99; padding: 6px 2px 6px 2px; text-align: center;  margin-left:0px; margin-top: 0px}
div.menuBar a.menuButton { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000;}
div.menuBar a.menuButton { background-color: transparent; border: 1px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; color: #000000;  cursor: pointer;  left: 0px;  margin: 1px;  padding: 2px 6px 2px 6px;  position: relative;  text-decoration: none;  top: 0px;  z-index: 100;}
div.menuBar a.menuButton:hover { background-color: transparent; border-color: #909090 #f0f0f0 #f0f0f0 #909090;  color: #FF0000;}

/*index*/
div.mainindex {width: 688px;height: 338px;background-image: url(./images/brook3.jpg);background-color: #FFFFFF}	
div.padded { padding: 10px}	/*stocking, chapter events, river news*/
img.TU {float: right; margin-left: 2px; margin-top: 5px; width: 90px}
P#vtext {font: bold italic 12pt/14pt Arial, sans-serif; text-align: center; color: blue}
P#mtext2 {font: bold italic 14pt "Times New Roman", serif; text-align: center; color: black; margin-top: 220px; background: white}
Span#mtext1 {font: bold 14pt "Times New Roman", serif}
strong.font12 {font: bold 12pt/12pt Arial, sans-serif}/*Aboutus, shopping links*/
P#tvtext {font: bold italic 14pt/14pt "Times New Roman", serif; text-align: center; color: black; margin-top: 20px}/*Aboutus*/
div.full {margin-top: 1px; margin-left: 1px; width: 690px; clear: both}/*Aboutus,stocking,calendar, fishing links, shopping links, government links, conservation links, chapter events, river news*/
img#state {margin-left: 150px;width: 450px; margin-right: 30px;clear: both}
div.fisherman {color: black; padding: 20px;     margin-top: 10px;   width: 600px; height: 90px}
img.leftside {float: left; margin-top: 2px; margin-left: 2px}  
img#jump {float: right; width: 78px; height: 78px; margin-bottom: 12px}
.preload {display: none}

/*Aboutus*/
img.bookcover {float: left; margin-top: 2px; margin-left: 2px; width: 191px;margin-right: 10px}
P#btext {font: bold italic 12pt/14pt Arial, sans-serif; text-align: center; color: blue; width 300px}
p.bluecentered {font: bold 12pt/12pt "Times New Roman", serif; text-align: center; color: blue; padding: 0px}/*Contacts*/
div.fullwide {margin-left: 1px; width: 730px; clear: left}
img.leftside1 {float: left; margin-top: 40px; margin-left: 10px;}  
img.right1 {float: right; width: 390px; margin-top: 2px; margin-right: 80px;}
div.pics {clear: left; float: left; height: 200px; margin-top: 95px; width: 125px}
img#pic1 {height: 80px; width: 180px}
img#pic6 {margin-top: 65px; height: 82px}
div.aboutusbox {width: 542px; margin-top: 15px; margin-right: 20px;  padding: 15px;     border: solid black thin; float: right}
div.aboutusbox {font: 10pt/10pt Arial, san-serif; text-align: left}
p.clear {clear: both}
H2 {font: bold 12pt/12pt Arial, sans-serif}

/*stocking*/
div.mainstocking {width: 688px;height: 389px;background-image: url(./images/Henrysforkrainbowmod1.jpg);background-color: #333333}
H1.whitecentered {text-align: center; color:#FFFFFF; background:black}
p.whitefont12 {font: normal 12pt/14pt "Times New Roman", serif; margin: 10px;  color:white; background:#009900; width: 400px} 
p.greenfont12 {font: normal 12pt/14pt "Times New Roman", serif; width: 300px; margin-left: 370px; margin-top: 10px;  color:#33ff66; background:#006600} 
H1 {font: bold 14pt/14pt Arial, sans-serif}
div.picsst {width: 550px;   margin-top: 30px; margin-left: 100px} 
div.fullred {margin-top: 10px; margin-left: 1px; width: 666px; clear: left; border: solid black thin; color: red; padding: 10px}
p.newshead {color: red; float: none; font: bold 14pt/14pt "Times New Roman"; text-align: center}/*newsletter, river news*/
img.pic5left {float: left; margin-top: 5px; margin-right: 20px; ; margin-bottom: 10px; width: 320px; clear:left}

/*calendar*/
div.main {width: 664px; height: 260px;  border: solid black thin; color: black; background: #DDBB99;  padding: 10px}
table#calendar {width: 437px; margin-left: 115px; margin-top: 30px; border: 3px solid black}
table#calendar TD {border: 1px solid black}
span.meeting {font: bold 14pt/14pt "Times New Roman", serif; color: red}
CAPTION {text-align: center}
strong.font14 {font: bold 14pt/14pt Arial, sans-serif}/*River news*/
TH {text-align: center; font-weight: bold; vertical-align: baseline}
TD {vertical-align: middle; text-align: center}
div.picsca {float: left; width: 55px; margin-top: 0px}
img.cal1 {float: left; margin-top: 35px; margin-left: 9px; width: 50px; clear: left}
div.schedule {color: black; padding: 15px; float: right; margin-top: 5px; margin-right: 3px;  width: 585px;  border: solid black thin}
div.schedule {font: normal 12pt/14pt "Times New Roman", serif}
img.fish1 {float: left; margin-top: 5px; margin-left: 250px}

/*contacts*/
div.maincontacts {width: 661px;  border: solid black thin; color: black; background: #DDBB99;  padding: 10px}
table#bod {width: 656px;  margin-top: 20px; border: 0px}
table#bod TD {vertical-align: middle; text-align: left;}
table#bod TH {text-align: left; font-weight: bold; vertical-align: baseline}

/*links*/
div.mainlinks {width: 664px; border: solid black thin; color: black; background: #DDBB99;  padding: 10px}/*fishing links,shopping links, government links, conservation links*/
table#links4 {width: 600px; margin-left: 32px; margin-top: 10px; border: 3px solid black}
table#links4 TD {vertical-align: middle; text-align: center}
table#links4 img {vertical-align: middle; width: 90px}
table#links1 {width: 600px; margin-left: 32px; margin-top: 10px; border: 3px solid black}/*fishing links, shopping links, government links, conservation links*/
table#links1 TD {vertical-align: middle; text-align: center}/*fishing links, shopping links, government links, conservation links*/
table#links1 img {vertical-align: middle; width: 110px}/*fishing links, shopping links, government links, conservation links*/
strong.font14red {font: bold 14pt/14pt Arial, sans-serif; color: red}/*fishing links, shopping links, government links, conservation links, river news*/

/*fishing links*/
table#links3 {width: 650px; margin-left: 20px; margin-top: 20px; border: 3px solid black}/*conservation links*/
table#links3 TD {vertical-align: middle; text-align: center; border: 1px solid black}/*conservation links*/

/*shopping links*/
table#links2 {width: 650px; margin-left: 15px; margin-top: 20px; border: 3px solid black}/*government links, conservation links*/
table#links2 TD {vertical-align: middle; text-align: center}/*government links, conservation links*/
table#links2 img {vertical-align: middle; width: 100px}/*government links, conservation links*/
div.links2 {width: 96px; border: solid black thin; color: red; font: bold 14pt/14pt Arial, sans-serif; padding: 2px;}

/*government links*/
  /*No new styles*/

/*conservation links*/
  /*No new styles*/

/*newsletter*/
div.mainnewsletter {width: 664px;  border: solid black thin; color: black; background: #DDBB99;  padding: 10px}
img.leftlogo {float: left; margin-top: 2px; margin-left: 2px; height: 140px}
img#logo {margin-top: 15px; margin-left: 60px}
p.centernews {font: italic 11pt/11pt Arial, san-serif; text-align: center}
img.acro1 {float: left; margin-top: 5px; margin-left: 90px}
div.news2 {float: right; color: black; padding: 10px; margin-top: 3px; margin-right: 75px; width: 227px;  border: solid black thin; text-align: center}
.font11A {font: bold normal 11pt/11pt Arial, san-serif;}
img.rightside {float: right; margin-top: 2px; margin-right: 2px}

/*chapter events*/
div.eventsindex {width: 688px;height: 459px;background-image: url(./images/YellowstoneCuttroat.jpg);background-color: #FFFFFF}	
img.rightce {float: right; height: 110px; margin-top: 2px; margin-right: 2px;  border: solid #ffcc00 thin;}
img.leftce {float: left; height: 170px; margin-top: 2px; margin-left: 2px;  border: solid #ffcc00 thin;}
img.rightce1 {float: right; height: 170px; margin-top: 100px; margin-right: 2px;  border: solid #ffcc00 thin; clear: right}
img.leftce1 {float: left; height: 170px; margin-top: 50px; margin-left: 2px;  border: solid #ffcc00 thin; clear: left}
div.picsce {float: left; width: 80px; margin-top: 40px}
img#ce3 {margin-top: 70px; width: 70px}
img.picce {float: left; clear: left; width: 70px;  margin-top: 10px; margin-left: 9px}
div.maince {width: 581px;  margin-top: 15px;  margin-bottom: 10px; float: right; border: solid black thin; color: black; background: #DDBB99;  padding: 10px}
div.maince {font: normal 11pt/11pt Arial, sans-serif}
H1.centered {text-align: center}
div.directions {color: black; padding: 10px;  margin-top: 3px; margin-left: 100px; width: 350px;  border: solid black thin}
div.directions {font: normal 10pt/12pt "Times New Roman", serif}
.redtext {color: red; font: bold}  

/*River News*/
div.mainrn {width: 688px; height: 320px; color: yellow;  background-image: url(./images/brook2.jpg);background-color: #FFFFFF;}
.font10 {font: normal 10pt/12pt "Times New Roman", serif; margin: 8px}
H2.bigbrown {font: bold 18pt/18pt Stencil, Arial, sans-serif; color: #ff8800; text-align: center; margin-top: 15px}
div.scrolled {width: 688px; height: 200px; font: normal 12pt/14pt "Times New Roman", serif; clear: left; border: solid black thin; color: black;  padding: 10px; overflow: auto}
div.scrolledtall {width: 688px; height: 400px; font: normal 12pt/14pt "Times New Roman", serif; clear: left; border: solid black thin; color: black;  padding: 10px; overflow: auto}
img.right2 {float: right; width: 460px; margin-top: 2px; margin-bottom: 15 px; margin-right: 10px;}

/*Trout in the Classroom*/
div.mainTIC {width: 688px; height: 450px; color: yellow;  background-image: url(./images/brook_brown.jpg);background-color: #333333;}
p.TIC1 {font: bold 18pt/18pt Arial, sans-serif; color: blue; text-align: center;  margin-top: 135px; margin-bottom: 70px; background:white}
p.TIC {font: bold 14pt/16pt Arial, sans-serif; color: yellow; text-align: center; margin-top: 5px}
img.leftside2 {float: left; margin: 20px 90px;}  
img.rightside1 {float: right; margin: 20px 70px;}
a.newwindow {font: bold 18pt/18pt Arial, sans-serif;}

/*Trout in the Classroom 2*/
div.leftpic {float: left; width: 330px;   margin: 10px}
div.rightpic {float: right; width: 330px;   margin: 10px}
div.scrollednarrow {width: 350px; height: 310px; font: normal 12pt/14pt "Times New Roman", serif; clear: left;   border: solid black thin; color: black;  padding: 10px; overflow: auto}
img.right2 {float: right; margin-top: 20px; margin-right: 250px}
.photo-caption {FONT-SIZE: 9pt; COLOR: #000000; FONT-STYLE: italic; FONT-FAMILY: Sans Serif, Geneva, Arial, Helvetica; margin-bottom: 1px}




/* End of style section */