/*
CSS for overall pages
*/
body {
margin: 10px;
padding: 0;
font-family: Georgia, Times, Serif;
font-size: 10pt;

}


#branding{
border: 10px solid ;
background: url('images/main/partyanimal.2.gif') no-repeat left;
height:165px;

}

#branding p {
margin-top: 5em;
color: navy;
font-family: garamond;
text-align: right;
font-size: 150%;
font-weight: bold;
}

#tagline  {
height:1.5em;
font-family: "comic sans ms", Times, Georgia, Serif;
font-weight: bold;
font-size: 13pt;
background-color: #ccc;
border-top: .1em solid #4b4bc8;
border-bottom: .3em solid #4b4bc8;
text-align: center;

padding-top: 0;
padding-left: .8em;
padding-bottom:1em;
}


#main {
margin-top: 15px;
margin-left:15%;
margin-right:5%;
text-align: center;
border:10px double;
text-align: center;

}

#maincontent {
text-align:center;
font-family: Georgia, Times, Serif;
margin-left:50px;
margin-right: 50px ;
margin-top: 20px;
margin-bottom: 20px;

}

h1{

font-size: 22pt;
text-align: center;
letter-spacing:-0.05em;
}

h2{
font-style: italic;
font-size: 18pt;
text-align: center;
}
h3{
font-size: 15pt;
text-align: left;
}


p:first-letter {
font-weight: bold;
font-size: 120%;
}
.intro:first-line {
text-transform: uppercase;
font-size:90%;
}


img.fig1 {
float: right;
border: 2px solid;
margin-left: 20px;
margin-bottom: 6px;



}
img.fig2 {
float: left;
border: 2px solid;
margin-right: 20px;
margin-bottom: 6px;

}

img.fig3 {
border: 2px solid;
margin-right: 20px;
margin-bottom: 6px;
}








#mainnav {
position: absolute;
left: 5px;
top: 50px;
width: 15%;
background: #2d65ff;
}

#navigation {
width: 100%;
}
#mainnavcontent ul {
width:100%;
list-style:none;
margin: 0;
padding: 0;
background-color: white;


}
#mainnavcontent ul ul  {
margin-left: 10%;
width:90%;

}

#mainnavcontent ul ul li{
border-bottom: 1px solid white;
margin:0;

}


#navigation li {
border-bottom: 1px solid #ff1d87;
}
#navigation li a:link, #navigation li a:visited {
font-size: 100%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #2d65ff;
border-right: 1px solid #2d65ff;
background-color: #fff ;
text-decoration: none;
color:#18aa9b;
}
#navigation li a:hover {
background-color: #2d65ff;
color: #ffffff;
}

#navbar a:link, #navbar a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
width:100%;

}

#navbar a:hover {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
width:100%;
}


#navbar li {
list-style: none;
margin:0;
padding:0;
display: inline;
font-size:75%;
width:100%;

}


#pagenav a:link, #pagenav a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
}

#pagenav a:hover {

margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
text-decoration: none;
}


#pagenav li {
list-style: none;
margin:0;
padding: 0;
display: inline;
font-size:75%;
}

#picturenav {
position:relative;
float: right;
width: 10%;
margin-right: 15px;
margin-left:50px;




}

#picturenav li {
list-style: none;
padding: 10%;

}
#picturenav2 {
position:relative;
float: left;
width: 20%;
margin-left: -55px;
margin-right:50px;




}

#picturenav2 li {
list-style: none;
padding: 15%;

}


#news {
position: relative;
padding:0;
top: 10px;
margin-left: 5%;
margin-bottom:50px;
width:70%;

height:200px;

}

#newscontent {
margin:10px;

}

#footer {

text-align: center;
}

#welcome {
position: relative;
width:60%;
margin-left: 50px;

}