
body{margin: 0px; padding:0px;
font: 90% vernada, arial, sans-serif;
color: rgb(100,100,100);
/*background-image:url('images/side.gif');
background-position:top right;
background-repeat:repeat-y;*/
}

div.container
{
height:150%;
margin:0;
padding:0;
background-image:url('images/side.gif');
background-repeat:repeat-y;*/
}

div.container1
{
height:150%;
margin:0;
padding:0;
background-image:url('images/side.gif');
background-position:top right;
background-repeat:repeat-y;
}

div.header
{height:138px;
   background-image: url('images/top_center.gif');
   background-repeat: repeat-x;
   background-position: left
}

div.footer
{
padding:0.5em;
color:white;
font-size: 10px;
background-color:rgb(0,0,255);
clear:both;
border-color: white;
   border-left:0;
   border-right:0;
   border-top:1px;
   border-bottom:0;
}

div.left
{
float:left;
width:180px;
margin:0;
padding:0;
}

div#menu
{
font-family:verdana, helvetica;
font-size:1em;
font-weight:bold;
margin:0;
padding-left:5px;
padding-right:5px;
padding-top:0.5em;
padding-bottom:0.5em;
/*color:rgb(200,200,255);*/
background-color:rgb(0,0,230);
border-style: solid; 
border-color: white;
   border-left:0;
   border-right:0;
   border-top:1px;
   border-bottom:1px;
}

#menu ul
{
list-style:none;
margin:0;
padding:0;
}

#menu ul li
{
margin:0;
padding:3px;
}

#menu ul li ul li
{
margin:0;
padding:0;
font-size:0.7em;
color:yellow;
}

div.side_content
{
margin:0;
padding:10px;
color:rgb(50,50,150);
border-style: solid; 
border-color: white;
   border-left:0;
   border-right:0;
   border-top:0px;
   border-bottom:1px;
}

div.right
{
float:right;
width:180px;
margin:0;
padding:0;
}

div.content
{
margin-left:180px;
margin-right:180px;
padding-left:1em;
padding-right:1em;
padding-top:0px;
padding-bottom:1em;
}

.side a:link { 
	text-decoration: none; color: rgb(220,220,255)
	}
.side a:visited { 
	text-decoration: none; color: rgb(220,220,255)
	}
.side a:hover { 
	text-decoration: none; color: rgb(0,0,200); background-color:rgb(220,220,255)
	}
.side a:active { 
	text-decoration: none; color: rgb(220,220,255)
	}
    
p.bold
{
font-size:16px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

p.tight
{
padding:0;
margin:0;
}
hr.insideline
{
color:rgb(240,240,240);
size:1px;
width:100%;
}

blockquote.text
{
float:right;
width:250px;
margin-left:15;
margin-right:0px;
margin-top:10:px;
margin-bottom:10px;
padding:0.7em;
color:rgb(50,50,150);
background-color:rgb(200,200,255);
border-top:3px solid rgb(50,50,150);
border-bottom: 3px solid rgb(50,50,150);
}

blockquote.pict
{
margin-top:10px;
margin-left:10px;
margin-right:0;
margin-bottom:10px;
padding:0;
width:250px;
height:190px;
float:right;
background-color:rgb(230,230,230);
border-top:0;
border-bottom:0;
}

/* Image Gallery Library */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid rgb(200,200,200);
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: rgb(230,230,230);
padding: 5px;
right: -1000px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
right: 180px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
