/* CODOG CSS VISUAL FORMATTING ONLY */
/* working on this, Monday, 21 Feb 2005, and continuing */
/* HORIZONTAL NAV, TWO-COLUMNS */
/* codog.css */
/* BODY AND BASICS */

body {
/* background: #ccc url("images/leavesblanket-ccc.gif") repeat-y 50% 0; */
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 94%;
margin: 0 0 0 0;
padding: 0;
color : #000;
/* background-color: #ccc; */
z-index: 0;
}

/* body.bc1 {background: #ccc url("images/logos/blanket-09c.gif") repeat-y 50% 0;} */
/* body.bc1 {background: #9cf url("images/logos/blnktbord9cf.gif") repeat-y top left;} */
body.bc1 {background: #9cf url("images/logos/blfbord9cf.gif") repeat-y top left;}
body.bc2 {background: #09c url("images/logos/blanket-09c.gif") repeat-y 50% 0;}
body.bc3 {background: #9cf url("images/logos/blanket-09c.gif") repeat-y 50% 0;}
body.bc4 {background: #9cf url("images/logos/blfbordcarly9cf.gif") repeat-y top left;}
body.bc5 {background: #9cf url("images/logos/blanket-9cf.gif") repeat-y 50% 0;}


#headwrapper {
/* terrible pink */
/* background-color: #f0f; */
display: block;
margin: 0;
padding: 0;
}


#headbackbox {
background-color: #036;
margin: 0;
padding: 0;
}



#pagetop {
/* now anchor only */
margin: 0;
padding: 0;
}

#masthead {
/* display: block; */
width: 100%;
margin: 0;
padding: 0;
}

#masthead img {
height: 160px;
width: 96%;
margin: 1em 1em 0 1em;
padding: 0;
border: none;
text-align: center;
}


#galrymast {
width: 100%;
margin: 0;
padding: 0;
}

#galrymast img {
height: 116px;
width: 96%;
margin: 1em 1em 0 1em;
padding: 0;
border: none;
text-align: center;
}


#galmg {
height: 116px;
width: 96%;
margin: 1em 1em 0 1em;
padding: 0;
border: none;
text-align: center;
}






/* Weakley COLUMN DEFS LIQUID */

/* Try gutter OUTSIDE columns container */

#gutter {
/* background-color: #ff9; */
float: left;
width: 3%;
height: 1px;
}

/* ********************* */
/* COLUMN STYLING */
/* ********************* */


#colwrapper {
/* background:url("images/logos/bord036.gif") repeat-y top right; */
/* background-color: #f00; */
display: inline;
}

#column1 {
/* background: #9cf url("images/logos/leaves1-9cfmir-20px-xp.gif") repeat-y 18% 0; */
background: #9cf url("images/logos/leaves1-9cfmir-z50tr-xp.gif") repeat-y 10% 0;
/* display: block; */
float: left;
/* min-height: 100%; */
/* height: 100%; */
height: 1760px;
width: 3%;
margin: 1em 1em 1em 1em;
padding: 1em;
/* margin: 0; */
/* padding: 0; */
/* background-color: #c9f; */
/* background-color: #0fc; */
}

#col1photo {
background: #09c url("images/logos/leaves1-09cblind-20px.gif") repeat-y 18% 0;
/* background: #999 url("images/logos/leaves1-09cblind-20px.gif") repeat-y 18% 0; */
/* display: block; */
float: left;
/* min-height: 100%; */
/* height: 100%; */
height: 270px;
width: 3%;
margin: 1em 1em 1em 1em;
padding: 1em;
/* margin: 0; */
/* padding: 0; */
/* background-color: #c9f; */
/* background-color: #0fc; */
}

/* content column 2 */
/* MAIN PAGE CONTENT */

#column2 {
display: block;
float: left;
width: 60%;
/* min-height: 100%; */
/* height: 100%; */
/* margin: 0 1em 1em 1em; */
margin: 1em;
padding: 1em;
/*  margin-bottom: 10px; */
background-color: #ccc;
}

#col2photo {
display: block;
float: left;
width: 60%;
/* min-height: 100%; */
/* height: 100%; */
/* margin: 0 1em 1em 1em; */
margin: 1em;
padding: 1em;
/*  margin-bottom: 10px; */
background-color: #9cf;
}



