/* CSS Document */

body {background: #DAFFAA; background-image: url(images/vinewhorlbgsm.jpg); background-repeat: no-repeat; background-position: 0% 0%;}
p {color: #336600; font-weight: 200; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.8em;}
p.newsboxhead {color: #336600; font-weight: 800; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.8em;}
p.newsboxtext {color: #336600; font-weight: 300; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.6em;}
p.maptitle {color: #336600; font-weight: 800; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.8em;}
p.mapmaker {color: #336600; font-weight: 300; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.6em;}
p.pictureinfo {color: #336600; font-weight: 200; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.7em; font-style: italic;} 
h1 {color: #FF3366; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 1.6em; font-weight: 400;}
h2 {color: #cc0033; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 1.2em; font-weight: 300;}
h3 {color: #336600; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 1.0em;}

#container
{
padding: 0;
width: 90%;
margin: 30px auto 10px auto;
background-color: #BBEE88;
color: #333;
border: 1px solid gray;
line-height: 130%;
}


#top
{
padding: 0;
background-color: #BBEE88;
border-bottom: 1px solid gray;
}

#top h1
{
padding: .5em;
margin: 0;
}

#top-tophalf
{
padding: 0;
width: 100%;
background-color: #BBEE88;
border-bottom: 1px solid gray;
margin: 0;
}

#top-bottomhalf
{
padding: 0;
width: 100%;
background-color: #DAFFAA;
border: 0;
margin: 0;
}

#top-bottomhalf h2
{
padding: .5em;
margin: 0;
}

#navoptions
{
padding: .2em;
margin: 0;
background-color: #FF3366;
float: right;
}

#leftnews
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#maplist
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
line-height: 80%;
}


#newsbox
{
float: right;
width: 110px;
margin: 0 0 10px 10px;
background-color: #DAFFAA;
padding: 5px;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #336600;
border-left: 0;
line-height: 100%;
}

#newsbox p
{
padding: 0;
margin: 0;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #336600;
border-top: 1px solid gray;
}

#footer h3
{
padding: 0;
margin: 0;
}

#footer p
{
padding: 0;
margin: 0;
font-family:Verdana,Tahoma,Arial,Sans-Serif; 
font-size: 0.6em;
font-weight: 400;
color: #DAFFAA;
}

/*styles for the art display pages*/

/*hide background image*/

body.artpage {background: #EEEEEE; background-image: url(images/greybgimg.jpg); background-repeat: no-repeat; background-position: 0% 0%;}

/*move the main container up a bit*/
#artcontainer
{
padding: 0;
width: 90%;
margin: 30px auto 10px auto;
background-color: #FFFFFF;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#arttop
{
padding: 0;
background-color: #ffffff;
border-bottom: 1px solid gray;
}

#arttop h1
{
padding: .5em;
margin: 0;
}

/*a div going all the way across for pages with no sidebar*/
#widescreen
{
padding: 1em;
max-width: 50em;
margin: 0 100px 50px 100px;
}

#widescreen img a {border: 0; text-decoration: none;}
#widescreen a {text-decoration: none; color: #336600;}
#widescreen a:hover {text-decoration: none; color: #FF3366;}

/*sidebars containing picture mosaics*/
#picturesidebar
{
float: left;
width: 70px;
margin: 0;
padding: .6em;
/*border-right: 1px solid gray;*/
}

/*like newsbox but tweaked for picture display*/
#mosaicbox
{
float: left;
width: 60px;
margin: 0 0 10px 0;
background-color: #eeeeee;
padding: 5px;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #cccccc;
border-left: 0;
line-height: 100%;
}

#mosaicbox p
{
padding: 0;
margin: 0;
}

/*like content but for picture pages*/
#artcontent
{
margin-left: 100px;
border-left: 1px solid gray;
padding: .5em;
line-height: 100%;
}

#artcontent p
{color: #333333; font-weight: 300; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.8em;}


/*div containing main image and its info, inside 'artcontent' div*/
#picturedisplay 
{
margin: 0 0 0 2em;
}

#picturedisplay a {text-decoration: none; color: #333333;}
#picturedisplay a:hover  {text-decoration: none; color: #FF3366;}

/* div holding mosaics of all pictures, or all in a series*/

#mainmosaic 
{
margin: 0 1em 0 2em;
}

#mainmosaic a {text-decoration: none; color: #333333;}
#mainmosaic a:hover  {text-decoration: none; color: #FF3366;}

#mainmosaic img {margin: 0 0 5px 0; width: 75px; height: 75px;}

/*make sidebar thumbnails the right size*/
#picturesidebar img 
{
width: 50px; 
height: 50px;
}

#picturesidebar p
{color: #dddddd; font-weight: 300; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size: 0.6em;}

#picturesidebar a
{text-decoration: none; color: #333333;}

#picturesidebar a:hover
{text-decoration: none; color: #FF3366;}

#artfooter
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #eeeeee;
border-top: 1px solid gray;
}

#artfooter h3
{
padding: 0;
margin: 0;
}

#artfooter p
{
padding: 0;
margin: 0;
font-family:Verdana,Tahoma,Arial,Sans-Serif; 
font-size: 0.6em;
font-weight: 400;
color: #333;
}


/*end of art display section*/

#leftnews p { margin: 0 0 1em 0; }
#maplist h2 { margin: 0 0 .5em 0; }
#maplist img { margin: .5em 0 .5em 0; border: 1px solid gray;}
#maplist p.maptitle { margin: 0 0 .4em 0; }
#maplist p.mapmaker { margin: 0 0 .4em 1em; }
#content h2 { margin: 0 0 .5em 0; }
#content a {text-decoration: none; color: #336600;}
#content a:hover {text-decoration: none; color: #FF3366;}
#navoptions p {margin: 0; padding: 0; font-weight: 800}
#navoptions a {text-decoration: none; color: #336600;}
#navoptions a:hover {text-decoration: none; color: #DAFFAA;}
#maplist a {text-decoration: none; color: #336600;}
#maplist a:hover {text-decoration: none; color: #FF3366;}
/*#maplist a:visited {text-decoration: none; color: #336600;}*/