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

body {
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;}


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

#masthead {
width: 90%;
margin-left: 20px;
border: 0;
}

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

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

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

#hedsfew {
height: 100px;
width: 90%;
background-color: #0c6;
margin-left: 20px;
margin-bottom: 10px;
z-index: 1;
}


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

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

/* Weakley COLUMN DEFS  FOR TWO COLUMNS LIQUID */




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


/* content column 1 */
#col1 {
float: left;
width: 50%;
background-color: #9cf;}

/* content column 2 */

#col2 {
float: left;
width: 35%;
margin-left: 3%;
background-color: #c9f
}

/* rightnav column 3 */
/* NO RIGHTNAV IN THIS CSS */


#col1 {
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
}


#col2 {
margin-left: 7px;
margin-right: 7px;
/* margin-bottom: 10px; */
}


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


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

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

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

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

h1,h2,h3,h4,h5,h6 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
margin: 0;
text-align: center;
}


h1 {
font-size: 200%;
padding-top: 1em;
}

h2 {
font-size: 160%;
padding-top: 1em;
}


/* h2, p
{
margin-left: 1em;
margin-right: 1em;
padding: 1em 1em 1em 1em;
} */




h3 {
font-size: 140%;
padding-top: 1em;
}

h4 {
font-size: 120%;
font-weight: bold;
font-variant: small-caps;
padding-top: 1em;
}

h5 {
font-size: 110%;
font-weight: bold;
font-variant: small-caps;
padding-top: 1em;
}

h6 {
font-size: 100%;
font-weight: bold;
padding-top: 1em;
}

p {
margin-left: 1em;
margin-right: 1em;
padding: 1em;
}



/* END WEAKLEY FLOATTUT CSS */

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

/* FOR HORIZONTAL NAV, USE WEAKLEY */

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

/* BOOKMARK #NAV UL LI WIDTH */


#nav ul li {
width: 18%;
display: inline;
}

/* BOOKMARK */
#nav ul li a {
font-size: 130%;
line-height: 180%;
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #09c;
}

#nav ul li a:hover {
color: #fff;
background-color: #069;
}


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

.centerit {
text-align: center;
}


/* END FULL-PAGE MAIN PAGE STYLING */


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


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


.numordlist {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 90%;
width: 86%;
margin: 1em;
padding: 1em;
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: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
margin-left: 100px;
text-align: left;
}

.feedbutton {
margin: 2em;
border: thin;
padding: 2em;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 110%;
text-align: center;
}


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


/* HEADINGS for WITHIN or WITHOUT BOXES */

.boxh1 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 150%;
font-weight: bold;
width: 94%;
margin-left: 1em;
margin-right: 1em;
padding: 1em;
text-align: center;
}


.boxh2 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 130%;
font-variant: small-caps;
font-weight: bold;
width: 94%;
margin-left: 1em;
margin-right: 1em;
padding: 1em;
text-align: center;
}


.boxh3 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 110%;
font-weight: bold;
width: 94%;
margin-left: 1em;
margin-right: 1em;
text-align: center;
}


.boxh4 {
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 100%;
font-variant: small-caps;
font-weight: bold;
width: 94%;
margin-left: 1em;
margin-right: 1em;
text-align: center;
}


/* TEXT for WITHIN or WITHOUT DISPLAY BOXES */


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


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


.messagetext {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-size: 90%;
font-weight: normal;
width: 94%;
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: 96%;
margin: 0;
padding: 0;
/* margin: 2em 15em 2em 15em; */
/* padding: 2em; */
}


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

/* SPECIAL BOXES */
/* BOOKMARK */

.greybox {
background-color: #c0c0c0;
width: 96%;
margin: 0;
/* padding: 1em; */
}

/* 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 {
background-color: #9c9;
width: 90%;
border: 0;
margin: 0;
padding: 2em 5em 2em 5em;
text-align: center;
}


.futssibox {
font-family: Trebuchet,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 90%;
color: #000;
background-color: #9ff;
text-align: center;
margin-bottom: 10px;
padding: 2em;
}




/* PHOTOS AND PHOTO GALLERIES */

/* 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 FULL PAGE WIDTH */
/* 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: 90%;
margin-left: 20px;
border: 0;
}


.cleanbord {
border: 0;
}

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

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

.leftfloat {
float: left;
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? */


.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: normal;
font-variant: small-caps;
color: #000;
/* margin-left: 80px; */
/* margin-right: 40px; */
}


.phcapright {
font-family: Arial,Helvetica,sans-serif;
font-size: medium;
font-variant: small-caps;
/* font-weight: bold; */
/* width: 90%; */
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 */

.hedphlogo {
    z-index: 1;
}

#hedgalrylogo {
    z-index: 1;
}


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

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


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


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


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


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

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

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

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

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


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

.hed1aabs {
    position: absolute;
    top: 15px;
    left: 150px;
    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;
}



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