#column3 {
/* background: #9cf url("images/logos/leaves1-9cf-20px-xp.gif") repeat-y 18% 0; */
background: #9cf url("images/logos/leaves1-9cf-z50tr-xp.gif") repeat-y 26% 0;
/* display: block; */
float: left;
/* float: right; */
/* min-height: 100%; */
/* height: 100%; */
height: 1760px;
width: 4%;
margin: 1em 1em 1em 1em;
padding: 1em;
/* margin: 0; */
/* padding: 0; */
/* margin-bottom: 10px; */
/* background-color: #c9f; */
/* background-color: #0fc; */
}


#col3photo {
background: #09c url("images/logos/leaves1-09cblind-20px.gif") repeat-y 82% 0;
/* background: #999 url("images/logos/leaves1-09cblind-20px.gif") repeat-y 18% 0; */
/* display: block; */
float: left;
/* float: right; */
/* min-height: 100%; */
/* height: 100%; */
height: 270px;
width: 4%;
margin: 1em 1em 1em 1em;
padding: 1em;
/* margin: 0; */
/* padding: 0; */
/* margin-bottom: 10px; */
/* background-color: #c9f; */
/* background-color: #0fc; */
}

#footwrapper {
/* terrible pink */
/* background-color: #f0f; */
clear: both;
display: block;
width: 100%;
margin: 0;
padding: 0;
}

#futpic {
/* clear: both; */
display: block;
width: 100%;
margin: 0;
padding: 0;
border: none;
}


#futpic img {
height: 56px;
width: 96%;
border: none;
margin: 1em 1em 0 1em;
padding: 0;
text-align: center;
}


#futpicphot {
/* clear: both; */
display: block;
width: 100%;
margin: 0;
padding: 0;
border: none;
}


#futpicphot img {
height: 56px;
width: 96%;
border: none;
margin: 1em 1em 0 1em;
padding: 0;
text-align: center;
}



#futpicphotimg {
height: 56px;
width: 96%;
border: none;
margin: 1em 1em 1em 1em;
padding: 0;
text-align: center;
}






#infocopy {
background-color: #9cf;
font-family: Verdana,Trebuchet,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 90%;
color: #000;
margin: 0 1em 0 1em;
padding: 1em 1em 1em 1em;
width: 94%;
border: none;
text-align: center;
}

/* ************************************** */
/* Special columns for dreams.htm */
/* ************************************** */

#dreamcol1 {
float: left;
width: 14%;
margin-top: 7px;
margin-right: 7px;
margin-bottom: 10px;
margin-left: 7px;
background-color: #c9f;
}

#dreamcol2 {
float: left;
width: 60%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #9cf;
}

#dreamcol3 {
float: left;
width: 14%;
margin-top: 7px;
margin-right: 7px;
margin-bottom: 10px;
margin-left: 7px;
background-color: #c9f;
}

/* ************************************** */
/* END Special columns for dreams.htm */
/* ************************************** */


/* ********************************************* */
/* Special columns for MSTRBOB LEAVES suggestion */
/* Friday, 1 Apr 2005, WebDeveloper CSS forum */
/* ********************************************* */


#allcolwrap {
/* background:url("images/logos/bord036.gif") repeat-y top right; */
/* background-color: #f00; */
/* make col1 into a line-box */
/* it is to extend the full width of the page */
/* except for its left margin, which needs to allow 75px on the left for leavesbord */
/* it contains col2, col2 content, and col3 */
/* note that col2 contains col2content, and also col3 (from v. 165? on) */
margin: 0;
padding: 0;
display: inline;
width: 99%;
/* display: block; */
}

/* v. 172ff: col1 has become effectively a mere container (no leafbord) */
/* right leafbord is now moved to col2, where it appears to work */
/* notice that noew (v. 172ff), col2 holds all significant stuff */
/* i.e. col2content, col3-vnav, and leafbord which is its background image */

#col1 {
/* background-color: #6fc; */
margin: 0 0 0 70px;
padding-left: 10px;
width: 89%;
margin-bottom: 10px;
}

/* in v. 160ff, not using col23wrapper */

#col2 {
background:url("images/logos/leafbord9cfright.gif") repeat-y top right;
/* background-color: #9cc; */
float: left;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}

#col2content {
/* background-color: #f6f; */
background-color: #ccc;
float: left;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 10px;
margin-left: 1px;
padding: 1em;
width: 60%;
}

