/* Layout styles */

body{
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  font-family: Arial,sans-serif;
  font-size: 80%;
  color: #333333;
  line-height: 120%;  
  background-color: #FFFFFF;
}

hr{
  margin: 0px;
  padding: 0px;
  height: 1px;
  color: #ECE917;
  background-color: #ECE917;
}

#topRow{
  left: 0px;
  width: 763px;
  height: 100px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#topNavRow{
  position: absolute;
  left: 451px;
  top: 85px;
  width: 310px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#navRow{
  left: 0px;
  width: 763px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#homeTab{
  position: absolute;
  left: 0px;
  top: 126px;
  width: 131px;
  height: 15px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#topTwoColShadowRow{
  left: 0px;
  width: 763px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background: url("../images/twocoltopshadow.gif") bottom left no-repeat;
  border: none;
}

#topThreeColShadowRow{
  left: 0px;
  width: 763px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background: url("../images/threecoltopshadow.gif") bottom left no-repeat;
  border: none;
}

#twoColRow{
  left: 0px;
  width: 763px;
  margin: 0px;
  padding: 0px;
  background: url("../images/twocolbackground.gif") top left repeat-y;
  border: none;
}

#threeColRow{
  left: 0px;
  width: 763px;
  margin: 0px;
  padding: 0px;
  background: url("../images/threecolbackground.gif") top left repeat-y;
  border: none;
}

.shadowColumn{
  float: left;
  width: 2px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#leftColumn{
  float: left;
  width: 150px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  border: none;
}

#leftColumn h1{
  margin: 0px;
  padding: 0px 5px 0px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 115%;
  font-weight: bold;
  color: #999900;
  text-align: center;
}

#leftColumn h2{
  margin: 0px;
  padding: 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #99CC00;
  text-align: left;
}

#leftColumn h3{
  margin: 0px;
  padding: 0px 3px 0px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  font-weight: bold;
  color: #666666;
  text-align: left;
}

#leftColumn p{
  margin: 0px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  color: #333333;
  text-align: left;
}

#mainColumn{
  float: left;
  width: 608px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  border: none;
}

#mainColumn form{
  margin: 0px;
  padding: 0px;
}

#mainColumn hr{
  margin: 0px;
  padding: 0px;
  height: 1px;
  color: #CCCCCC;
  background-color: #CCCCCC;
}

#middleColumn{
  float: left;
  width: 408px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  border: none;
}

#rightColumn{
  float: left;
  width: 198px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
  border: none;
}

#rightColumn h1{
  margin: 0px 5px 0px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #999900;
  text-align: left;
}

#rightColumn h3{
  margin: 0px 5px 0px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #999900;
  text-align: center;
}

#rightColumn p{
  margin: 0px 5px 5px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  color: #333333;
  text-align: left;
  line-height: 135%;
}

#rightColumn ul{
  margin: 5px 5px 10px 25px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  color: #333333;
  text-align: left;
  line-height: 135%;
}

/* 
  This style is crucial to handling 3 column background (faux column effect) under Netscape and Firefox.
  Insert div with this style at bottom of container div.
  ie. <div class="columnEnd">&nbsp;</div>
*/
.columnEnd{
  clear: both;
  height: 1px;
  margin: 0px; 
  padding: 0px;
  font-size: 1px;
  border: none;
}

#bottomTwoColShadowRow{
  left: 0px;
  width: 763px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background: url("../images/twocolbottomshadow.gif") bottom left no-repeat;
  border: none;
}

#bottomThreeColShadowRow{
  left: 0px;
  width: 763px;
  height: 5px;
  margin: 0px;
  padding: 0px;
  background: url("../images/threecolbottomshadow.gif") bottom left no-repeat;
  border: none;
}

#bottomNavRow{
  clear: both;
  width: 763px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#bottomNavRow a{
  color: #FFFFFF;
}

#bottomNavRow a:visited{
  color: #CCCCCC;
}

#bottomNavRow p{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
}

#copyrightRow{
  left: 0px;
  width: 760px;
  margin: 0px;
  padding: 0px;
  border: none;
}

#copyrightRow p{
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-align: center;
}

/* Buttons */

/*.homeButton{
  margin: 0px 10px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-weight: bold;
  text-align: left;
}*/

.navButton{
	margin: 0px 5px 0px 5px;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #CCCCCC;
	text-align: left;
	display: block;
}

.navButtonBottom{
	margin: 0px 5px 0px 5px;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	display: block;
}

.navButton a{
	padding-left: 10px;
	display: block;
}

.navButtonBottom a{
    padding-left: 10px;
	display: block;
}

.raisedButton{
  margin: 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  display: block; /* treat button as a block */
  height: 1%; /* hack to have IE treat button as a block */
}

.raisedButton a{
  padding-left: 10px;
  color: #003366;
  font-weight: bold;
  display: block; /* treat button as a block */
  height: 1%; /* hack to have IE treat button as a block */
}

.raisedButton a:hover{
  text-decoration: none;
  background-color: #ECE917;
  display: block; /* treat button as a block */
  height: 1%; /* hack to have IE treat button as a block */
}

.raisedButton a:visited{
  text-decoration: none;
  color: #006600;
  display: block; /* treat button as a block */
  height: 1%; /* hack to have IE treat button as a block */
}

