/* CSS Document */


body {
	//width: 900px;
    background-color: #97c996;
}

#header2 {
	background: url(images/ltgrnlogo.jpg) no-repeat;
	background-position: right top;
	margin-left: 16px;
	margin-bottom: 0;
	width: 765px;
	height: 135px;
}

#header2 h1{
    font: 36px "Arial", "Gadget", sans-serif;
    color: #009933;
}

#content {
  width: 735px;
  margin-top: 24px;
  margin-left: 16px;
  background-color: #f7eed8;
  border: 3px #666 solid;
  padding: 2px 6px;
  color: black;
}

/*********  new menu bar **********/
#navwrapper {
    height: 36px;
	background-image: url(http://www.obtpd.org/lvnc/images/menugrad2.jpg);
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	text-align: center;
}

.navbar2 {
	float: left;
	height: 35px;
   border-right: 1px solid #555555;	
}

.menitem {
   text-align: center;
   margin-top: 12px;
   /*border-right: 1px solid black;*/
   font: 12px "Arial", "Gadget", sans-serif;
    color: white;
	text-decoration: none;

}
.menitem a {
    font: 12px "Arial", "Gadget", sans-serif;
    color: white;
	text-decoration: none;
}

.menitem a:hover {
   color: yellow;
}
/***************** end new menu bar ************/

#navbar {
	clear: both;
	/*width: 764px;*/
	height: 36px;
	/*background-color: #009933;*/
	background-image: url(http://www.obtpd.org/lvnc/images/menugrad2.jpg);
	margin-top: 0;
	padding-left: 19px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#navbar td {
	font: 12px "Arial", "Gadget", sans-serif;
	color: black;
	text-decoration: none;
}

#navbar a {
    font: 12px "Arial", "Gadget", sans-serif;
    color: white;
	text-decoration: none;
}

#navbar a:hover {
   color: yellow;
}

#navbar_grp {
   //float: left;
	margin-top: 12px;
	margin-left:16px;
	width: 350px;
	border: 2px solid green;
}

#navbar_grp h3 {
   color:#663333;
   padding-left: 12px;
   font: 18px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
}

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

#navbar_grp a:hover{
   background-color:#cccccc;
   color:#ffffff;
}

.sidebar {
   float: left;
   width: 325px;
   background-color: white;
   border: 1px #666 solid;
   padding: 2px 6px;
   margin-left: 45px;
   margin-top: 30px;
}

.sidebar h3 {
   color:#663333;
   margin: 0;
   padding-top: 12px;
   border-bottom: 2px #009933 solid;
   font: 18px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
}

.sidebar ul {
   font: 14px Verdana, Arial, Helvetica, sans-serif;
   font-variant: small-caps;
   font-weight: bold;
   list-style: none;
   margin-left: 0;
}

.sidebar ul li {
   margin-bottom: 12px;
}

.sidebar ul li a{
   text-decoration: none;
   color: #333333;
}

.sidebar ul li a:hover{
   background-color:#cccccc;
   color:#ffffff;
}

#exhlist {
float: left;
width: 190px;
margin-top: 30px;
background-color: #97c996;
text-align: right;
}

#exhlist h1 {
     color: #333333;
     font: 18px Verdana, Arial, Helvetica, sans-serif;
}

#exhlist h2 {
     color: #333333;
     font: 12px Verdana, Arial, Helvetica, sans-serif;
     padding-bottom: 6px;
}
#exhlist p {
color: #333333;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-bottom: 6px;
}

.seasontext {
float: left;
width: 350px;
padding-left: 36px;
background-color: #97c996;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

.seasondate {
   float: left;
   text-align: center;
   padding-left: 36px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width: 350px;
}

.seasondate h3 {
   font-size: 18px;
}

.seasondate h4 {
   font-size: 14px;
}

#exhtext {
float: left;
margin-left: 24px;
margin-top: 16px;
width: 435px;
font: 16px Arial, Helvetica, sans-serif;
color: #333333;
}

#linkbox {
float: left;
margin-top: 12px;
margin-left: 16px;
width: 265px;
padding: 8px;
border: 2px solid #009933;
font: 16px Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
}

#linkbox p {
font: 12px Arial, Helvetica, sans-serif;
}

#linkbox a {
font: 18px Arial, Helvetica, sans-serif;
text-decoration: none;
font-variant: small-caps;
color: #333333;
text-align: center;
}

#linkbox a:hover {
color: white;
/*background-color: #aaaaaa;*/
}

#picturebox {
float: left;
margin-top: 30px;
margin-left: 20px;
width: 475px;
background-color: #97c996;
}

#picturebox img {
float: left;
margin-left: 12px;
margin-bottom: 8px;
border: 2px solid black;
}

.progtitle {
   width: 260px;
   float: left;
   margin-top: 12px;
   margin-bottom: 12px;
   font: 24px Arial, Helvetica, sans-serif;
   color: #663333;
}

.progage {
   width: 280px;
   float: left;
   margin-top: 18px;
   font: 16px Arial, Helvetica, sans-serif;
   color:#663333;
   font-weight: bold;
   padding-left: 24px;
 }
 
 .reginfo {
   width: 150px;
   float: right;
   margin-top: 18px;
   font: 16px Arial, Helvetica, sans-serif;
   color:#663333;
   font-weight: bold;
 }

 #geninfo {
   width: 735px;
   margin-top: 24px;
   margin-left: 16px;
   background-color: white;
   border: 3px #666 solid;
   padding: 2px 6px;
   font: 14px "Arial", "Gadget", sans-serif;
   font-weight: bold;
   color: black;
}

#geninfo blockquote {
   padding-left: 6px;
   padding-right: 120px;
   margin-left: 12px;
   border-left: 4px solid green;
}

#datebox h1 {
  font: 36px Arial, Helvetica, sans-serif;
  color:#663333;
  text-align: center;
}

.title2 {
   margin-left: 24px;
   margin-top: 12px;
   width: 230px;
   float: left;
   font: 16px Arial, Helvetica, sans-serif;
   color:#663333;
   font-weight: bold;
   padding-top: 3px;
   padding-right: 12px;
   border-top: 1px solid green;
}

.title2 p {
   font:11px Arial, Helvetica, sans-serif;
   font-style: italic;
   color: black;
}

.title2 blockquote {
   padding-left: 8px;
   font:11px Arial, Helvetica, sans-serif;
   color: black;
}

.text2 {
   width: 250px;
   margin-top: 12px;
   margin-bottom: 12px;
   float: left;
   font: 16px Arial, Helvetica, sans-serif;
   color:#663333;
   padding-top: 3px;
   border-top: 1px solid green;
}

#wrapper {
     background-color: #97c996; 
	 width: 788px;
	 margin: auto; 
 }

.clear {
   clear: both; 
   height: 1px;
} 

.spacer {
   width: 100%;
   margin-top: 8px;
   border-top: 2px solid green;
}

#seasontext {
     float: left; 
     padding-left: 36px;
     width: 350px
}

/********************** start drop down menu *******************/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px arial;
	border-right: 1px solid #555555;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 11px 16px;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	color: yellow;}

#sddm div
{	position: absolute;
	visibility: hidden;
	width: 135px;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #555555}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		background-color: #ffffcc;
		color: #2875DE;
		color: #555;
		font: 12px arial}

	#sddm div a:hover
	{	background: #999;
		color: #FFF;
		color: white}
/********************** end drop down menu *******************/