#col2content p {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
padding: 0 1em 1em 1em;
}


#col3 {
/* background-color: #c9f; */
/* background-color: #9cc; */
width: 20%;
float: left;
margin-top: 7px;
margin-right: 1px;
margin-bottom: 10px;
margin-left: 2px;
padding-left: 30px;
}


#col3 h3 {
background-color: #0f9;
color: #036;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
width: 8em;
margin: 2em 0 1em 0;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}


#col3 h4 {
background-color: #0f9;
color: #036;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
font-style: normal;
width: 8em;
margin: 1em 0 1em 0;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}



/* ************************************** */
/* END Special columns for MSTRBOB LEAVES suggestion */
/* ************************************** */


/* ************************************************ */
/* BEGIN RUSS WEAKLEY'S VERTICAL NESTED NAV */
/* ************************************************ */


#navcontainerwrap {
background-color: #c9f;
}

/* Use this if there are no top page headers above the main col2content */
/* in order to push vertical nav down to where it looks reasonably located */

#col3navdown {
margin-top: 11em;
}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
color: #fff;
background-color: #036;
width: 8em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#navcontainer a:hover {
background-color: #369;
color: #fff;
}

#navcontainer li li a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
color: #fff;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}




/* ************************************************ */
/* WEAKLEY VERTICAL NAV - LINKS TO OUTSIDE  */
/* ************************************************ */





/* Use this to push outside links down from inside (codog) inside links */

#col3subnavdown {
margin-top: 2em;
}

/* Use this to separate groups of links if there's no title to do the job */

.vertnavout {
margin-top: 1em;
}



#navoutwrap {
list-style-type: none;
}


#navout ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navout a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
color: #fff;
background-color: #00c;
width: 8em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#navout a:hover {
background-color: #69f;
color: #fff;
}

#navout li li a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
color: #fff;
background-color: #399;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}



#navout2wrap {
list-style-type: none;
}




#navout2 ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navout2 a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
color: #fff;
background-color: #00c;
width: 8em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#navout2 a:hover {
background-color: #69f;
color: #fff;
}

#navout2 li li a {
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
color: #fff;
background-color: #399;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}


/* ****************************************************** */
/* END NAVOUT AREA (links to offsite sites) */
/* ****************************************************** */


/* ************************************************ */
/* END RUSS WEAKLEY'S VERTICAL NESTED NAV */
/* ************************************************ */

#photonav {
/* background-color: #6c6; */
clear: both;
}

#animlogo {
float: right;
width: 110px;
height: 143px;
border: thin solid black;
margin: 2px 20px 2px 5px;
padding: 1px;
z-index: 2;
}

#islogo {
float: right;
width: 120px;
height: 90px;
border: none;
margin: 2px 20px 2px 5px;
padding: 1px;
z-index: 2;
}




#carlottalogo {
float: right;
width: 110px;
height: 143px;
border: 0;
margin: 2px 10px 2px 5px;
padding: 0px;
z-index: 2;
}

#heron {
width: 263px;
height: 238px;
border: none;
margin: 1em;
padding: 0px;
z-index: 2;
}

#ospreyfish {
width: 250px;
height: 198px;
border: none;
margin: 1em;
padding: 0px;
z-index: 2;
}




#topphoto {
clear: both;
margin: 0;
padding: 0;
}

#topphoto img {
margin: 0;
padding: 1em 1em 1em 1em;
width: 283px;
height: 282px;
border: thin solid black;
text-align: center;
}

#validcss {
float: left;
width: 88px;
height: 31px;
margin: 1em;
padding: 1em;
border: none;
}

#validhtml {
float: right;
width: 88px;
height: 31px;
margin: 1em;
padding: 1em;
border: none;
}


/* *********************************** */
/* END EVEN COLUMNS ONE AND THREE */
/* ********************************* */


a:link {
color: #33f;
text-decoration: none;
}

a:active {
color: #006;
text-decoration: underline;
}

a:visited {
color: #c03;
text-decoration: none;
}

a:hover {
color: #f30;
text-decoration: underline;
}

h1 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 180%;
font-weight: bold;
text-align: center;
}

h2 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-variant: small-caps;
font-size: 140%;
font-weight: bold;
text-align: center;
}

h3 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 120%;
font-weight: bold;
text-align: center;
}

h4 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
font-style: oblique;
text-align: center;
}

