/* CSS Document */

/**************************************************************************/
/* To whoever ends up maintaining this site after me:                     */
/* Please be kind. I know it is a mess with many duplicate/conflicting    */
/* declarations, etc. This site grew from a simple one with only          */
/* a few pages to what you see here. As pages were added and the          */
/* site grew more complicated, time constraints often necessitated        */
/* creating new embedded or inline declarations rather than tying         */
/* into an external style sheet. I have tried to fix some of this as      */
/* time allowed, but...                                                   */
/**************************************************************************/


/******************************* common elements *************/
body {
	/*width: 900px;
    /*background-color: #97c996;*/
    /*background: #c5dac5 url(images/bg3.jpg) repeat-y center;*/
    background-color: #c5dac5;
    background-image: url('images/bg3.jpg');
    background-repeat: repeat-y;
    background-position: center;
}

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

#content {   /* main text box on programs, bday, etc. pages */
  width: 735px;
  /*margin-top: 24px;*/
  margin-left: 16px;
  background-color: #f7eed8;
  border: 3px #666 solid;
  padding: 2px 6px;
  color: black;
  font: 12px Arial, Helvetica, sans-serif;
}

#content h1 {
  color:#663333;
  text-align: center;
}


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

.spacer { /* green line across page */
   width: 85%;
   margin: auto;
   margin-top: 8px;
   border-top: 2px solid green;
}

#geninfo {   /* text box at bottom of programs, bday, etc. pages */
   width: 735px;
   margin-top: 24px;
   margin-left: 16px;
   background-color: #f7eed8;
   border: 3px #666 solid;
   padding: 2px 6px;
   font: 14px "Arial", "Helvetica", sans-serif;
   /*font-weight: bold;*/
   color: #663333;
}

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

/*********  new gray menu bar **********/
#navwrapper { 
    height: 36px;
	background-image: url(http://www.obtpd.org/lvnc/images/menugrad4.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 gray menu bar ************/

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

#sddm li
{	margin: 0;
	padding: 0;
	height: 35px;  /* controls height of line dividing menu items */
	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: #fae6b5;}

#sddm div
{	position: absolute;
	visibility: hidden;
	width: 144px;
	margin: 0;
	/*background: #eaebd8;*/
    background-color: #f7eed8;
    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: #f7eed8;*/
		background-color: #c5dac5;
		color: #555;
		font: 12px arial}

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

#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;
}

.style2 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.style3 {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 12px 0px;
}

.class1 { /* format main page link menu ul */
    width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-right: 18px;
}

.class1 li {
    list-style-type: none; 
    padding-top: 10px;
}

.class1 a:link {text-decoration: none; color: #007a3b}
.class1 a:visited {color: #007a3b; text-decoration: none}
.class1 a:active {color: #007a3b; text-decoration: none}
.class1 a:hover {text-decoration: none; color: #eaebd8;}
<!--.class1 a:hover {text-decoration: none; color: #ffff66;}-->

td a {
    text-align: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

td a:link {color: #333; text-decoration: none}
td a:visited {color: #333; text-decoration: none}
td a:active {color: #333; text-decoration: none}       
td a:hover {color: #ffff66; text-decoration: underline}

#ticker { /* formatting for box to left of rotator on main page */
    float: left; 
    margin-left: 30px; 
    width: 200px;
    height: 236px;
  	/*border: 2px solid black;*/
}

#graybox {
	display:inline;
	float: right;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
	/*margin-top:6px;*/
        margin-right: 18px;
	width: 173px;
	text-align: center;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid white;
}

#graybox a {text-decoration: none;}
#graybox a:link {font-size: 14px; color: white; text-decoration: none;}
#graybox a:visited {color: white}
#graybox a:hover {color: #ffff66}

.gray_text {
      margin: 10px; 
      text-align: left; 
      color: black; 
      font-size: 10px;
}	 

#mainbox {
	float:left;
    width: 590px; 
}

#teaserbox {
    margin-left: 8px;
    width: 580px; 
    height: 230px;
    padding-top: 4px;
 }
 

#wvr a {text-decoration: none;}
#wvr a:link {color: #663333; text-decoration: none;}
#wvr a:visited {color: #663333;}
#wvr a:hover {color: #ffff66;}

.imgBorder {
    border: 1px solid #97c996;
 }
.imgBorder:hover {
    border: 1px solid #fff;
 }
  
.ncfooter {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    margin-left: 48px;
    width: 240px;
    color: white;
}  
/********************** end index page items *******************/


/***************************************  begin general info page **********/
#infobox {
    width:744px;
    margin-top: 12px; 
    margin-left: 16px; 
    padding-left: 13;
    border: 2px solid green;
    background-color: #f7eed8;
}

#leftcol {
    float: left;
    width: 340px;
    /*margin-left: 24px;*/
    border-right: 2px solid green;
}
#rightcol {
    float: left;
    width: 340px;
    margin-left: 24px;
    margin-top: 60px;
}
.genhead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #339900;
    text-align: center;
}
#infobox p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}
#infobox h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.misstxt {
    font-family: Georgia, Palatino, serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
}
/***************************************  end general page **********/



/**************** following are used by bday page  ***********/

.bdtext_sm {font-size: 10px; margin-left: 12px}

.bdtext {
   /*width: 650px;
   float: left;*/
   margin: 0px 36px 0px 36px;
   font: 14px Arial, Helvetica, sans-serif;
   color:#663333;
}

.bdtitle {
   width: 260px;
   float: left;
/*   margin-top: 12px;
   margin-bottom: 12px;*/
   font: 18px Arial, Helvetica, sans-serif;
   color: #663333;
}
/****** end bday page items */


/**************** following are used by ccmail include  ***********/
 .standard {
         font-size: 12px;
        text-align: center;
}

.tbox_max {
       margin-left: 10px;
       margin-bottom: 6px;
}

/****** end ccmail items */

/****************** items from exhibits pages (excluding winterex.php, see next) ************/
  /******* also gardens page has a few additional inline styles *******/
  
#exhtext { /* text at top of exhibits and groups pages */
float: left;
margin: 0px 36px 16px 36px;
/*margin-top: 16px;
padding-right: 36px;*/
width: 400px;
font: 14px Arial, Helvetica, sans-serif;
/*color: #333333;*/
color: #663333;
}

.picturebox { /* div to keep text and pics in groups of 3 on exhibits pages */
float: left;
margin-top: 30px;
margin-left: 20px;
/*background-color: #97c996;*/
background-color: #f7eed8;
}

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

.exhtabs {
   float: left; 
   width: 190px; 
   margin: 24px 0px 0px 48px;
}

.exhlist { /* divs that contains left col text on exhibits pages */
float: left;
width: 190px;
margin-top: 10px;
margin-right: 20px;
/*background-color: #97c996;*/
background-color: #f7eed8;
text-align: right;
}

.exhlist h3 { /* left col on exhibits pages (except garden) */
     color: #663333;
     font: 12px Verdana, Arial, Helvetica, sans-serif;
     padding-bottom: 6px;
}

 .exhlist h2 { /* left col heading on garden page */
     color: #663333;
     font: 18px Verdana, Arial, Helvetica, sans-serif;
}

.exhlist p { /*left col text on garden page */
color: #663333;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-bottom: 6px;
}

#leftpics { /* left column of pics on garden page */
   float: left; 
  /* width: 210px;
   text-align: center;*/
   margin-top: 42px;
}

