body
{
  font-family: "Segoe UI" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #666;
}
strong, em, b, i
{
  font-family: "Segoe UI" , "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}
a.button
{
  text-decoration: none;
}
.button
{
  width: 100px;
  padding: 3px 3px;
  margin: 5px 5px;
}
.header-menu 
{
  font-size: 1.3em;
  font-weight: bold;
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  border-top: 0px solid #ccc;
  width: 100%;
  padding: 5px 0;
  margin: 0px 0px;
}
.header-link
{
  color: #669933;
  width: 60px;  
  text-decoration: none;
  text-transform: lowercase;
  padding: 3px 3px;
  margin: 0 5px 15px 5px;
}
.header-link:hover
{
  color: #67b021;
  text-decoration: underline;
}
div.tri-info-left
{
  border: 4px solid #efefef;
  background-color: #666666;
  padding: 10px 10px;
  color: White;
  height: 250px;
}
div.tri-info-center
{
  border: 2px solid #333; 
  background-color: #efefef; 
  padding: 10px 10px;
  text-align: center; 
  height: 250px;
  height: 250px;
}
div.tri-info-right
{
  border: 4px solid #efefef;
  background-color: #666666;
  padding: 10px 10px;
  color: White;
  height: 250px;
}
.tri-info-list 
{
  font-size: 0.8em;
}
h2
{
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
}
h5
{
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 5px 5px;
}
ul li
{
  margin-left: 20px;
}
.clear
{
  clear: both;
}
#s3slider
{
  width: 450px; /* important to be same as image width */
  height: 300px; /* important to be same as image height */
  position: relative; /* important */
  overflow: hidden; /* important */
}

#s3sliderContent
{
  width: 450px; /* important to be same as image width or wider */
  position: absolute; /* important */
  top: 0; /* important */
  margin-left: 0; /* important */
}
#s3sliderContent li 
{
  list-style: none;
}
.s3sliderImage
{
  float: left; /* important */
  position: relative; /* important */
  display: none; /* important */
}

.s3sliderImage span
{
  position: absolute; /* important */
  left: 0;
  font: 10px/15px Arial, Helvetica, sans-serif;
  padding: 10px 13px;
  width: 400px;
  background-color: #000;
  filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
  opacity: 0.7; /* here you can set the opacity of box with text */
  color: #fff;
  display: none; /* important */
  top: 0; /*        if you put        top: 0; -> the box with text will be shown at the top of the image         if you put        bottom: 0; -> the box with text will be shown at the bottom of the image    */
}
#footer 
{
  vertical-align: middle;
  color: White;
  width: 100%; 
  font-size: 0.9em;
  border-top: 2px solid #efefef;
  background-color: #333;
  color: White; 
  height: 50px;
}
#footer a 
{
  color: White;  
  text-decoration: none;
}
#footer a:hover
{ 
  text-decoration: underline;
}
.outerpair1
{
	background: url(../Images/upperrightfade.png) right top no-repeat; 
}
.outerpair2
{
	background: url(../Images/lowerleftfade.png) left bottom no-repeat;
}
.shadowbox
{
	background: url(../Images/shadow.png) bottom right;
}
.innerbox
{
	position: relative;
	left: -8px;
	top: -10px;
	border: solid 1px #ccc;
}
label 
{
  float :left;
  width: 125px;
  padding: 5px;
}
input[type="text"] 
{
  width: 175px;
}
textarea 
{
  height: auto;
}
.error-section h3 a 
{
	font-weight: bold;
	text-decoration: none;
}
.section-header 
{
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  margin: 3px;
}
a.error,li.error
{
  color: Red;
}
.error-item 
{
	margin-left: 40px;
}
span.ui-icon
{
	float: left;
	display: inline;
	cursor: hand;
	margin-right: 5px;
}
.center 
{
  margin-left: auto;
  margin-right: auto;
}