/* 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: 90%;
margin: 0 0 0 20px;
padding: 0;
color : #000;
background-color: #ccc;
z-index: 0;
}



body.b1 {background:#ccc url("images/logos/thimbleberry.gif") repeat-y fixed top left;}
body.b2 {background: #9cf url("https://coherentdog.org/hilar/images/logos/hearts.gif") repeat-y fixed top left;}
body.b3 {background: #9cf url("images/logos/leaves.gif") repeat-y fixed top left;}
body.b4 {background: #9cf url("images/logos/thimbleberry.gif") repeat-y fixed top left;}

body.bb1 {background:#ccc url("https://coherentdog.org/hilar/images/logos/leavesblanket-ccc.gif") repeat-y 50% 0;}
body.bb2 {background: #9cf url("https://coherentdog.org/hilar/images/logos/leavesblanket-9cf.gif") repeat-y 50% 0;}
body.bb3 {background: #9cf url("https://coherentdog.org/hilar/images/logos/leavesblanket-c9f.gif") repeat-y 50% 0;}
body.bb4 {background: #9cf url("https://coherentdog.org/hilar/images/logos/leavesblanket-ccc.gif") repeat-y 50% 0;}



body.bc1 {background:#ccc url("images/logos/blanket-09c.gif") repeat-y 50% 0;}
body.bc2 {background: #9cf url("images/logos/blanket-09c.gif") repeat-y 50% 0;}
body.bc3 {background: #9cf url("images/logos/blanket-c9f.gif") repeat-y 50% 0;}
body.bc4 {background: #9cf url("images/logos/blanket-c0c0c0.gif") repeat-y 50% 0;}







#pagetop {
margin: 0;
display: block;
margin-bottom: 10px;
}

#masthead {
width: 94%;
margin-left: 10px;
border: 0;
}

#hedsmanymany {
height: 400px;
width: 94%;
background-color: #0c6;
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}

#hedsmany {
height: 280px;
width: 94%;
background-color: #0c6;
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}

#hedsmedium {
height: 200px;
width: 94%;
background-color: #0c6;
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}

#hedsafew {
height: 120px;
width: 94%;
background-color: #0c6;
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}


#hedsfewer {
height: 100px;
width: 94%;
/* background-color: #0c6; */
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}


#hedsveryfew {
height: 50px;
width: 94%;
/* background-color: #0c6; */
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}

#hedsabsolute {
height: 10px;
width: 94%;
/* background-color: #0c6; */
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}






#animlogo {
float: right;
border: thin solid black;
margin: 2px 16px 2px 5px;
padding: 1px;
z-index: 2;
}

#carlottalogo {
float: right;
border: 0;
margin: 2px 16px 2px 5px;
padding: 0px;
z-index: 2;
}


/* Weakley COLUMN DEFS  FOR TWO COLUMNS LIQUID */


#gutter {
float: left;
width: 3%;
height: 1px;
}



#gutterphoto {
float: left;
width: 1%;
height: 1px;
}




/* ************************* */
/* MAIN TWO-COLUMN PAGE COLUMNS */

/* content column 1 */
/* USES LEFTNAV */


#col1 {
float: left;
width: 22%;
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
background-color: #c9f;
}

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


#col2 {
float: left;
width: 68%;
/* margin-left: 3%; */
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
background-color: #9cf;
}

#col1fillbox {
background-color: #c9f;
/* background:#c9f url("https://coherentdog.org/hilar/images/logos/tendrils.gif") repeat-y; */
margin: 0;
padding: 0;
border: thin solid #0ff;
}

/* ************************* */
/* PHOTO TWO-COLUMN COLUMNS */

#colum1 {
float: left;
width: 20%;
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
background-color: #c9f;
}

#colum2 {
float: left;
width: 70%;
/* margin-left: 3%; */
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
background-color: #9cf;
}


/* END TWO-COL CSS */


/* *************************************** */
/* THREE-COLUMN CSS for text -Articles and Suchlike */

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

/* content column 1 */
/* LEFTNAV */

#collum1 {
float: left;
width: 20%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
/* border: thin solid black; */
}

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

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

/* RIGHT NAV in COLUMN THREE */
/* ************************ */

#collum3 {
float: left;
width: 10%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
/* border: thin solid black; */
}



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


/* content column 1 */
/* LEFTNAV */

#coleven1 {
float: left;
width: 14%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
/* border: thin solid black; */
}

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

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

/* RIGHT NAV in COLUMN THREE */
/* ************************ */

#coleven3 {
float: left;
width: 16%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
/* border: thin solid black; */
}




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



#threecolfillbox {
background-color: #c9f;
/* background:#c9f url("https://coherentdog.org/hilar/images/logos/tendrils.gif") repeat-y fixed top left; */
margin: 0;
padding: 0;
border: thin solid #0ff;
}



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

/* END THREE-COLUMN DEFS FOR ARTICLES AND SUCHLIKE */

/* ******************************************* */
 /* THREE COLUMNS FOR PHOTO-GALLERY PAGES */



#collie1 {
float: left;
width: 22%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
}

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

#collie3 {
float: left;
width: 4%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
}








#sheltie1 {
float: left;
width: 12%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
}

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

#sheltie3 {
float: left;
width: 12%;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
background-color: #c9f;
}



#collie2wrapper {
background-color: #9cf;
margin: .5em;
}







