@charset "iso-8859-1";

.debugdashbordergreen {border:2px dashed #0f0;}
.debugdashborderred {border:2px dashed #f00;}
.debugdashborderblue {border:2px dashed #00f;}
.debugdashbordercyan {border:2px dashed #0ff;}
.debugdashborderyellow {border:2px dashed #ff0;}
.debugdashbordermagenta {border:2px dashed #f0f;}
.debugdashborderblack {border:2px dashed #fff;}

.debugbackgroundgreen {background:green;}
.debugbackgroundred {background:red;}
.debugbackgroundblue {background:blue;}
.debugbackgroundcyan {background:cyan;}
.debugbackgroundyellow {background:yellow;}
.debugbackgroundmagenta {background:magenta;}
.debugbackgroundblack {background:black;}
.debugbackgroundwhite {background:white;}

/*general site items */

a:link { color: #079; text-decoration: none}
a:visited { color: #079; text-decoration: none}
a:hover { color: #000; text-decoration: underline}
a:active { color:#079; text-decoration: none}
body {background:white; color:black; font-family:sans-serif; 
   margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; max-width:1200px;min-width:320px;width:100%}
.seriffont{font-family:"Times New Roman",georgia,verdana,serif;}
.smallcaptiontext{font-size:80%}
.sanseriffont{font-family: futura,san-serif;}


/* the color pallet Chris used
logo Yellow #f3cc0f
logo Green #50e370
logo Lime #abdd40
logo Blue #50cde3
logo accent Blue #13a0bb
logo accent Orange #f44b10
logo font Brown #511c11
accent font Dkblue #104c65
accent background LtAqua #dcf9ff
*/
 /* main site colors */

.logoYellow{color:#f3cc0f;}
.logoGreen{color:#50e370;}
.logoLime{color:#abdd40;}
.logoBlue{color:#50cde3;}

.parleyBackgroundYellow {background :#f3cc0f;}
.parleyBackgroundGreen {background :#50e370;}
.parleyBackgroundLime {background :#abdd40;}
.parleyBackgroundBlue {background :#50cde3;}
.backgroundWhite {background :white}

.parleyBorderYellow { -moz-border-radius:6px;-webkit-border-radius:6px; border : 2px solid #f3cc0f;}
.parleyBorderGreen { -moz-border-radius:6px;-webkit-border-radius:6px; border : 2px solid #50e370;}
.parleyBorderLime {-moz-border-radius:6px;-webkit-border-radius:6px; border : 2px solid #abdd40;}
.parleyBorderBlue {-moz-border-radius:6px;-webkit-border-radius:6px; border : 2px solid #50cde3;}

.highlightOrange{color:#f44b10;}
.dktourquoise{color:#50cde3;}
.browntext {color:#511c11;}
.dkbluetext {color:#104c65;}
.blacktext {color:#000;}
.whitetext{color:#fff;}
.redtext {color:red}
.lightAquaBackground {background: #dcf9ff;}
.marginleft5{margin-left:5% ;}
.blkborder2px{ border: 2px solid #000; }

/* general page size classes */
.container { width : 100%;}
.pageContent{width:90%;padding-left:1.5%;padding-right:1.5%; }
.fullWidth { width : 100%;}
.fullWidthWindowFloatLeftZeroSpacing {width:100%;  float:left; margin:0px; padding:0px;}
.fullWidthSeparator{width:100%;clear:both;margin:0px; padding:0px;}
.fullWidthMultiPart{width:100%;display:inline-block;margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }	
.width90WthPadding{width:90%;padding-left:1.5%;padding-right:1.5%; }
.fullWidthImageDiv {width:100%;}
.fullWidthImageDiv img: {max-width:1000px;}
.imagepage {width:100%}
.imagepage img {max-width:700px;}
/* home page size classes */
/* these three are responsive */
.hdrlogowidth{width:80%;}
.homepictureswidth{width:100%;}
.blaqualineheight{height:5px;}
/* save these for puzzle piece menu if needed 
.homeMenuBar {width:100%;display:inline-block;margin:0 0 0 0;padding:0 0 0 0 ;}
.homeMenuBarItem {width:15%;display:inline-block;margin:0 0 0 0;padding:0 0 0 0 ; float:left;}
.homeMenuBarFiller {width:5%;display:inline-block;margin:0 0 0 0;padding:0 0 0 0 ; float:left;}
.homeMenuItemSpacing {border 0px;margin:0 0 0 0;padding:0 0 0 0}
*/
.homeMenuBar {width:100%;display:inline-block; margin:0 0 0 0;padding:0 0 0 0 ;}
.homeMenuBar div {width:16.65%;display:inline-block; float:left}

/*used for the 2 rows of 3 pictures */
.img33right3margin{ width:33.2%;  text-align:center;float:right; }
.img33left3margin{ width:33.2%;  text-align:center;float:left;}
.img33right3margin img{width:94%;background:white; margin:3% 3% 3% 3%;}
.img33left3margin img{width:94%;background:white; margin:3% 3% 3% 3%;}
.column33 {width:33%; }
/*used for the banner on subpages*/
.headerImg60Right{ width:60%;  text-align:center;float:right; }
.headerImg40Left{ width:40%;  text-align:center;float:left;}
.headerImg60Right  img{width:98%;background:white;margin:1%; }
.headerImg40Left img{width:98%;background:white;margin:1% }
.headerMenuWidth75 {width:75%}
.headerImgDisplay {display:block;}
.subMenuBar {width:100%;display:inline-block;text-align:center; }
.subMenuBar div {width:13%;display:inline-block; }/* this is responsive, it is full size on smaller screens*/

.floatleft {float:left;}
.floatright {float:right;}
.clearboth {clear:both}

/* margin and padding classes */
.marginpadding0{margin:0 0 0 0;padding:0 0 0 0 ;}
.padding10All{padding:10px;}
.pad5all{padding:5% 5% 5% 5%;}
.pad2all{padding:2% 2% 2% 2%;}
.margin2all{margin:2% 2% 2% 2%;}
.marginright5{margin-right:5% ;}
.marginleft5{margin-left:5% ;}
.verticaltenpxmargin {margin: 10px 0px 10px 0px;}

/*text classes other than color */
.centerall{text-align:center;vertical-align:middle;}
.centeralign{text-align:center;}
.btext {font-weight:bold;}
.itext {font-style: italic;}
.utext {text-decoration: underline;}
.bitext{font-weight:bold;font-style: italic;}
.butext{font-weight:bold;text-decoration: underline;}
.biutext{font-weight:bold;font-style: italic;text-decoration: underline;}
.iutext {font-style: italic;text-decoration: underline;}
.boldbigtext {font-weight:bold; font-size: 120%}
/* these are responsive text sizes */
.sized200type{font-size:200%;}
.sized150type{font-size:150%;}
.sized120type{font-size:120%}
.sized100type{font-size:100%}
.sized75type{font-size:75%}
.creditText {font-size:xx-small; text-align:right;}

.bulletnumbers {list-style-type:decimal}
ul.plain { list-style-type: none;}
ul.spaced li {margin-top:1%; margin-bottom:1%}




.redcolor {color:red;}
.redshadowcolor {text-shadow: 2px 2px 10px #ff8888, 2px 2px  #000;}

.highlightbackground {background:#056;color:white;}
.highlightbackground a:link { color: #8ee; text-decoration: none}
.highlightbackground a:visited { color: #8ee; text-decoration: none}
.highlightbackground a:hover { color: #8ee; text-decoration: underline}
.highlightbackground a:active { color: #8ee; text-decoration: none} 

.rdShadedCorners{-moz-border-radius:4px;
	-webkit-border-radius:4px; border-radius:4px;
     border-top: 2px solid #c3e3e7;
	 border-left: 2px solid #c3e3e7;
	 border-right: 4px solid #257;
	 border-bottom: 4px solid #257;}
.rdWideShadedCorners{-moz-border-radius:6px;
	-webkit-border-radius:6px; border-radius:6px;
     border-top: 3px solid #c3e3e7;
	 border-left: 3px solid #c3e3e7;
	 border-right: 6px solid #257;
	 border-bottom: 6px solid #257;}
.lightBkgrd{background:#f5ffff; }

.rdCorners{-moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px;  border:2px solid white;   }

.underlinedItalicText {font-style: italic;text-decoration: underline;}



.righttitlebox {float:right;margin-right:5%;}
.lefttitlebox {float:left;margin-left:5%;}
.centertitlebox {text-align:center;margin-right:2.5%;margin-left:2.5%;}


.navmenubox{width:100%;}
.navmenubox div{display:inline-block;padding:.5%}
.navmenuitem{width:200px; text-align:center;background: #dff;}
.navmenuitem img{width:80%; text-align:center;}

.galbox{width:100%; }
.galbox div{display:inline-block;padding:.5%; color:white;}
.galImgitem{width:210px; height:350px; display: block;text-align:center;background: #000;border:1px dotted #06b;	float:left;}
.galImgContainer {	vertical-align:middle; margin-right:auto; margin-top:15%}
.galImgContainer  img{ width:80%;	border:none;	margin-left:2%;	margin-right:2%;}
.galImgTextCaption {	color:white;margin-top:6px;	padding-top:4px;}
.galImgTextCaption a:hover { color: #079; text-decoration: underline}


.textAreaContainer {max-width: 1100px; margin: 0px auto; margin-top: 25px;}
.textAreacomment { float: left; width: 100%; height: auto;}
.textAreacommenter {float: left;}
.textAreacommenter img {width: 35px; height: 35px; }
.textAreacomment-text-area {float: left; width: 100%;height: auto;}
.textAreatextinput {float: left; width: 100%; min-height: 75px; outline: none; resize: none; border: 1px solid grey;}
   

.pageList{width:100%;text-align:center;background: #fff;display:inline-block; margin-bottom: 5px;margin-top:5px;}
.prevNextPages{color:#045;border:solid 1px #000;background:white;margin:2px;}
.highlightedPage {color:white; border:solid 1px #000;background:#045;margin:2px;}
.nonhighlightedPage{color:#045;border:solid 1px #000;background:white;margin:2px;}
.prevNextPages a:link,.nonhighlightedPage a:visited ,.nonhighlightedPage a:hover,.nonhighlightedPage a:active{ color: #045; text-decoration: none}
.highlightedPage a:link,.highlightedPage a:visited ,.highlightedPage a:hover,.highlightedPage a:active{ color: white; text-decoration: none}
.nonhighlightedPage a:link,.nonhighlightedPage a:visited ,.nonhighlightedPage a:hover,.nonhighlightedPage a:active{ color: #045; text-decoration: none}


.twocolleftfixed{width:20%;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:100%; margin: 0px 0px 0px 0px;}
.twocolrightfloat{width:auto;height:auto;margin: 0px 0px 0px 0px;}
.twocolleftfloat{float:left;margin: 0px 0px 0px 0px;}

.multicolumn{width:100%;}
.multicolumn div{display:inline-block;padding:.5%; }
.multicolumn2{width:500px;  display: block; float:left;}
.multicolumn3{width:310px;  display: block; float:left;}
.multicolumn4{width:250px;  display: block; float:left;}


.minwidth300px{min-width:300px;}
.displayinlineblock{display:inline-block;}
.sized200type{font-size:200%;}
.sized150type{font-size:150%;}
.sized120type{font-size:120%}
.sized100type{font-size:100%}
.sized75type{font-size:75%}

.responsive15pcpicright{width:18%;float:right;margin:2%; text-align:center;}
.responsive15pcpicright img{width:100%;}

.responsive20pcpicright{width:24%;float:right;margin:2%; text-align:center;}
.responsive20pcpicright img{width:100%;}

.responsive30pcpicright{width:34%;float:right;margin:2%; text-align:center;}
.responsive30pcpicright img{width:100%}

.responsive40pcpicright{width:44%;float:right;margin:2%; text-align:center;}
.responsive40pcpicright img{width:100%}

.responsive50pcpicright{width:54%;float:right;margin:2%; text-align:center;}
.responsive50pcpicright img{width:100%}

.responsive60pcpicright{width:64%;float:right;margin:2%; text-align:center;}
.responsive60pcpicright img{width:100%}

.responsive70pcpicright{width:74%;float:right;margin:2%; text-align:center;}
.responsive70pcpicright img{width:100%}

.responsive15pcpicleft{width:18%;float:left;margin:2%; text-align:center;}
.responsive15pcpicleft img{width:100%;}

.responsive20pcpicleft{width:24%;float:left;margin:2%; text-align:center;}
.responsive20pcpicleft img{width:100%;}

.responsive30pcpicleft{width:34%;float:left;margin:2%; text-align:center;}
.responsive30pcpicleft img{width:100%}

.responsive40pcpicleft{width:44%;float:left;margin:2%; text-align:center;}
.responsive40pcpicleft img{width:100%}

.responsive50pcpicleft{width:54%;float:left;margin:2%; text-align:center;}
.responsive50pcpicleft img{width:100%}

.responsive60pcpicleft{width:64%;float:left;margin:2%; text-align:center;}
.responsive60pcpicleft img{width:100%}

.responsive70pcpicleft{width:74%;float:left;margin:2%; text-align:center;}
.responsive70pcpicleft img{width:100%}

.img33right3margin{ width:33.2%;  text-align:center;float:right; }
.img33left3margin{ width:33.2%;  text-align:center;float:left;}
.img33right3margin img{width:94%;background:white; margin:3% 3% 3% 3%;}
.img33left3margin img{width:94%;background:white; margin:3% 3% 3% 3%;}

.rtimg40right{ width:40%;  text-align:center;margin :1%;float:right; }
.rtimg40left{ width:40%;  text-align:center;margin :1%;float:left;}
.rtimg40right img{width:90%;background:white;padding:2%; }
.rtimg40left img{width:90%;background:white;padding:2%; }

.fixed280pxpicright { width:260px; float:right; padding:5px;text-align:center;}
.fixed280pxpicright img{max-width:100%}
.fixed280pxpicleft { width:260px; float:left; padding:5px;text-align:center;}
.fixed280pxpicleft img{max-width:100%}
.fixed200pxpicright { width:160px; float:right; padding:5px;text-align:center;}
.fixed200pxpicright img{max-width:100%}
.fixed200pxpicleft { width:160px; float:left; padding:5px;text-align:center;}
.fixed200pxpicleft img{max-width:100%}
.fixed150pxpicright { width:160px; float:right; padding:5px;text-align:center;}
.fixed150pxpicright img{max-width:100%}
.fixed150pxpicleft { width:160px; float:left; padding:5px;text-align:center;}
.fixed150pxpicleft img{max-width:100%}

.responsive200picright { width:210px; float:right; padding:5px;text-align:center;}
.responsive200picright img{max-width:100%}
.responsive200picleft { width:210px; float:left; padding:5px;text-align:center;}
.responsive200picleft img{max-width:100%}

.responsiveoveride {}
.responsiveoveride2 {width:70%;float:left}


.responsive250picright { width:260px; float:right; padding:5px;text-align:center;}
.responsive250picright img{max-width:100%}
.responsive250picleft { width:260px; float:left; padding:5px;text-align:center;}
.responsive250picleft img{max-width:100%}

.responsive300picright { width:310px; float:right; padding:5px;text-align:center;}
.responsive300picright img{max-width:100%}
.responsive300picleft { width:310px; float:left; padding:5px;text-align:center;}
.responsive300picleft img{max-width:100%}

.responsive400picright {width:410px; float:right; margin:1.3%;text-align:center;}
.responsive400picright img {width:100%;}
.responsive400picleft {width:410px; float:left; margin:1.3%;text-align:center;}
.responsive400picleft img {width:100%;}

@media(min-width:0px) and (max-width: 410px){
.responsive400picright {width :100%;margin:1%;text-align:center;}
.responsive400picright img{width:100%;}
.responsive400picleft{width :100%;margin:1%;text-align:center;}
.responsive400picleft img{width:100%;}
.twocolleftfloat{width:320px;float:left;margin: 0px 0px 0px 0px;}
}

@media (min-width:0px) and (max-width: 320px) {
.fullwidthwindow {width:320px;  float:left; margin:0px; padding:0px;}
.fullwidthmultipart{width:100%;display:block;margin:0px; padding:0px;}
.twocolleftfixed{width:50%;height:80px;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:80%;; margin: 0px 0px 0px 0px;}
.twocolrightfloat{width:70%;height:90px;margin:0% 15% 0% 15%;padding:1% 0% 0% 0%;}
.sized200type{font-size:90%;}
.sized150type{font-size:80%;}
.sized120type{font-size:70%;}
.sized100type{font-size:70%;}
.sized75type{font-size:60%}
.t1navmenuitem{margin: 0% 5% 0% 5%;text-align:center;}
   .t1navmenubox{width:100%;text-align:center;}
.highlightedPage {display:none}
.nonhighlightedPage {display:none}
.multicolumn2{width:100%;  }
.multicolumn3{width:100%; }
.responsiveoveride {width:320px;float:left;}
.hdrlogowidth{width:100%;}
.homepictureswidth{width:100%;}
.blaqualineheight{height:2px;}
.subMenuBar div {width:13.65%;display:inline-block; float:left; }
}

@media (min-width: 321px) and (max-width: 500px){
.twocolleftfixed{width:50%;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:80%; margin: 0px 0px 0px 0px;}
.sized200type{font-size:110%;}
.sized150type{font-size:100%;}
.sized120type{font-size:90%;}
.sized100type{font-size:80%;}
.sized75type{font-size:60%}
.t1navmenuitem{margin: 0% 5% 0% 5%;text-align:center;}
   .t1navmenubox{width:100%;text-align:center;}
.highlightedPage {display:none}
.nonhighlightedPage {display:none}
.multicolumn2{width:100%;  }
.responsiveoveride {width:320px; float:left;}
.hdrlogowidth{width:100%;}
.homepictureswidth{width:100%;}
.blaqualineheight{height:2px;}
.subMenuBar div {width:13.65%;display:inline-block; float:left;  }
}

@media (min-width: 501px) and (max-width: 600px){
.twocolleftfixed{width:200px;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:100%; margin: 0px 0px 0px 0px;}
.sized200type{font-size:150%;}
.sized150type{font-size:120%;}
.sized120type{font-size:90%;}
.sized100type{font-size:90%;}
.sized75type{font-size:60%}
.highlightedPage {display:none}
.nonhighlightedPage {display:none}
.hdrlogowidth{width:80%;}
.homepictureswidth{width:90%;}
.blaqualineheight{height:3px;}
.subMenuBar div {width:12%;display:inline-block;  }
}

@media (min-width: 601px) and (max-width: 900px){
.twocolleftfixed{width:200px;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:100%; margin: 0px 0px 0px 0px;}
.sized200type{font-size:170%;}
.sized150type{font-size:130%;}
.sized120type{font-size:110%;}
.sized100type{font-size:100%;}
.sized75type{font-size:75%;}
.hdrlogowidth{width:70%;}
.homepictureswidth{width:80%;}
.blaqualineheight{height:5px;}
.subMenuBar div {width:13%;display:inline-block;  }
}

@media (min-width:901px){
.t1headerbox{width:250px;  }
.t1titlebox{ float:left;;background:white;}	
.t1footerbox{width:95%; background:white; }
.twocolleftfixed{width:200px;float:left; margin: 0px 0px 0px 0px;}
.twocolleftfixed img{max-width:100%; margin: 0px 0px 0px 0px;}
.sized200type{font-size:200%;}
.sized150type{font-size:150%;}
.sized120type{font-size:120%;}
.sized100type{font-size:100%;}
.sized75type{font-size:75%;}
.hdrlogowidth{width:60%;}
.homepictureswidth{width:80%;}
.blaqualineheight{height:5px;}
.subMenuBar div {width:13%;display:inline-block;  }
}

.formItems{display:block; padding-bottom:0px;}
.formItems div {display:inline-block;}
.formLinePart {padding-bottom:2%}
.formLineBottomPart{padding-bottom:2%; color:blue; font-size:120%;}
.formLineBottomPartNormal{padding-bottom:2%; }
.formLineBottomPartFloatRight{float:right;}
.text20em {width:7em;float:left;}
.text30em {width:10em;float:left;}
.text40em {width:16em;float:left;}
.bigbuttons{
font-family:"Times New Roman",georgia,verdana,serif;
    font-size:125%;
    padding:5px 15px; 
    background:#069; 
    border:2px solid  white;
	color :#f5ffff;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
@media (min-width:0px) and (max-width: 320px) {
.formItems{display:block;}
.formItems div {display:block;}
.formLinePart {padding:inherit;}
}