/*
CCMUASHEETPIPESREPEATFIX.CSS
*/

.bluetable {
border-width: 3px ;
border-top-color: #99ccff ;
border-right-color: #336699 ;
border-bottom-color: #003366 ;
border-left-color: #6699cc ;
}


.vertcenter {
font-family: Verdana,Arial,sans-serif ;
vertical-align: middle ;
border: 5px solid green ;
}

.debugpurple {
border: 5px solid purple ;
}

.clearall {
clear: both ;
}


.yellowbox {
font-family: Verdana,Arial,sans-serif ;
background-color: #ffc ;
border: 5px #ffc solid ;
width: 22% ;
float: left ;
}

.brightyellowbox {
font-family: Verdana,Arial,sans-serif ;
background-color: #fe0 ;
border: 5px #ffc solid ;
width: 95% ;
text-align: center ;
}

.datesuffix {
font-size: .6em ;
vertical-align: super ;
}

.floatright {
float: right ;
z-index: -1 ;
/*/*//*/align: center ;/* */
}

.floatleft {
clear: left ;
/*/*//*/clear: right ;/* */
}
/*
The strange-looking line above (clear: right;) is an example of the "Caio hack" (discovered by a
developer named Caio) that makes Netscape 4 apply a rule while newer browsers ignore it. The
Caio hack works because Netscape 4 interprets comment delimiters differently than newer
browsers. To a modern browser, the odd sequence of asterisks and slashes doesn't add up to a
closed comment sequence until the final asterisk-slash, so it ignores the whole line. To Netscape
4, the group of asterisks and slashes before "clear" makes a complete comment. Since the
comment has ended, it reads and applies "clear: right;". The final asterisk-slash group is a valid
complete (empty) comment, and Netscape 4 skips over it too.
*/

.floatleft2 {
float: left ;
border: 5px #fff solid ;
}

#textright {
font-family: Verdana,Arial,sans-serif ;
padding-top: 0em ;
float: left ;
width: 75% ;
outline-width: 0em ;
outline-style: ridge ;
outline-color: #ffffff ;
border: #ffffff 0px ;
background-image: url( gifs/vertpipespaleweb.gif) ;
background-repeat: repeat-y ;

}

#header {
padding-left: 0em ;
padding-bottom: 2em ;
border: #ffffff 0px ;
background-image: url( gifs/pipespalegif) ;
background-repeat: no-repeat ;
background-position: left bottom ;
}

ul {
font-family: Verdana,Arial,sans-serif ;
list-style-image: url(gifs/bluedropnewsmalltrans.gif) ;
list-style-type: disc ;
}

ol {
font-family: Verdana,Arial,sans-serif ;
}

.ttitle {
background-color: #cff ;
}
h1 {
/*
font-size: 2.5em ;
*/
font-family: Verdana,Arial,sans-serif ;
}

h2 {
/*
font-size: 2.0em ;
*/
font-family: Verdana,Arial,sans-serif ;
}

h3 {
/*
font-size:1.5em ;
*/
font-family: Verdana,Arial,sans-serif ;
}

h4 {
/*
font-size: 1.15em ;
*/
font-family: Verdana,Arial,sans-serif ;
}

h5 {
/*
font-size: 1.05em ;
*/
font-family: Verdana,Arial,sans-serif ;
}

h6 {

font-size: .8em ;

font-family: Verdana,Arial,sans-serif ;
}

.e1 {
padding-right: 40px ;
margin-right: 10% ;
}

.emph {
z-index: -1 ;
background-color: #dff ;
border-style: solid ;
border-thickness: 5px ;
border-color: #cee ;
position: relative ;
left: 40px ;
}

.indentit {
padding-left: 3em ;
}

.iindentit {
padding-left: 3em ;
font-style: italic ;
}

.bindentit {
padding-left: 3em ;
font-weight: bold ;
}

.biindentit {
padding-left: 3em ;
font-style: italic ;
font-weight: bold ;
}

.indentp {
position: relative ;
/*
left: 50px ;
right: 50px ;
*/
margin-left: 50px ;
margin-right: 50px ;
*/
font-family: Verdana,Arial,sans-serif ;
}