h5 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

h6 {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 100%;
font-weight: normal;
font-variant: small-caps;
text-align: center;
}


.lasthed h3 {
line-height: 200%;
}


.colphoto {
margin: 0;
padding: 0;
}

.colphoto img {
margin: 0;
padding: 1em 1em 1em 1em;
/* width: 283px; */
/* height: 282px; */
border: thin solid black;
}


p {
margin: 0;
padding: 0 1em 1em 1em;
line-height: 130%;
text-indent: 1em;
}


/* ************************************************* */
/* NAVMAIN for all main pages, horizontal nav, top */
/* ************************************************* */



#navbox {
margin: 0;
padding: 0;
background-color: #0c6;
width: 100%;
border: 0;
}


ul#navmain {
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 0 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navmain li {
display: inline;
list-style-type: none;
}

#navmain a {
padding: 3px 10px;
}

#navmain a:link, #navmain a:visited {
color: #fff;
/* background-color: #036; */
background-color: #09c;
text-decoration: none;
}

#navmain a:hover, #navmain a:active {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
background-color: #069;
color: #fff;
text-decoration: none;
/* text-decoration: underline; */
}


ul#navsub {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub li
{
display: inline;
list-style-type: none;
}

#navsub a {
padding: 3px 10px;
}

#navsub a:link, #navsub a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}



ul#navsub2 {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub2 li {
display: inline;
list-style-type: none;
}

#navsub2 a {
padding: 3px 10px;
}

#navsub2 a:link, #navsub2 a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub2 a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}


ul#navsub3 {
/* background-color: #0c6; */
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 1em 1em;
padding: 4px;
/* white-space: nowrap; */
text-align: center;
}

#navsub3 li {
display: inline;
list-style-type: none;
}

#navsub3 a {
padding: 3px 10px;
}

#navsub3 a:link, #navsub3 a:visited {
color: #fff;
/* background-color: #369; */
/* background-color: #39c; */
background-color: #09c;
text-decoration: none;
}

#navsub3 a:hover {
/* color: #33f; */
color: #fff;
/* background-color: #cff; */
/* background-color: #396; */
background-color: #069;
text-decoration: none;
}


/* ************************************************* */
/* END HORIZONTAL NAV FOR MAIN PAGES
/* ************************************************* */


/* ***************************************************** */

/* FOR VERTICAL NESTED NAV, WEAKLEY */
/* REORGANIZING, Tuesday, 1 Mar 2005, 09:13:49 */
/* for new structure */
/* WEAKLEY's nested lists */
/* LEFT-SIDE NAV IN COL ONE */
/* Same may apply to RIGHT-SIDE NAV IN COL TWO */



#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li {
margin: 0;
}

#nav a {
display: block;
color: #fff;
background-color: #009;
font-size: 100%;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
}

#nav a:hover {
background-color: #cff;
color: #33f;
}

#nav li li a {
display: block;
font-size: 100%;
color: #fff;
background-color: #09c;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: right;
}

#navsite ul {
margin: 4em 2em 8em 4em;
padding: 0;
list-style-type: none;
}

#navsite li {
margin: 0;
}

#navsite a {
display: block;
color: #fff;
background-color: #009;
font-size: 100%;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
}

#navsite a:hover {
background-color: #cff;
color: #33f;
}

#navsite li li a {
display: block;
font-size: 100%;
color: #fff;
background-color: #09c;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: right;
}


/* ************************* */
/* SECOND SET OF NAV COLORS */
/* ************************* */

#nav2 ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav2 li {
margin: 0;
}

#nav2 a {
display: block;
color: #fff;
background-color: #009;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
}

#nav2 a:hover {
background-color: #cff;
color: #33f;
}

#nav2 li li a {
display: block;
color: #fff;
background-color: #09f;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: right;
}


/* ************************* */
/* ************************* */



/* ****************************************** */
/* THIRD SET OF NAV COLORS ; RIGHTNAV VERTICAL*/
/* ****************************************** */


#navph ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navph li {
margin: 0;
}

#navph a {
display: block;
color: #fff;
background-color: #009;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: left;
}

#navph a:hover {
background-color: #cff;
color: #33f;
}

#navph li li a {
display: block;
color: #fff;
background-color: #09f;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 2px solid #fff;
text-align: right;
}


