html{

   height: 100%;

}



body{

   height: 100%;

   margin: 0;

   background-color: #99CC00;

   background-image:  url(../../images/background.png);

   background-repeat: repeat-x;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

   font-size: 11px;

   color: #333333;

   text-align: center;

}



a{

   color: #5f8000;

}



a:hover{

   text-decoration:none;

}



.sectionLrg ul{

   padding: 0 0 0 15px;

   list-style-type: square;

   list-style-position: inside;

}



.sectionLrg ul li{

   margin-bottom: 5px;

}



.sectionLrg ul.anchorNav{

   margin-bottom: 25px;

   font-size: 12px;

}



#page{

   width: 966;

 

   margin: 5px auto 0 auto;

   position: relative;

   -moz-border-radius: 22px;

   -webkit-border-radius: 22px;

   text-align: left;

   min-height: 200px;

}



#pageInner{

   padding: 15px 15px 0 15px;

}



#leftColumn{

   width: 442px;

   float: left;

   position: relative;

}



#rightColumn{

   width: 171px;

   float: right;

   position: relative;

}



.clear{

   clear: both;

   height: 0px;

}



.sectionLrg{

   width: 412px;

   background-image:  url(../../images/sectionLrgBack.jpg);

   background-repeat: no-repeat;

   position: relative;

   padding: 15px;

   -moz-border-radius-topright: 16px;

   -moz-border-radius-topleft: 16px;

   -webkit-border-top-left-radius: 16px;

   -webkit-border-top-right-radius: 16px;

}



.sectionSml{

   width: 171px;

   height: 140px;

   background-image:  url(../../images/sectionSmlBack.jpg);

   background-repeat: no-repeat;

   margin-bottom: 15px;

   position: relative;

   -moz-border-radius-topright: 16px;

   -moz-border-radius-topleft: 16px;

   -moz-border-radius-bottomright: 16px;

   -webkit-border-top-left-radius: 16px;

   -webkit-border-top-right-radius: 16px;

   -webkit-border-bottom-right-radius: 16px;

}



.sectionSmlPadder{

   padding: 15px 20px 15px 20px;

}



.sectionSml h1{

   font-family: Arial, Helvetica, sans-serif;

   font-weight: bold;

   font-size: 14px;

   color: #333333;

   margin: 0 0 5px 0;

}



.sectionSml p{

   font-size: 9px;

}



.sectionNav{

   background-image:  url(../../images/sectionNavBack.jpg);

   height: 171px;

}



.sectionBrowser{

   background-image:  url(../../images/sectionBrowserBack.jpg);

   height: 190px;

}







#logo{

/*   position: absolute;

   top: 13px;

   left: 14px;*/

}



#footer{

   position: relative;

   color: white;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

   font-size: 11px;

   width: 659px;

   margin: 10px auto 0 auto;

   text-align: center;

   padding-bottom: 20px;

}



h1{

   font-family: Arial, Helvetica, sans-serif;

   font-size: 22px;

   margin-top: 0;

}



h1.whiteHeading{

   color: #ffffff;

}



h2{

   margin: 30px 0 0 0;

   font-size: 16px;

   font-family: Arial, Helvetica, sans-serif;

}



h3{

   font-family: Arial, Helvetica, sans-serif;

   font-size: 14px;

   margin: 15px 0 5px 0;

}



h4{

   font-family: Arial, Helvetica, sans-serif;

   font-size: 12px;

   margin: 15px 0 5px 0;

}



p{

   margin-top: 5px;

}



#tagLine{

   font-family: Arial, Helvetica, sans-serif;

   font-size: 12px;

   color: white;

   font-style: italic;

   margin-bottom: 20px;

}



.button{

   width: 152px;



   font-family: Arial, Helvetica, sans-serif;

   font-size: 14px;

   font-weight: bold;

   text-align: center;

   height:20px;

   line-height: 20px;



   background-color: #83A200;

   border: 2px solid #616D2E;

   background-image:  url(../../images/button.jpg);

   background-repeat: repeat-x;

   position: relative;

   -moz-border-radius: 7px;

   -webkit-border-radius: 7px;

   cursor: pointer;

   color: white;

}



