/* These styles just pretty up the page a bit. */
body {
   background-color: #86dd85;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   margin: 0;
   padding:0;
   }
#wrap {
   font-size: 1.3em;
   width: 500px;
   padding: 20px;
   margin: 0 auto; 
   background-color: #fff;
   position: relative; }
 
content.h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#000;
	}

	
p.center img {margin: 10px 100px;}
p.right img {margin-right: 10px 0px;}
/*img.myright {margin-right:auto; display:block; text-align:right;}*/
img.myleft { float:left; position:relative; margin:2em; border: 1px solid;}
img.myright { float:right; position:relative; margin:2em; border: 1px solid;}

.dateText {
  font-size: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.error {
  color: red;
  font-size:10px;
} 

/* borrowed from http://www.ssi-developer.net/main/templates/ */
#header{
 height:90px;
 background-image:url('/images/hydro_logo_60_90.jpg');
 /*background-image:url('http://test.hydrostacker.com/images/hydro_logo_60_90.jpg'); */ 
 background-repeat:no-repeat;
 background-position:center top;
 border:solid;
 border-width:3px 0px;
 border-bottom-color:#D2B48C;
 border-bottom-width:10px;
 border-top-color:#04B404;
 margin:0px 0 0 0;
 text-indent: -500em;
 }

.headerText{
	text-align: left;
	text-indent: -100em;
	color: #000;
	margin:5px 10px 5px 0px;
	}
	
#content{
 width: 800px;
 margin: 0px auto;
 border: 1px solid #000000;
 background: #ffffff;
 color: #000000;
 padding: 10px;
/* position :relative; */
 text-align: left;
 }

/* Navigation menu */
/* These styles create the dropdown menus. */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #38B549;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #38B549;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #709E75;
color: #fff;
}
	
/* Content and parts CSS */


.partslist {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

.parts {
margin: 0px 0px 5px 0px;
border-bottom: 1px dashed #C39C4E;
padding: 0px;
}

/* Class Listing Style */

#classListing {
 background-color: #7dca97;
 border: 1px solid black;
 }

#classListing dt {
 background-color: #f4faf4;
 padding: 6px;
 }

#classListing dd {
 padding: 6px;
 }


/* Date Picker CSS including calendar icon */
button.calendar {
        background: url(calendar-icon.gif);
        border: 0;
        cursor: pointer;
        float: left;
        height: 20px;
        margin-right: 6px;
        width: 20px;
}
button.calendar:hover,
button.calendar.active {
        background-position: 0 20px;
}
/* Style for alternating table rows in parts listing */
tr.d1 td {
        background-color: #99CC99;
}