.ccmua  {
color: #004499 ;
text-align: center ;
font-style: italic ;
font-family: Verdana,Arial,sans-serif ;
}

h1.ccmua  {
/*/*//*/ font-size: 2.5em ;/* */
color: #004499 ;
text-align: center ;
font-style: italic ;
font-family: Verdana,Arial,sans-serif ;
}

h3.ccmua {
/*/*//*/ font-size: 1.5em ;/* */
color: #004499 ;
text-align: center ;
font-style: italic ;
font-family: Verdana,Arial,sans-serif ;
}

.navitem {
font-family: Verdana,Arial,sans-serif ;
/*/*//*/ font-size: smaller ;/* */
/*/*//*/margin-left: -10px ;/* */
}


.smalltext {
font-size: .8em ;
font-family: Verdana,Arial,sans-serif ;
}

.boldtext {
font-weight: bold ;
font-family: Verdana,Arial,sans-serif ;
}

.italictext {
font-style: italic ;
font-family: Verdana,Arial,sans-serif ;
}

.bolditalictext {
font-weight: bold ;
font-style: italic ;
font-family: Verdana,Arial,sans-serif ;
}


#container
{
font-family: Verdana,Arial,sans-serif ;
margin: .1em ;
/*
border-style: solid ;
border-width: 5px ;
border-color: yellow ;
*/
}

#banner
{
margin: 0em ;
padding: 0em ;
font-family: Verdana,Arial,sans-serif ;
}

#banner h1
{
margin: 0 ;
padding: .5em ;
margin: .2em ;
font-family: Verdana,Arial,sans-serif ;
}

#nav
{
float: left ;
width: 200px ;
width: 25% ;
margin-left: 1px ;
padding: .4em ;
padding-top: 1em ;
margin-top: 0 ;
font-family: Verdana,Arial,sans-serif ;
background-color: #cff ;

border-style: solid;
border-thickness: 5px ;
border-color: #bee #699 #366 #add  ;
}

#navnoprint
{
float: left ;
width: 200px ;
width: 25% ;
margin-left: 1px ;
padding: .4em ;
padding-top: 1em ;
margin-top: 0 ;
font-family: Verdana,Arial,sans-serif ;
background-color: #cff ;

border-style: solid;
border-thickness: 5px ;
border-color: #bee #699 #366 #add  ;
}

.nstable {
font-family: Verdana,Arial,sans-serif ;
/*/*//*/margin-left: 220px ;/* */
/*/*//*/padding-left: 220px ;/* */
/*/*//*/left: 220px ;/* */
}


#content
{
padding: .4em ;
padding-top: 1em ;
font-family: Verdana,Arial,sans-serif ;
/*
border-style: dotted ;
border-width: 5px ;
border-color: black ;
*/
}

#footer
{
clear: both ;
margin: .2em ;
padding: 1em ;
text-align: right ;
font-size: .8em ;
border-bottom: 3px solid #049 ;
border-right: 3px solid #049 ;
margin-left: 5em ;
background-image: url(gifs/gradientright.gif) ;
/*/*//*/ background-image: url(gifs/gradientleft.gif) ; /* */

background-repeat: repeat-y ;
background-position: right ;
font-family: Verdana,Arial,sans-serif ;
}
          
.fancy
{
background-image: url(gifs/gradient5nn4.jpg) ; 
padding: 1em ; 
background-repeat: no-repeat ;
font-family: Verdana,Arial,sans-serif ;
/*/*//*/background-image: none ;/* */
}



.fancythinright
{
border-right: 3px solid #049 ;
border-bottom: 1px solid #049 ;
padding: .1em ;
padding-right: .4em ;
margin-left: 400px ;
font-family: Verdana,Arial,sans-serif ;
}
/*
a:hover {
     background-color: #2586d7;
     color: #fff;
font-family: Verdana,Arial,sans-serif ;
     }
*/

hr {
color: #006699 ;
}

body
{
margin: 0;
padding: 10px;
font-family: Verdana,Arial,sans-serif ;
font-size: 1em ;
color: #000 ;
background-color: #fff ;
}