/* Lines of photos for three-column strip sides */
/* for 9-photo galleries */


#phline1, #phline2, #phline3 {
margin: 4em 2em 4em 2em;
display: inline;
}






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




#footarea {
background: #6c6;
color: #000;
width: 94%;
margin-left: 20px;
margin-bottom: 10px;
clear: both;
}



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



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,h2,h3,h4,h5,h6 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
margin: 0;
text-align: center;
padding: 1em 1em .5em 1em;
}


h1 {
font-size: 200%;
}

h2 {
font-size: 160%;
}


h3 {
font-size: 140%;
}

h4 {
font-size: 120%;
font-weight: bold;
/* font-variant: small-caps; */
}

h5 {
font-size: 110%;
font-weight: bold;
/* font-variant: small-caps; */
}

h6 {
font-size: 100%;
font-weight: bold;
}

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

/* ************************************************* */
/* 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
{
margin-left: 0;
padding-left: 0;
background-color: #9cf;
white-space: nowrap;
}

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

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

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

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



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

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

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

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

#navsub a:hover
{
color: #33f;
background-color: #cff;
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;
}



.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: 92%; */
/* 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: 92%; */
/* margin: 0; */
/* padding: 0; */
margin: 1em;
padding: 1em;
border: thin solid blue;
}

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


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



/* SPECIAL BOXES */
/* BOOKMARK */

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

.blank9cfbox {
background-color: #ccc;
width: 92%;
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: 1px;
    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 */



#footerphoto {
width: 94%;
margin-left: 10px;
margin-right: 10px;
border: 0;
}


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


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

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


/* KLUDGE? */

/* PHASE THIS ONE OUT; IT'S IN GUESTBOOK; probably don't need */
.hedcontrol {
margin-left: 80px;
}


/* 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;
/* margin-left: 80px; */
/* margin-right: 40px; */
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;
}


/* ***************************** */
/* RELATIVELY-POSITIONED HEADINGS */
/* ***************************** */
/* BOOKMARK TWO */






.hed1rel {
    position: relative;
    top: 15px;
    left: 100px;
    text-align: center;
    z-index: 2;
}

.hed2rel {
    position: relative;
    top: 15px;
    left: 120px;
    text-align: center;
    z-index: 2;
}


.hed3rel {
    position: relative;
    top: 15px;
    left: 140px;
    text-align: center;
    z-index: 2;
}


.hed4rel {
    position: relative;
    top: 15px;
    left: 160px;
    text-align: center;
    z-index: 2;
}


.hed5rel {
    position: relative;
    top: 15px;
    left: 180px;
    text-align: center;
    z-index: 2;
}


.hed6rel {
    position: relative;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 2;
}

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

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

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

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


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

.hed1arel {
    position: relative;
    top: 15px;
    left: 150px;
    text-align: center;
    z-index: 3;
}




/* ***************************** */
/*  END RELATIVELY-POSITIONED HEADINGS */
/* ***************************** */



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





/* MISBEHAVIOR MISBEHAVIOR - THE MISBEHAVIOR OF STYLE */
/* BOXES: Misbehaving boxes : "collapse" and "scroll boxes" */


/* BOXES FOR BOX-MISBEHAVIOR */
/* for scrollboxes, collapsing boxes */


.wideboxscroll {
/*    position: relative;*/
    top: 10px;
    left: 50px;
    background-color: #c0c0c0;
    border: thick groove #000099;
    height: 250px;
    overflow: scroll;
    width: 94%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 80px;
}


.rightboxscroll {
    background-color: #c0c0c0;
    border: thick ridge #ff0000;
    float: right;
    height: 250px;
    overflow: scroll;
    width: 42%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.leftboxscroll {
    background-color: #c0c0c0;
    border: thick outset #ff0000;
    float: left;
    height: 250px;
    overflow: scroll;
    width: 42%;
    padding-top: 16px;
    padding-right: 2px;
    padding-bottom: 16px;
    padding-left: 2px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 30px;
}

/* end for scrollboxes, collaping boxes */


/* MISBEHAVING HEADINGS (photo galleries, prancydesk) */

/* PHOTO HEADINGS for MISBEHAVIOR */
/* FIXED PHOTO Gallery headings: Carol's Hilarious Errors */


.hed1fix {
    position: fixed;
    top: 15px;
    left: 100px;
    text-align: center;
    z-index: 3;
}

.hed1afix {
    position: fixed;
    top: 15px;
    left: 150px;
    text-align: center;
    z-index: 3;
}


.hed2fix {
    position: fixed;
    top: 15px;
    left: 200px;
    text-align: center;
    z-index: 3;
}


.hed3fix {
    position: fixed;
    top: 15px;
    left: 300px;
    text-align: center;
    z-index: 3;
}


/* RELATIVE POSITIONING for headings */
/* POSSIBLE MISBEHAVIOR */
/* I don't think I used these */


.hed1rel {
    position: relative;
    top: 15px;
    left: 100px;
/*    text-align: center;*/
    z-index: 3;
}

.hed2rel {
    position: relative;
    top: 15px;
    left: 200px;
/*    text-align: center;*/
    z-index: 3;
}


.hed3rel {
    position: relative;
    top: 15px;
    left: 300px;
/*    text-align: center;*/
    z-index: 3;
}

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