/* *************************************** */
/* HORIZONTAL NAV for Top or Bottom */
/* *************************************** */

/* ************************************** */
/* Float horizontal NAV for Photos */
/* top of footer area (full-page width */


ul#navphlist
{
margin-left: 0;
padding-left: 0;
background-color: #9cf;
/* white-space: nowrap; */
}

#navphlist li {
display: inline;
list-style-type: none;
}

#navphlist a {
padding: 3px 10px;
}

#navphlist a:link, #navphlist a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navphlist a:hover {
color: #cff;
background-color: #33f;
text-decoration: none;
}


/* CAROL'S stuff NOT WORKING WELL */
/* Try RUSS WEAKLEY'S navbar, above */
/* just make substitutions (navphlist) below */

#navphprevnext {
margin: 0;
padding: 0;;
display: inline;
}

#navphoprevnext ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
background-color: #6c6;
/* white-space: nowrap; */
display: inline;
}

#navphprevnext ul li {
display: inline;
margin: 1em;
background-color: #6c6;
}


#navphprevnext ul li a {
text-align: center;
}


/* NAVPHLISTprevnext clall it NAVprevnext */



/* ************************************** */
/* Float horizontal NAV for Photos */
/* top of footer area (full-page width */

/* NAVPREVNEXT adpated by carol from Russ */
/* BOOKMARK */
/* *********************************** */

ul#navprevnext {
margin-left: 0;
padding-left: 0;
background-color: #9cf;
/* white-space: nowrap; */
}

#navprevnext li {
display: inline;
list-style-type: none;
}

#navprevnext a {
padding: 3px 10px;
}

#navprevnext a:link, #navprevnext a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navprevnext a:hover {
color: #cff;
background-color: #33f;
text-decoration: none;
}


/* END CAROL FROM RUSS NAVPREVNEXT */
/* END */


ul#navphoriztop {
margin-left: 0;
padding-left: 0;
background-color: #9cf;
/* white-space: nowrap; */
}

#navphoriztop li {
display: inline;
list-style-type: none;
}

#navphoriztop a {
padding: 3px 10px;
}

#navphoriztop a:link, #navphoriztop a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navphoriztop a:hover {
color: #33f;
background-color: #cff;
text-decoration: none;
}

ul#navphorizbot {
margin-left: 0;
padding-left: 0;
background-color: #9cf;
/* white-space: nowrap; */
}

#navphorizbot li {
display: inline;
list-style-type: none;
}

#navphorizbot a {
padding: 3px 10px;
}

#navphorizbot a:link, #navphorizbot a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navphorizbot a:hover {
color: #33f;
background-color: #cff;
text-decoration: none;
}

/* END WEAKLEY CSS FOR NESTED NAV */

/* TEXT CONTROL, GENERAL; MAY BE USED ANYWHERE */
/* WebDev Forums say "text-align" affects images too. */

.centerit {
text-align: center;
}


#pageindex {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
}

#pageindex p {
color: #00f;
text-align: center;
}

.blurb {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
text-align: left;
color: #000;
}

.totop {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
color: #00f;
}


.tosection {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
list-style-type: none;
text-align: center;
color: #f00;
}

#indxlst {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
/* font-weight: bold; */
margin-left: 0;
/* list-style-type: none; */
text-align: left;
/* color: #00f; */
}

#indxlst ol {
margin-left: 0;
/* list-style-type: none; */
text-align: left;
}


#indxlst ol li{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
margin-left: -1em;
/* list-style-type: none; */
text-align: left;
}



.contentlist {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
margin-left: 2em;
/* list-style-type: none; */
text-align: left;
color: #00f;
}


.contentlist ol {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
color: #000;
}


.contentlist ol li {
line-height: 150%;
}



/* SPECIAL-PURPOSE DIV STUFF */

.clearout {
clear: both;
}


/* END FULL-PAGE MAIN PAGE STYLING */


/* DETAILS FOR VARIOUS THINGS */
/* *********************** */

.textleft {
text-align: left;
}

.textright {
text-align: right;
}


/* MISC: horizontal rule */

hr {
width: 40%;
color: blue;
text-align: center;
}

/* ARTICLES and STORIES */
/* ORDERED LISTS */
/* FORMS [set for full-page widths right now) */
/* PHOTO GALLERIES */
/* MISBEHAVIOR OF STYLING */