#pipemaze {
background-image: url(gifs/palepipesrepeatbackground500x124.jpg) ;
background-repeat: repeat-x ;
width: 100% ;
color: #009 ;
padding-top: 5px ;
background-color: #fff ;
text-align: center ;
font-family: Verdana,Arial,sans-serif ;
font-style: italic ;
}

p {
font-family: Verdana,Arial,sans-serif ;
}


.oldimage {
font-family: Arial,Verdana,sans-serif ;
}

.newimage {
/*/*//*/ display: none ; /* */
font-family: Arial,Verdana,sans-serif ;
}
/*
The strange-looking line above (display: none) is an example of the "Caio hack" (discovered by a
developer named Caio) that makes Netscape 4 apply a rule while newer browsers ignore it. The
Caio hack works because Netscape 4 interprets comment delimiters differently than newer
browsers. To a modern browser, the odd sequence of asterisks and slashes doesn't add up to a
closed comment sequence until the final asterisk-slash, so it ignores the whole line. To Netscape
4, the group of asterisks and slashes before "display" makes a complete comment. Since the
comment has ended, it reads and applies "display: none". The final asterisk-slash group is a valid
complete (empty) comment, and Netscape 4 skips over it too.
*/

.scaption {
font-family: Arial,Verdana,sans-serif ;
font-weight: bold ;
}
/*
scaption is a class that tells the browser what group of fonts to use and tells it to make the font
bold
*/

.icaption {
font-family: Arial,Verdana,sans-serif ;
font-style: italic ;
}
/*
icaption is a class that tells the browser what group of fonts to use and tells it to make the font
italic
*/

.sicaption {
font-family: Arial,Verdana,sans-serif ;
font-weight: bold ;
font-style: italic ;
}
/*
sicaption is a class that tells the browser what group of fonts to use and tells it to make the font
bold and italic
*/

.si {
font-family: Arial,Verdana,sans-serif ;
font-weight: bold ;
font-style: italic ;
}
/*
si does the same thing as sicaption, and I have no idea why I thought I needed both
*/

.smalltext {        
font-family: Arial,Verdana,sans-serif ;
font-style: normal ;
font-size: .8em ;
}
/*
smalltext tells the browser to show the text within this class at 80% of the user's default font size
*/

.ismalltext {
font-family: Arial,Verdana,sans-serif ;
font-size: .8em ;
font-style: italic ;
}
/*
ismalltext makes text 80% of the default size, and italic
*/

.bsmalltext {
font-family: Arial,Verdana,sans-serif ;
font-size: .8em ;
font-weight: bold ;
}
/*
bsmalltext is 80 per cent of normal size and bold
*/

.bismalltext {
font-family: Arial,Verdana,sans-serif ;
font-size: .8em ;
font-weight: bold ;
font-style: italic ;
}
/*
bismalltext is 80 per cent of normal and - surprise - both bold and italic
*/

.smallertext {
font-family: Arial,Verdana,sans-serif ;
font-size: .7em ;
}
/*
smallertext is 70 per cent of normal (default) size
*/

.ismallertext {
font-family: Arial,Verdana,sans-serif ;
font-size: .7em ;
font-style: italic ;
}
/*
ismallertext ...oh, you can figure it out by now
*/

.bsmallertext {
font-family: Arial,Verdana,sans-serif ;
font-size: .7em ;
font-weight: bold ;
}

.bismallertext {
font-family: Arial,Verdana,sans-serif ;
font-size: .7em ;
font-weight: bold ;
font-style: italic ;
}

.bigtext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.1em ;
}
/*
bigtext - 110 percent of the user's default size
*/

.ibigtext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.1em ;
font-style: italic ;
}
/*
110 percent and italic
*/

.bbigtext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.1em ;
font-weight: bold ;
}
/*
110 percent bold
*/

.bibigtext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.1em ;
font-weight: bold ;
font-style: italic ;
}

.biggertext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.4em ;
}
/*
140 percent
*/

.ibiggertext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.4em ;
font-style: italic ;
}