#rightpics { /* right column of pics on garden page */
   float: left; 
   margin-left: 24px;
  /* width: 300px;*/

}

#awardbox {
   width: 600px; 
   margin: auto; 
   text-align: center; 
   padding: 6px; 
   border-top: 3px solid green; 
   text-align: center; 
   font: 12px Verdana, Arial, Helvetica, 
   sans-serif; font-style: italic;
} 


#linkbox { /** linkbox from top of exhibits pages **/
float: right;
/*margin-top: 12px;*/
margin-left: 16px;
width: 225px;
padding: 8px;
/*border: 2px solid #009933;*/
border: 2px solid #333333;
font: 16px Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
}

#linkbox a {
font-size: 14px;
text-decoration: none;
font-variant: small-caps;
color: #333333;
margin-left: 12px;
/*text-align: center;*/
}

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

/******************* end exhibits page items ****************/

/************* winter exhibit pages ***********/
#wepicbox {
    /*float: left;*/
    margin-left: 36px;
    width: 700px;
}

.wedate {
    margin-bottom: 14px;
    font-size: 18px;
    color: #663333;
}

.wetitle {
    margin-top: 14px;
    font-size: 18px;
    color: #663333;
}

.wepic {
    float: left;
    margin-left: 48px;
    margin-bottom: 36px;
    width: 154px;
    /*height: 200px;*/
    text-align: center;
}

.wepic2 {
    float: left;
    margin-left: 26px;
    margin-bottom: 36px;
}

.wepic3 {
    float: left;
    margin-left: 71px;
    margin-bottom: 36px;
}

.wepic img {
   border: 2px solid black;
   margin-bottom: 6px;
}

/*********** end winter exhibit *************/

/************ layer1 from contestmain page, also used on events landing page ********/
#layer1 {
    float: left;
	width:400px; 
	margin-left: 60px; 
 }
 
 #layer1 p {
   font: 16px Verdana, Arial, Helvetica, sans-serif;
 }
 
 #layer1 a {
       text-align:center; 
       font-size:18px; 
       color:#cc6600; 
       font-weight:bold;
 }
/*************** end layer1 **********/

/***************************************  links page *************/
.sidebar {
   float: left;
   width: 325px;
  /* background-color: #336666;*/
   background-color: #f7eed8;
   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;
}
/******************** end sidebar *******************/

/****** text and pic columns used on Spring Celebration, Fall Open House, and FWPD pages **********/
/************************ (also on activities.php and encounter.php) ******************/
.seasontext {
float: left;
width: 326px;
margin-left: 30px;
/*background-color: #97c996;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #663333;
}

.seasontext p {
    font-size: 14px;
}

.seasondate {       /***** in spite of the name,this is the column of pictures ****/
   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;
}
/************************ end Spring Celebration columns ******************/



/**************************************************************************************
 *             Items below this may not be used any more - delete when sure           *
 **************************************************************************************/


/********************** old navbar?? not used any more? ****************/
/********************** some used on groups page (no js page) ****************/
#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:green;
}
/************************ end old navbar? ******************/

/******************* following items are from old programs page - not used any more *****/
.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;
 }

#datebox h1 {
  font: 30px 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;
}
/********************* end unused old programs page items ************/

.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;
}

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