/* ARTICLES and STORIES */
/* ordered list (should show numbers) */


/* ORDERED LIST: should show numbers */
/* REFER BACK TO NAV (above) for possible problem with LI list items */


ol {
margin: 1em;
padding: 0 1em 1em 1em;
}

ol li {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 90%;
/* width: 94%; */
margin: 0;
padding: 0 1em 1em 1em;
text-align: left;
}

/* UNORDERED LIST FOR LINKS */

.linklist {
list-style-type: none;
}



/* SPECIAL TEXT FORMATTING - BLOCKQUOTE STYLE */
/* FOR FULL-PAGE WIDTHS ONLY */


.bio {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
margin-left: 2em;
margin-right: 2em;
}



/* OBYDOBY */

.obydobytext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
/*  font-variant: small-caps; */
margin-left: 3em;
margin-right: 3em;
}

.authoremphtext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
/*  font-variant: small-caps; */
margin-left: 2em;
margin-right: 2em;
}


.oluldeep {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
line-height: 160%;
}

/* FORMS - formatting text for FORMS */


.feedput {
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 100%;
margin: 1em;
padding: 2em;
text-align: left;
}

.feedbutton {
margin: 1em;
padding: 2em;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
text-align: center;
}


/* VARIOUS TEXT FORMATTING: headings and text */
/* for WITHIN or WITHOUT DISPLAY BOXES */


/* HEADINGS for WITHIN or WITHOUT BOXES */


/* TEXT for WITHIN or WITHOUT DISPLAY BOXES */

.newstext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 94%;
font-weight: normal;
/* width: 88%; */
margin-left: 0.5em;
margin-right: 0.5em;
text-align: left
}


.noticetext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: normal;
/* width: 88%; */
margin-left: 1em;
margin-right: 1em;
/* padding: 1em; */
text-align: left
}


.messagetext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
font-weight: normal;
/* width: 88%; */
margin-left: 1em;
margin-right: 1em;
text-align: left
}


/* DISPLAY BOXES WITH BORDERS */
/* THESE BOXES ARE ASKED TO BEHAVE WELL */
/* BEHAVING BOXES */


/* BOXES FOR FULL-PAGE-WIDTH AREAS */
/* DISPLAY BOXES ASKED TO  BEHAVE WELL*/

/* MAY BE USED WITHIN OR WITHOUT COLUMNS */
/* I THINK! DEPENDS ON MEANING OF "width"! */
/* WATCH OUT FOR PIXEL DEFS, margins and padding */
/* maybe try percentages! */
/* MIGHT WORK WITHOUT COLUMNS, BUT NEED REVISION FOR WITHIN THEM */

/* GENERALIZE FULL-PAGE  AND COLUMN BOXES */


/* BOXES */

.box {
/* width: 94%; */
/* margin: 0; */
/* padding: 0; */
/* margin: 1em 4em 1em 4em; */
margin: 1em;
padding: 1em;
}


.centerbox {
/* width: 60%; */
/* margin: 0; */
/* padding: 0; */
margin: 1em;
padding: 1em;
text-align: center;
}

.newsbox {
/* width: 94%; */
/* margin: 0; */
/* padding: 0; */
margin: 1em;
padding: 1em;
border: thin solid blue;
}

.noticebox {
/* width: 94%; */
/* margin: 0; */
/* padding: 0; */
margin: 1em;
padding: 1em;
border: thin solid red;
}


.messagebox {
/* width: 94%; */
/* margin: 0; */
/* padding: 0; */
margin: 1em;
padding: 1em;
border: thin solid black;
}


/* SPECIAL BOXES */
/* BOOKMARK */

.greybox {
background-color: #c0c0c0;
/* width: 94%; */
margin: 1em;
padding: 1em;
border: thin solid black;
}

.blank9cfbox {
background-color: #ccc;
width: 94%;
margin: 1em;
padding: 1em;
border: thin solid black;
text-align: center;
}


.blankcccbox {
background-color: #ccc;
width: 88%;
margin: 1em;
padding: 1em;
border: thin solid black;
text-align: center;
}

.eyecccgifbox {
background-color: #ccc;
margin: 0;
padding: 0;
border: thin solid black;
}

.eye9cfgifbox {
background-color: #9cf;
margin: 0;
padding: 0;
border: 0;
}

.eye0c6gifbox {
background-color: #0c6;
margin: 0;
padding: 0;
border: 0;
}

