/*Style for the container around the whole page*/
#container
{
width: 800px;
height: auto;
margin: 0px auto;
padding: 0;
background-color: #fff;
}

/*Style for the container around the content section of the page*/
#content
{
height: auto;
border: 2px solid #339933;
}

/*Style for container around the header*/
#top
{
margin: 0;
padding: 0;
}

/*Style for the table that the header images are in*/
#topT
{
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #339933;
border-left: 1px solid #999999;
border-right: 1px solid #666699;
}

/*Style for left header image*/
#top img1
{
height:114px;
margin: 0;
padding: 0;
}

/*Style for right header image*/
#top img
{
height:114px;
margin: 0;
padding: 0;
}


/*Style for the left content pane*/
#leftpane
{
width: 450px;
height: 320px;
float:left;
margin: 0;
padding: .5em;
border-right: 2px solid #339933;
overflow:auto;
line-height:1em;
}

/*Style for a horizonal bar in the left content pane*/
#leftpane hr
{
width:100%;
height: 3px;
background-color: #339933;
color: #339933;

}

/*Style for the text within the left content pane*/
#leftpane h1
{
margin: 1em;
padding: 0;
text-align: justify;
text-decoration:none;
font-size: 14px;
font-style:normal;
font-weight: 400;
font-family: Arial, Times New Roman, Verdana;
color:#000099;
line-height: 1.5em;
}

#leftpane h1 a
{
color:#000099;
text-decoration: underline;
font-weight: bold;
}

#leftpane h1 a:hover
{
color:#006699;
text-decoration: underline;
}

#leftpane h2
{
margin: 0 0 0 2em;
text-align: left;
text-decoration:none;
font-size: 14px;
font-style:normal;
font-weight: 400;
font-family: Arial, Times New Roman, Verdana;
color:#000099;
}

/*Style for the right content pane.*/
#rightpane
{
height: 320px;
margin: 0;
padding: .5em;
background-image:url(images/messydesk.large.gif);
background-position:bottom;
background-repeat: no-repeat;
overflow:auto;
}

/*Style for a horizonal bar in the right content pane*/
#rightpane hr
{
width:95%;
height: 1px;
background-color: #339933;
color: #339933;
}


/*Style for word Testimonial*/
#rightpane h3
{
margin: 1em 1em 0 1em;
padding: 1em 0 0 0;
color:#000099;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Times New Roman, Verdana;
line-height: 1em;
}

/*Style for Testimonial Company Name*/
#rightpane h4
{
margin: 0 1em 0 1em;
padding: 0;
color:#000099;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Times New Roman, Verdana;
line-height: 1em;
}

/*Style for Testimonial Company Name if it is a hyperlink*/
#rightpane h4 a
{
color:#000099;
text-decoration: none;
font-weight:bold;
}

#rightpane h4 a:hover 
{
text-decoration: underline;
color:#006699;
}

/*Style for Testimonial writer name and title*/
#rightpane h5
{
margin: 0 1em 0 1em;
padding: 0;
color:#000099;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight: 400;
font-family: Arial, Times New Roman, Verdana;

}

/*Style for Testimonial*/
#rightpane h6
{
margin: 0 1em 0 1em;
padding: 0;
color:#333333;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Times New Roman, Verdana;
line-height:1.5em;

}

#readmore
{
position:relative;
float: right;
margin: 0; 
padding: 0;
color: #336600;
font-family: Arial, Times New Roman, Verdana;
font-weight:bold;
border:none;
background: url(images/readmorea.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#readmore img
{
position:relative;
border:none;
}

#readmore a:hover img
{
visibility:hidden
}

/*Style for the footer*/
#footer
{
height: 70px;
margin: 0;
padding: 0;
border-bottom: 2px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-image:url(images/footer.gif);
background-repeat:repeat-x repeat-y;
clear: both;
text-align:center;
font-size:12px;
}

#footer a
{
margin: 0;
padding: 0;
color: #336600;
text-align:center;
text-decoration: none;
font-weight:bold;
}

#footer a:hover
{
color: #33cc00;
}


/*Style for highlighted buttons*/
.cssnav	
{
width: 105px;
height: 42px; 
float: left;
position:relative;
margin: 0; 
padding: 0;
background: url(images/hbutton.gif);
background-repeat:no-repeat;
background-position:bottom;
font-size: 11px;
font-family: Arial, Times New Roman, Verdana;         
}

.cssnav a 
{
display: block;
color: #ffffff;
text-decoration: none;
font-weight:bold;
line-height: 1em;
}

.cssnav a:hover 
{				
color: #000000;
}		

.cssnav img 
{
width: 105px; 
height: 43px; 
border: 0; 
}

.cssnav span 
{
width: 95px;
position: absolute;
text-align: center;
left: 5px;top: 15px;
cursor: pointer;   					     
}

* html a:hover 
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}
			
/*Current Page Nav Button*/
.cssnav2	
{
width: 105px;
height: 42px;
position:relative;
float: left;
margin: 0; 
padding: 0;
background: url(images/hbutton.gif);
background-position:bottom;
background-repeat:no-repeat;
overflow:hidden;
font-weight:bold;
font-family: Arial, Times New Roman, Verdana;
}

.cssnav2 a 
{
width: 105px;
height: 43px;
float: left;
display: block;
overflow:hidden;
color: Black;
text-decoration: none;
font-size: 11px;
line-height: 1em;
}

.cssnav2 a:hover 
{
font-weight:bold;
}
			
.cssnav2 img 
{
width: 105px; 
height: 42px;
border: 0; 
}

.cssnav2 span 
{
width: 95px;
position: absolute;
left: 5px;top: 15px;
cursor: pointer;   			     
text-align: center;
}

* html a:hover 
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}

* html a:hover 
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}