/* 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/blanket-9cf.gif") repeat-y 50% 0;} */
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/blanket-c9f.gif") repeat-y 50% 0;}


#headwrapper {
/* terrible pink */
/* background-color: #f0f; */
display: block;
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;
}


/* 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;
}







#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 */
/* ********************************************* */

#col1 {
background:url("images/logos/leafbord9cfleft.gif") repeat-y top left;
/* margin-left: 20px; */
padding-left:10px;
width: 96%;
margin: auto;
/* background-color: #6fc; */
}


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

/* BIG WIDTH on col2 is to allow col3 to nest inside it */
/* Wednesday, 6 Apr 2005, 20:59:58 but col3 appears not to be inside it! */
/* TRY TO GET COL3 INSIDE COL2 - HEY - what about relation to col1? */

#col2 {
/* background:url("images/logos/bord036.gif") repeat-y top right; */
background-color: #9cc;
width: 72%;
margin: auto;
}

#col2 p{
    width:40%;
    margin:auto;
}


#col3 {
background:url("images/logos/bord036.gif") repeat-y top right;
float: right;
width: 26%;
margin: auto;
padding-right:10px;
background-color: #c9f;
}

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


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



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

#navcontainer a
{
display: block;
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 86%;
color: #fff;
background-color: #036;
width: 7em;
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: 76%;
color: #fff;
background-color: #69C;
width: 7em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}


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
























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

/* eliminated id footpart in TRIALs #168 */


#animlogo {
float: right;
width: 110px;
height: 143px;
border: thin solid black;
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;
}




#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;
}


/* p {
margin-left: 1em;
margin-right: 1em;
padding-left: 1em;
padding-right: 1em;
line-height: 130%;
text-indent: 1em;
} */





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



#navbox {
margin: 1px 7px 1px 7px;
padding: 0;
/* background-color: #0c6; */
width: 94%;
border: 0;
}


ul#navmain {
background-color: #09c;
display: block;
width: 96%;
margin: 0 1em 0 1em;
/* margin-top: 0; */
/* margin-right: 10px; */
/* margin-bottom: 1px; */
/* margin-left: 10px; */
padding: 4px;
/* padding-left: 0; */
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;
/* margin-top: 0px; */
/* margin-right: 10px; */
/* margin-bottom: 10px; */
/* margin-left: 10px; */
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;
/* margin-top: 0px; */
/* margin-right: 10px; */
/* margin-bottom: 10px; */
/* margin-left: 10px; */
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;
/* margin-top: 0px; */
/* margin-right: 10px; */
/* margin-bottom: 10px; */
/* margin-left: 10px; */
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%;
text-align: center;
color: #f00;
}



/* 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: 1em;
}

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


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

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


/* 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: 100%;
font-weight: normal;
/* width: 88%; */
margin-left: 1em;
margin-right: 1em;
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: #9c9;
width: 94%;
border: 0;
margin: 0;
padding: 2em 5em 2em 5em;
text-align: center;
} */



.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 {
    position: absolute;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 2;
}

.hed2abs {
    position: absolute;
    top: 15px;
    left: 220px;
    text-align: center;
    z-index: 2;
}


.hed3abs {
    position: absolute;
    top: 15px;
    left: 240px;
    text-align: center;
    z-index: 2;
}


.hed4abs {
    position: absolute;
    top: 15px;
    left: 260px;
    text-align: center;
    z-index: 2;
}


.hed5abs {
    position: absolute;
    top: 15px;
    left: 280px;
    text-align: center;
    z-index: 2;
}


.hed6abs {
    position: absolute;
    top: 15px;
    left: 300px;
    text-align: center;
    z-index: 2;
}

.hed7abs {
    position: absolute;
    top: 15px;
    left: 320px;
    text-align: center;
    z-index: 2;
}

.hed8abs {
    position: absolute;
    top: 15px;
    left: 340px;
    text-align: center;
    z-index: 2;
}

.hed9abs {
    position: absolute;
    top: 15px;
    left: 360px;
    text-align: center;
    z-index: 2;
}

.hed10abs {
    position: absolute;
    top: 15px;
    left: 380px;
    text-align: center;
    z-index: 2;
}


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

.hed1aabs {
    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;
}



/* ************************************************* */
/* NAV ADD to HILAR for Return of Hilarious Errros */
/*Add this to every .CSS file for Hilarious Erross */
/* ************************************************* */





/* ************************************************* */
/* 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 */
/* ************************************************* */


/* ************************************************* */
/* VERTICAL NAV after Russ Weakley */
/* ************************************************* */


#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;
}