.eyec9fgifbox {
background-color: #9cf;
margin: 0;
padding: 0;
border: 0;
}


.eye9f9gifbox {
background-color: #9cf;
margin: 0;
padding: 0;
border: 0;
border: thin solid black;
}


.col1accolade {
background-color: #9cf;
border: 0;
margin: 0;
padding: 0;
text-align: center;
}

.col2accolade {
background-color: #c9f;
border: 0;
margin: 0;
padding: 0;
text-align: center;
}


/* BOX BORDERS */


/* VISIBLE and INVISIBLE (space-holding) BORDERS */
/* Try using no-border to hold space in column one */
/* Try display as block to make the space to hold */

.nobord {
border: 0;
display: block;
}


.newsbord {
border: thin groove #00f;
display: block;
}

.noticebord {
border: thin inset #f00;
display: block;
}


.messagebord {
border: thin outset #000;
display: block;
}


/* SPECIAL LOCATION BOXES */
/* BOX for INCLUDED SSI FOOTER */


.futbox {
clear: both;
background-color: #c0c0c0;
font-family: Verdana,Trebuchet,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
color: #000;
width: 94%;
border: none;
padding-top: 16px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin-top: 1px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 30px;
text-align: center;
}


.futmain {
clear: both;
background-color: #9cf;
font-family: Verdana,Trebuchet,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
color: #000;
width: 94%;
border: none;
padding-top: 16px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin-top: 1px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 30px;
text-align: center;
}

#futmainssibox {
clear: both;
background-color: #9cf;
font-family: Verdana,Trebuchet,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
color: #000;
    width: 94%;
    border: none;
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 2px;
    margin-left: 10px;
text-align: center;
}

.futgalryssibox {
clear: both;
background-color: #c0c0c0;
font-family: Verdana,Trebuchet,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 100%;
color: #000;
    width: 94%;
    border: none;
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-top: 1px;
    margin-right: 10px;
    margin-bottom: 2px;
    margin-left: 30px;
    text-align: center;
}


/* PHOTOS AND PHOTO GALLERIES */

/* ************************ */

/* BONROUGE EASY GALLERY */
/* ************************ */
/* UNORDERED LIST presents thumbnails */

ul#gallery {
margin:0;
padding:0;
list-style-type:none;
font-family: Verdana,Trebuchet,Geneva,Arial,sans-serif;
}
ul#gallery li {
float: left;
margin:5px;
}
ul#gallery li p {
text-align: center;
margin:5px 0;
}

/* change GALLERY to CLASS to allow lines in-between */

.gallery {
background-color: #9fc;
}

ul.gallery {
margin:0;
padding:0;
list-style-type:none;
font-family: Verdana,Trebuchet,Geneva,Arial,sans-serif;
}
ul.gallery li {
float: left;
margin:5px;
display: inline;
}

ul.gallery li p {
text-align: center;
margin:5px 0;
}

.clear {
clear: both;
}


/* PHOTO GALLERIES, INDIVIDUAL PAGES */
/* THESE ARE FULL-PAGE WIDTHS */
/* May need revision */
/* in use currently */
/* Tuesday, 15 Feb 2005, 08:37 */
/* for all individual photo gallery pages */


/* These are set for Three col, narrow at right*/
/* some captions or text might work inside columns */

/* PHOTOS - GENERAL, for FULL-PAGE WIDTHS */
/* FORMATTING TEXT for PHOTO GALLERIES */

/* TEXT on FULL-PAGE-WIDTH GALLERIES */
/* for individual pages */

/* PHOTOS - STYLING BORDERS and so forth */

.cleanbord {
border: 0;
}

/* PHOTOS - POSITIONING IMAGES */
/* WARNING! May have to take out display: inline; */
/* on the two FLOATs */


.leftfloat {
float: left;
margin: 2em 1em 2em 1em;
display: inline;
}

.rightfloat {
float: right;
margin: 2em 1em 2em 1em;
display: inline;
}


.leftfloatnomarg {
float: left;
display: inline;
}

.rightfloatnomarg {
float: right;
display: inline;
}

.anyphoto {
margin: 1em;
padding: 1em;
}

/* REVISED UP TO HERE, Monday, 21 Feb 2005, 23:43:25 */


/* TEXT for PHOTO GALLERY PAGES */

