#navibar {
float: left;
}

.navbar {
 float: left; 
 padding: 20px;
 list-style-type: none;
 font-family: arial;
}

.hideboard {
display: none;
}


.catPic {
    width: 250px;
    height: 250px;
}

#privpolbox {
height: 495px;
width: 350px;
background-color: #F5F4F4;
border: 1px solid black;
padding: 20px;
font-family: georgia;
font-size: 10pt;
position: absolute;
left: 35%;
top: 10%;
color: black;
line-height: 1.3em;
}

#continueButton{
background-color: white;
width: 350px;
}

.navLink:link {
font-size: 32pt;
color: white;
text-decoration: none;
}
.navLink:visited {
font-size: 32pt;
color: white;}
.navLink:hover {
font-size: 32pt;
color: #D6FFD6;
text-decoration: underline;}
.navLink:active {
font-size: 32pt;
color: white;}

#privpollink:link {
color: black;
text-decoration: none;
}
#privpollink:visited {
color: #798CF6;}
#privpollink:hover {
color: #798CF6;
text-decoration: underline;}
#privpollink:active {
color: #798CF6;}

#footPrivPolLink:link {
color: #798CF6;
text-decoration: none;
}
#footPrivPolLink:visited {
color: #60636D;}
#footPrivPolLink:hover {
color: #1E4DEA;
text-decoration: underline;}
#footPrivPolLink:active {
color: #1E4DEA;}


#mainPictureGrid {
border: 5px black solid;
padding: 50px;
background-color: white;
margin: 5px 0px 5px 0px;
width: 90%

}

.horoscPicClass {
border: 6px black solid;
border-collapse: collapse;
margin: -4px;
}

#artifunLogo {
float: left;
width: 15vw;
height: 15vw;
margin: 3px;
mid-width: 250px;
max-width:350px;
}

#topBar {
background-image: url("auart/texturec.svg");
width: 97%;
height: 15.5vw;
border: 7px black solid;
margin: 5px 0px 5px 0px;
}

#welcomeBlurb {
border: 5px black solid;
padding: 50px;
background-image: url("auart/texturebackd.png");
margin: 5px 0px 5px 0px;
width: 90%
}

.textPage1 {
border: 5px black solid;
padding: 50px;
background-color: white;
margin: 5px 0px 5px 0px;
width: 90%
}

.datesBox {
background-color: #DEEBF6;
border: 5px black solid;
height: 3em;
width: 197px;
border-collapse: collapse;
padding: 3px;
}

#imageDraw {
border: 5px black solid;
padding: 50px;
background-image: url("auart/texturebackd.png");
margin: 5px 0px 5px 0px;
width: 90%
height: 800px;
}



#signPickBoard {
border-collapse: collapse;
margin: 5px;
}

#adviceBotSection{
border: 5px black solid;
padding: 50px;
background-image: url("auart/texturebackd.png");
margin: 5px 0px 5px 0px;
width: 90%;
height: 800px;
line-height: 2em;
}

#horoscSection {
border-collapse: collapse;
border: 5px black solid;
padding: 50px;
background-image: url("auart/texturebackd.png");
margin: 5px 0px 5px 0px;
width: 90%;
height: 750px;
}

.adviceOptions:hover {
font-size: 21px;
line-height: 0.7em;
}

#adviceButton {
margin-top: 4px;
}

#custServButton {
margin-top: 4px;
}

#custServeSection {
border: 5px black solid;
width: 90%;
background-image: url("auart/texturebackd.png");
padding: 50px;
}

.paraItalic {
font-style: italic;
}

h2, h3 {
font-family: verdana;
}


p {
font-family: verdana;
line-height: 1.5em;
}

.optionGrid{
height: 250px;
wdith: 250px;
}

.elHidden {
display: none;
}

.elShown {
display: block;
}

.catBody {
background-image: url("auart/catbodyb.jpg");
}
.chaffinchBody {
background-image: url("auart/chaffinchbody.jpg");
}
.duckBody {
background-image: url("auart/duckbody.jpg");
}
.ratBody {
background-image: url("auart/ratbody.jpg");
}
.smallManBody {
background-image: url("auart/mansqb.jpg");
}
.smallWomanSq {
background-image: url("auart/womansqc.jpg");
}
.spiderBody {
background-image: url("auart/spiderbody.jpg");
}

.copyright {
padding: 4px;
font-size: 10px;
}

.centred {
text-align: center;
}

#aboutwords {
font-family: georgia;
line-height: 1.5em;
border: 3px black solid;
margin: 50px;
padding: 60px;
background-color: #EFF8FB;
}

.artButtClass {
padding: 5px;
margin: 3px;
}