/* Section formatting elements */

.image{
  margin: 0px;
	padding: 0px 0px 5px 0px;
}

.imageLeft{
  margin: 0px;
	padding: 0px 5px 5px 0px;
}

.margin20{
  margin: 0px 20px;
  padding: 0px;
}

.productImage{
  margin: 10px 5px 10px 5px;
  text-align: center;
}

.sectionBlueTab{
  width: 100%;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url("../images/sectionbluetab.gif") bottom left no-repeat;
} 

.sectionBlueTab h4{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 0px -5px 5px;
  padding: 0px;
}

.sectionBlueBox{
  width: 100%;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  background-color: #E5EAEF;
  border-top: 1px solid #003366;
  border-bottom: 1px solid #003366;
}

.sectionBlueBox h5{
  margin: 0px;
  padding: 3px 3px 0px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-weight: bold;
  font-style: normal;
  color: #666666;
  text-align: left;
}

.sectionBlueBox p{
  margin: 0px 3px 0px 3px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}

.sectionYellowBar{
  width: 100%;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background-color: #ECE917;
} 

.sectionYellowBar h4{
  margin: 0px 0px -5px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-style: normal;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.sectionYellowReverseTab{
  width: 100%;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url("../images/sectionyellowreversetab.gif") bottom left no-repeat;
} 

.sectionYellowReverseTab h4{
  margin: 0px 0px -5px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-style: normal;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.sectionYellowTab{
  width: 100%;
  height: 15px;
  margin: 0px;
  padding: 0px;
  background: url("../images/sectionyellowtab.gif") bottom left no-repeat;
} 

.sectionYellowTab h4{
  margin: 0px 0px -5px 5px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
	font-style: normal;
  font-weight: bold;
  color: #000000;
}

.sectionYellowBox{
  width: 100%;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  background-color: #FFFFCC;
  border-top: 1px solid #ECE917;
  border-bottom: 1px solid #ECE917;
}

.sectionYellowBox h5{
  margin: 0px;
  padding: 3px 3px 0px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-weight: bold;
  font-style: normal;
  color: #FF9900;
  text-align: left;
}

.sectionYellowBox p{
  margin: 0px 3px 0px 3px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}

.shadedBlueBox{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #E5EAEF;
  border-top: 1px solid #003366;
  border-bottom: 1px solid #003366;
}

.shadedYellowBox{
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #FAF9C5; 
  border-top: 1px solid #ECE917;
  border-bottom: 1px solid #ECE917;
}

.shadedYellowBox p{
  margin: 3px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
}

#surveyBox{
  width: 100%;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  background-color: #003366;
  border-bottom: 1px solid #ECE917;
}

#surveyBox p{
  margin: 0px;
  padding: 2px 5px 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
}

.verticalSpacer5{
  width: 100%;
  height: 5px;
}

.verticalSpacer10{
  width: 100%;
  height: 10px;
}

.verticalSpacer20{
  width: 100%;
  height: 20px;
}

/* Paragraph styles */

h1{
  margin: 5px 0px 10px 0px;
  padding: 0px;
  line-height:normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  color: #999900;
  text-align: left;
}

h2{
  height: 15px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-indent: 5px;
  text-align: left;
  border-bottom: 2px solid #ECE917;
  background: url("../images/h2.gif" ) top left no-repeat;
}

h3{
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

h4{
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
	font-style: italic;
  font-weight: bold;
  color: #666666;
  text-align: left;
}

h5{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-weight: normal;
  font-style: oblique;
  color: #666666;
  text-align: left;
}

h6{
  height: 15px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-indent: 5px;
  text-align: left;
  border-bottom: 2px solid #40668C;
  background: url("../images/h6.gif" ) top left no-repeat;
}

hr {
  margin: 5px 0px;
	padding: 0px;
  background-color: #99CC00;
	border: 1px solid #99CC00;
}

p{
  margin: 5px 0px 10px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #333333;
  line-height: 150%;
}

ul{
  margin: 5px 0px 10px 17px;
  padding: 0px;
}

.description{
  font-size: 85%;
  line-height: 135%;
}

.detail{
  font-size: 90%;
  line-height: 135%;
}

.highlight {
	color: #FF0000;
}

.medium {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #333333;
}

.mediumWhite {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #FFFFFF;
}

.mediumYellow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #ECE917;
}

.more{
  margin: 3px 10px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-style: oblique;
  text-align: right;
}

.note{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-style: oblique;
}

.pageSummary{
  margin: 0px;
  padding: 3px 5px 5px 5px;
	background-color: #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-align: right;
	line-height: 135%;
}

.price {
  margin: 0px 10px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-style: oblique;
  font-weight: bold;
  color: #666666;
  text-align: right;
}

.priceSmall {
  margin: 0px 10px 0px 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-style: oblique;
  color: #666666;
  text-align: right;
}

.small {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #333333;
}

.smallWhite {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  color: #FFFFFF;
}

.smallYellow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  color: #ECE917;
}

.testimonial{
  margin: 0px 15px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-style: normal; 
  text-align: left;
}

.todo{
	background-color: #00FF00;
}

/* Link handling */

a{
  color: #003366;
  font-weight: bold;
  text-decoration: none;
}

a:link{
  color: #003366;
  text-decoration: none;
}

a:visited{
  color: #006600;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}