.bbiggertext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.4em ;
font-weight: bold ;
}

.bibiggertext {
font-family: Arial,Verdana,sans-serif ;
font-size: 1.4em ;
font-weight: bold ;
font-style: italic ;
}

.swamppink {
font-family: Arial,Verdana,sans-serif ;
color: #c69 ;
}
/*
this class displays text as a slightly fleshy medium pink - created for the swamp pink page
*/

.winslowgreen {
font-family: Arial,Verdana,sans-serif ;
color: #396 ;
}
/*
displays text as a medium green - created for the set of pages about the Winslow park
*/

.winslowdarkgreen {
font-family: Arial,Verdana,sans-serif ;
color: #063 ;
}

.palepaleblue {
font-family: Arial,Verdana,sans-serif ;
color: #eff ;
}
/*
displays as, yep, a light blue - don't remember right now what this was used for...
*/

.springgreen {
font-family: Arial,Verdana,sans-serif ;
color: #6c9 ;
}

.springblue {
font-family: Arial,Verdana,sans-serif ;
color: #99f ;
}

.lavender {
font-family: Arial,Verdana,sans-serif ;
color: #c9f ;
}

.turkeybrown {
font-family: Verdana,Arial,sans-serif ;
color: #930 ;
}
/*
medium red brown
*/

.christmasgreen {
font-family: Verdana,Arial,sans-serif ;
color: #090 ;
}
/*
pure medium green
*/

.smalepalepaleblue {
font-family: Arial,Verdana,sans-serif ;
color: #eff ;
font-size: .8em ;
}
/*
very light blue and 80 percent of default size
*/

.darkblue {
font-family: Arial,Verdana,sans-serif ;
color: #036 ;
color: #002277 ;
}
/*
I must have had second thoughts about the look of this color. #036 would be a medium greenish
blue; #027 has less green and more blue.
*/

.bdarkblue {
font-family: Arial,Verdana,sans-serif ;
font-weight: bold ;
color: #036 ;
color: #002277 ;
}

.darkred {
font-family: Arial,Verdana,sans-serif ;
color: #900 ;
}
/* 
like it says - pure red, fairly dark
*/

.darkishred {
font-family: Arial,Verdana,sans-serif ;
color: #c00 ;
}
/*
slightly brighter than 900
*/

.mediumred {
font-family: Arial,Verdana,sans-serif ;
color: f00 ;
}
/*
as bright as a pure red gets
*/

th,td {
font-family: Arial,Verdana,sans-serif ;
padding-left: 5px ;
padding-right: 5px ;
}
/*
keeps text in table cells (th, table header; td, table data) from running right into the cell borders
by inserting 5 pixels of blank space on left (padding-left: 5px) and right
*/

.nsli {
padding-bottom: 7px ;
}
/*
looks like it's meant for list items in Netscape 4 (ns = netscape, li=list) and will insert 7 pixels of
clear space after a list item. It's been some time since I looked at Netscape 4, but as I remember it
Netscape did NOT insert a blank line after items in a list (newer browsers do) - this would have
been meant to force that blank line.
*/


.pcbtitle {
background-image: url(gifs/blends5.jpg) ; 
padding: 1em ; 
color: #cc6 ;
background-repeat: no-repeat ;
font-family: Verdana,Arial,sans-serif ;
/*/*//*/background-image: none ;/* */
/*/*//*/color: #009 ;/* */
}

.oldgold {
color: #993 ;
}

#announcewrapper {
height: 40px ;
width: 500px ;
}

#announce {
min-height: 40px ;
min-width: 500px ;
background-image: url(gifs/fade.gif) ;
background-repeat: no-repeat ;
height: 40px ;
width: 500px ;

background-position: 0 -200 ;
border-top-width: 0px ;
padding-top: 25px ;
z-index: -50 ;
}

a#announce:hover {
background-image: url(gifs/fadehover.gif) ;
background-repeat: no-repeat ;

min-height: 40px ;
min-width: 500px ;
height: 40px ;
width: 500px ;

}

.unseen {
/*
visibility: hidden ;
*/
}