/* GALLERY HEADINGS FULL PAGE WIDTHS */
/* heading control in GALLERIES */
/* including KLUDGES */


/* GALLERY HEADINGS FULL PAGE WIDTHS*/

.galryh3 {
font-style: normal;
font-size: large;
text-align: center;
}


/* PHOTO CAPTIONS */

.galrycap {
font-size: medium;
font-weight: bold;
text-align: center;
}


.phcap {
font-family: Arial,Helvetica,sans-serif;
font-size: 100%;
font-weight: bold;
color: #000;
text-align: center;
}


.phcapright {
font-family: Arial,Helvetica,sans-serif;
font-size: medium;
font-variant: small-caps;
/* font-weight: bold; */
/* width: 94%; */
color: #000;
text-align: right;
/* margin-right: 1%; */
/* padding: 1%;*/
}

/* PHOTOS WITH CAPTIONS GOING WITH THEM */
/* These are individual images, not too big */
/* These may be in areas spanning full page width */
/* or contained in columns within a page */


.capunderphoto {
margin: 2px;
padding: 2px;
}


/* PHOTO GALLERY FULL-PAGES ABSOLUTE pos for headings */
/* ABSOLUTE POSITIONING for head text in Photo Galleries */
/* ******************************************** */
/* Friday, 11 Mar 2005, 03:28:22 ADDED 100px to "left" for THREE-COL */
/* ************************************************************* */

.hedphlogo {
    z-index: 1;
}

#hedgalrylogo {
    z-index: 1;
}


/* STACKED HEADING for PHOTO GALLERIES */

#hedsbanner {
    position: absolute;
    top: 4px;
    left: 200px;
    text-align: center;
    z-index: 2;
}


/* ABSOLUTELY-POSITIONS HEADINGS */


.hed1abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 2;
}

.hed2abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 220px;
    text-align: center;
    z-index: 2;
}


.hed3abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 240px;
    text-align: center;
    z-index: 2;
}


.hed4abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 260px;
    text-align: center;
    z-index: 2;
}


.hed5abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 280px;
    text-align: center;
    z-index: 2;
}


.hed6abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 300px;
    text-align: center;
    z-index: 2;
}

.hed7abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 320px;
    text-align: center;
    z-index: 2;
}

.hed8abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 340px;
    text-align: center;
    z-index: 2;
}

.hed9abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 360px;
    text-align: center;
    z-index: 2;
}

.hed10abs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 380px;
    text-align: center;
    z-index: 2;
}


/* KLUDGE ABSOLUTE headings positioning */
/* find out where I used this! */

.hed1aabs {
font-family: Arial,Verdana,sans-serif;
font-size: 110%;
font-weight: bold;
    position: absolute;
    top: 15px;
    left: 350px;
    text-align: center;
    z-index: 3;
}

/* SPECIAL FAMILY GALLERY */
/* FIND OUT IF I'M USING THESE IN THE OTHER GALLERIES */

.prancygalrycap {
font-size: medium;
font-weight: bold;
margin-left: 30px;
text-align: left;
}


.prancygalrytxt {
margin-left: 30px;
margin-right: 100px;
text-align: left
}


/* PHOTOSFRONT page only? */
/* That is, front page for Special Family Gallery */

.righth3 {
font-family: Arial,Helvetica,sans-serif;
font-size: large;
font-weight: bold;
color: #000000;
text-align: right;
margin-left: 80px;
margin-right: 40px;
}


/* SPECIAL FAMILY GALLERY HEADINGS */
/* Check whether I use these in other galleries too */


.prgalhedh1 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-size: x-large;
color: #000000;
text-align: center;
}


.prgalhedh2 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-size: large;
color: #000000;
text-align: center;
}

.prgalhedh3 {
background-color: #669999;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: large;
color: #000000;
text-align: center;
}


/* KLUDGE to fit Prancy's Long song */
/* In PRANCYDESK PAGES */


.prancysong {
font-style: normal;
font-size: large;
margin-left: 20px;
text-align: center;
}



/* *************************** */
/* PHOTO LIST */
/* **************************** */
/* BOOKMARK THREE */
/* ***************************** */

.photolist {
margin: 0;
padding: 0;
font-size: 100%;
}

.photolist ol {
display: block;
}

.photolist ol li {
margin: 1em;
padding: .5em;
}