.button a{

   color: white;

   text-decoration: none;

   display: block;

}



#downloadButton{

   margin: 10px 0px 10px 0;

   width: 120px;

}



.navSection{

   padding: 10px 0 0 8px;

}



.navButton{

   margin-bottom: 5px;

}



#commentFormSep{

   border-top: 1px dotted #dadada;

   margin-top: 20px;

   padding-bottom: 20px;

}



.cameronOnly {

  display:none;

}

code, samp {

  font-size:small;

}

samp:before {

  content: "> ";

}

.codeSample {

  background-color: #ffffe0;

  border:solid #C2C2C2 1px;

  padding:10px;

  font-family: "Courier New", Courier, monospace;

  font-size: small;

  margin:25px 0 5px 0;

}

.codeSample ins, p.explain ins {

  color:#0A0;

  text-decoration:underline;

}

.codeSample del, p.explain del {

  color:#E00;

  text-decoration:strikethrough;

}
/* tab styles */
#tabrow {
 margin:0;
 padding-left:1ex;
 min-width:800px;
 font-size:small;
 letter-spacing:0.3pt;
 line-height:1;
 height:24px;
}

#tabrow ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  z-index:2;
}

#tabrow li {
  float:left;
  background-color:#FFFFFF;
  color:#333333;
  margin-right:5px;
  padding:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #333333 1px;
  border-left:solid #333333 1px;
  border-right:solid #333333 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  cursor:pointer;
}

#tabrow li.select {
 background-color:#FFFFFF;
 color:#763509;
 height:14px;
}

/* page styles */
#topbox, #midbox {
  width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#topbox {
  background-color:#FFFFFF;
  border: solid #333333 1px;
  margin-bottom:2em;
}
#midbox {
  border: solid #333333 1px;
  background-color:#FFFFFF;
}
#midbox p {
  margin:0;
  padding-bottom:1ex;

}


#demo2 {
  margin: 0.5in auto;
  border: 0px solid #fff;
  color: #fff;
  width: 60%;
  padding: 20px;
  text-align: left;
  background-color: #33F;
  border: 3px solid #fff;

  background-image:  url(../backrepeat.jpg);
  background-repeat: repeat-x;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#demo3 {
  margin: 20px auto;
  color: #fff;
  width: 500px;
  height: 550px;
  padding-left:2em;
  background-image:  url(../backtest.jpg);
  background-repeat: no-repeat;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#demo4 {
  margin: 0.2in auto;
  color: #fff;
  width: 60%;
  padding: 20px;
  text-align: left;
  background-color: #33F;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomright: 20px;
}
.demo5 {
  margin: 0 auto;
  color: #fff;
  width: 300px;
  padding: 20px;
  text-align: left;
  background-color: #f00;
  border: 3px solid #000;
  margin-bottom: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.box2{
  background-color: #0f0;
  text-align:center;
}

.box3{
  background-color: #00f;
  text-align:right;
}

.style2 {font-size: 16px}
.style3 {
	font-size: 24px;
	font-weight: bold;
}
.style4 {
	font-size: 35px;
	font-weight: bold;
	color: #FFFFFF;
}
.style5 {
	font-weight: normal;
; color: #000000; font-size: 9px
}
.style7 {font-size: 10px; font-weight: bold; color: #333333; }
.style9 {font-size: 14px; font-weight: bold; color: #333333; }
.style10 {
	color: #99CC00;
	font-weight: bold;
	font-size: 22px;
}
.style11 {color: #0000CC}
.style12 {
	color: #99CC00;
	font-weight: bold;
}
.style13 {
	font-style: italic;
	font-weight: bold;
}

.style34 { color: #000000; font-weight: bold; font-size: 14px; }
.style59 {  font-size: 12px; font-weight: bold; color: #333333}
.styleperday {  font-size: 9px; font-weight: bold}
.styletotal { font-size: 14px; font-weight: bold ; color: #000000}
.styleoptions {  font-size: 10px}
.stylegroupe {  font-size: 12px; font-weight: bold}
.stylefree {  font-size: 9px; font-weight: bold; color: #FFFFFF}
.styleextras {  font-size: 11px; font-weight: bold; color: #333333}
.stylepreferred { font-size: 11px; color: #000000}