BODY {  filter:none; padding: 0; margin: 0; background: #212121; font-size: 100%; font-family: Helvetica, Arial, Verdana; }
#SiteWrapper { width: 960px; margin: 0 auto; clear: both; }

/* Column Specific Styles;
------------------------------------ */
#Columns { width: 960px; clear: both; background: url(/images/columns-bkg.gif) repeat-y top left; float: left; border-top: 1px solid #696969; border-bottom: 1px solid #696969; }
#Columns #Column1 { width: 720px; float: left; }
#Columns #Column2 { float: left; background-color: #383838; width: 238px; }

#Column2 H3 { padding: 10px 0 0 0; }


/* Typography Specific 
------------------------------------ */
A,
A:HOVER,
A:ACTIVE { outline: none; margin: 0; padding: 0; }

A { color: #88ca19; text-decoration: none; }
A:HOVER { color: #FFFFF0; }
 
P { line-height: 1.25em; font-size: 80%; margin: 0 0 10px 0; color: #000; }
#Column2 P { color: #c6c6c6; font-size: 70%; }

H1 {}
H2 { margin: 0 0 0 0; padding: 4px 0px 3px 33px; font-size: 80%; color: #FFF;  }

#Column1 H3 { margin: 0px; padding: 10px 0 4px 0;  font-size: 120%; font-weight: normal; text-transform: none; color: #000;  line-height: 1.15em; }
#Column2 H3 { margin: 0px; font-size: 90%; font-weight: bold; text-transform: uppercase; color: #FFF;  line-height: 1.15em; }

H4 { margin: 0px 0 10px 0; line-height: 1.25em; font-weight: normal; color: #88ca19; font-size: 100%;  }
H5 { margin: 0; padding: 0; line-height: 1.25em; font-size: 75%; color: #FFF; font-weight: bold;}
B SPAN { color: #000; }

HR {  height: 1px; border: none; clear: both; display: block; }
HR.Gray { background: #696969; }

/* Utilities
------------------------------------ */
.Left { float: left; }
.Right { float: right; }

IMG.Left, A.Left IMG { margin: 0 10px 5px 0; }
IMG.Right, A.Right IMG { margin: 0 0px 5px 10px; }

DIV.Left { margin: 5px 15px 0 0; }
DIV.Right { margin: 5px 0 0 15px; }
DIV.Left IMG { margin: 0 0 5px 0; }

#Logo { padding: 15px 10px; float: left; }
#Logo IMG { padding: 0; margin: 0; }
#Logo P { color: #FFF; font-size: 10px; padding: 4px 0 0 0; margin: 0;}

A.Button { font-size: 90%; color: #FFF; font-weight: bold;  background: #3d7020 url(../images/button-bkg.gif) repeat-x top; text-transform: uppercase; padding: 12px 15px 9px 15px; }
A.Button:HOVER { background: #3d7020 url(../images/x.gif) repeat-x top; padding: 12px 15px 9px 15px; }

P.Button A { font-size: 90%; color: #FFF; font-weight: bold;  background: #3d7020 url(../images/button-bkg.gif) repeat-x top; text-transform: uppercase; padding: 12px 15px 9px 15px; }
P.Button A:HOVER { background: #3d7020 url(../images/x.gif) repeat-x top; padding: 12px 15px 9px 15px; }


IMG.Button { margin: 10px 0; border: none; }

DIV.Content { padding: 10px; }

#Intro { background: #212121 url(../images/intro-bkg.gif) top repeat-x; } 

#Column1 .Item { margin: 0 30px 10px 0; padding: 10px; width: 300px; float: left; }
#Column1 .Item.Last { margin: 0 0 10px 0; }

/* Navigation
------------------------------------ */
#SubNav { float: right; padding: 40px 5px 0 0px; }
#SubNav LI { font-size: 80%; display: inline; font-family: 'Arial Narrow', Helvetica, san-serif; text-transform: uppercase;  }
#SubNav A { padding: 5px; color: #88ca19; }
#SubNav A.Selected { color: #FFF; }
#SubNav A:HOVER { color: #FFFFF0; }

#Navigation { width: 720px; height: 54px; background: #000 url(../images/navigation-bkg.gif) no-repeat top left; display: block; clear: both; }
#Navigation UL { margin: 0; padding: 0; }
#Navigation LI { list-style: none; margin: 0; padding: 0; display: inline; float: left; position: absolute; }
#Navigation LI A {  }
#Navigation LI A:HOVER {  z-index: 100; }

#Navigation LI A.Selected IMG { opacity: 1; filter: alpha(opacity = 100);}
#Navigation LI A IMG { opacity: .01; filter: alpha(opacity = 1); }
#Navigation LI A:HOVER IMG { opacity: 1; filter: alpha(opacity = 100);}


#Navigation LI.NavSeeFeatures { z-index: 60;  }
#Navigation LI.NavGuidedTours { z-index: 50; margin: 0 0 0 235px; }
#Navigation LI.NavSignUp { z-index: 40; margin: 0 0 0 500px; }

.Panels UL { margin: 0; padding: 0; float: left; }
.Panels LI { background: #656565 url(../images/panel-nav_bkg.gif) repeat-x top; text-transform: uppercase;  margin: 0; padding: 0; list-style: none; display: inline; float: left;  width: 180px;}
.Panels A { color: #FFF; font-weight: bold; font-family: helvetica, san-serif; text-align: center; display: block; border-right: #474746 solid 1px;  font-size: 70%; }
.Panels A { background: #656565 url(../images/panel-nav_bkg.gif) repeat-x top; padding: 13px 0 10px 0; }
.Panels A.Selected { background: #4d4d4d; url(../images/x.gif) repeat-x top; padding: 13px 0 10px 0; }
.Panels A:HOVER { background: #4d4d4d; url(../images/x.gif) repeat-x top; padding: 13px 0 10px 0; }





#PanelCycle {  background-color: #4d4d4d; border-top: #c6c6c6 1px solid; padding: 0; margin: 0; float: left;  width: 719px; border-right: 1px solid #656565; height: 163px; overflow: hidden;  }
#PanelCycle .Item { clear: both; display: block; background: #4d4d4d url(../images/panel-slide_bkg.gif) bottom left no-repeat; width: 700px; padding: 0 0 10px 0; }
#PanelCycle .Item .Button { float: left;  margin: 1px 0; }
#PanelCycle .Item .Content P { color: #FFF; font-size: 80%; }

/* TEMPORARY */
#PanelCycle .Item .Content H4 { margin-top: 20px; }
#PanelCycle A.Button { display: none;  }
#PanelCycle .Item .Content P { font-size: 85%; }
/* END: TEMPORARY */

#Login LABEL { margin: 5px 0; text-align: right; float: left; padding: 3px 10px 0 0; color: #d7d7d7; font-size: 70%;  width: 65px; }
#Login INPUT.TxtInput { width: 130px; margin: 5px 0 5px 0; }
#Login .LoginSubmit { padding-left: 80px; }
#Login .LoginSubmit .ChkInput { float: left; }
#Login .LoginSubmit P { color: #FFF; padding: 2px 0 0 5px; font-size: 70%; color: #d7d7d7; } 
#Login .BtnInput { clear: both; display: block; margin: 15px 0; }

#Login #LoginBox { padding: 30px; }
#Login #LoginBox LABEL { color: #333; }
#Login #LoginBox INPUT.TxtInput { width: 260px; margin: 5px 0 5px 0; }
#Login #LoginBox P { color: #333; }
#Login #LoginBox P.Error { color: #FF0000; }

/* SignUp Specific Styles
------------------------------------ */
#Signup #Column1 H3 { font-weight: bold; text-transform: uppercase; font-size: 90%; color: #23425b; }
#Signup #Column1 HR { margin: 0px 0 10px 0; }
#Signup .Item INPUT { float: left; }
#Signup .Item DIV P { margin: 2px 0; }
#Signup .Item DIV P SPAN { font-size: 80%; text-transform: uppercase; color: #23425b; margin: 0; padding: 0; }
#Signup .Item DIV { display: block; float: left; width: 250px; padding: 0 0 0 10px; }
#Signup .Item DIV H3 { margin: 0; padding: 3px 0 0 0; }
#Signup .GrayBox { background-color: #ebebeb; font-size: 85%; }

#Signup .Item LI { font-size: 80%; margin: 0 0 10px 10px;  line-height: 1.25em; }
#Signup .Item H5 { margin: 20px 0 6px 0; color: #000; font-weight: normal; font-size: 90%;  } 
#Signup .Item OL { margin: 0 0 0 25px; }
#Signup .Item OL LI { margin: 5px 0; }

#Signup #Column1 LABEL { margin: 5px 0; text-align: right; float: left; padding: 3px 10px 0 0; color: #000; font-size: 70%;  width: 75px; }
#Signup #Column1 INPUT.TxtInput { width: 225px; margin: 5px 0 5px 0; }
#Signup.Account .Item { width: 320px; margin-right: 10px; }


/* Tech Specific Styles
------------------------------------ */
#Tech #Column1 .Content UL { font-size: 80%; margin: 5px 0 0 20px; color: #3d7020; }
#Tech #Column1 .Content LI SPAN { color: #000; }
#Tech #Column1 .Content LI { line-height: 1.20em; margin: 0 0 8px 0; }
#Tech #Column1 .Content H3 { text-transform: uppercase; }

.Information { width: 170px; float: right; }
.Information P { color: #336600; padding: 0;  margin: 0 0 20px 0;font-size: 75%; line-height: 1.5em; }
.Information H4 { color: #000; text-transform: uppercase; font-size: 80%; margin: 0 0 2px 0; }


/* Contact Specific Styles
----------------------------------- */
#Contact #Column1 .Content { padding: 50px; }
#Contact #Column1 LABEL.error { color: #FF0000; font-size: 70%; padding: 0; margin: 0; }
#Contact #Column1 LABEL { margin: 5px 0 0 0; text-align: left; display: block; padding: 3px 0px 0 0; color: #000; font-size: 80%;  width:275px; }
#Contact #Column1 INPUT.TxtInput { width: 230px; margin: 5px 0 5px 0; }

#Contact #Column1 A:HOVER { color: #000; } 


/* Footer
------------------------------------ */
#Footer { margin: 0; padding: 10px 0 20px 0; display: block; clear: both; }
#Footer P { color: #FFF; font-size: 70%; margin: 0; padding: 0; }
#Footer UL { font-size: 70%; margin: 0; padding: 0; }
#Footer LI { list-style: none; display: inline; margin: 0; padding: 0; }
#Footer UL.NavFooter LI A { padding: 0  10px 0 10px; margin: 0; border-right: 1px solid #88ca19;}
#Footer UL.NavFooter LI.First A { padding-left: 0; }
#Footer UL.NavFooter LI.Last A { border-right: none; }

#Footer UL.Right LI A { padding: 0 1px; margin: 0; opacity: .70; filter: alpha(opacity = 70); }
#Footer UL.Right LI A:HOVER { opacity: 1; filter: alpha(opacity = 100); }

#Footer IMG.Left { margin: 3px 5px 0 0;  }

/* Survey 
-------------------------------------- */
#Survey #SurveyWrapper { width: 600px;  margin: 0 auto; }
#Survey #Wrapper { clear: both; display: block; margin: 0px auto 10px auto;  padding: 0px; background-color: #FFF; border: 10px solid #2b2b2b;  }
#Survey .Footer.Center { margin: 0px auto; color: #999; font-size: 75%; text-align: center;  }
#Survey #Logo { clear: both; margin:  15px auto 0px auto; text-align: center; display: block; float: none; }
#Survey A { color: #88ca19; }
#Survey A:HOVER { color: #176734; }
#Survey #ContactInfo {  background-color: #FFF; margin: 0 10px 10px 10px; padding: 20px 20px 10px 20px; border-top: 3px solid #176734;  text-transform: uppercase; }
#Survey #ContactInfo LABEL { color: #176734; font-weight: bold; float: left; width: 120px; text-align: right; padding: 15px 10px 0 10px; font-size: 80%; }
#Survey #ContactInfo INPUT {  color: #176734; padding: 5px; margin: 8px 0 0 0;  width: 330px;   }
#Survey #Intro { border-bottom: #222 solid  10px; }
#Survey #IntroText { padding: 15px 20px; color: #2b2b2b;  background-color: #FFF; } 
#Survey #SurveyQuestions {  clear: both; display: block; margin: 15px 10px 10px 10px; padding: 0 20px 20px 20px; border: 3px solid #176734;  }
#Survey #SurveyQuestions LABEL { line-height: 1.2em; display: block; clear: both; margin: 20px 0 5px 0;  font-size: 90%; color: #000; }
#Survey #SurveyQuestions SPAN { width:85px;  border-right: 4px solid #FFF; float: left; padding: 4px 4px 20px 4px; font-weight: bold; color: #000; text-align: center;   }
#Survey #SurveyQuestions SPAN INPUT {  margin: 0px 7px 0 0; }
#Survey INPUT.Button { padding: 10px 25px;  border: 2px solid #EFEFEF; color: #FFF; font-weight: bold; background: #3d7020 url(../images/button-bkg.gif) repeat-x top;  text-transform: uppercase; cursor: pointer;  }
#Survey INPUT.Button:HOVER {  background: #000;   }
#Survey .Center { display: block; clear: both; text-align: center; margin: 0 auto;}
#Survey .RadioLevels { width: 495px; float: left; display: block; clear: both; margin: 0 0 35px 0;  padding: 3px 10px 0px 10px; background: #FFF url(../images/survey-gradient.gif)  left no-repeat;  }
#Survey TEXTAREA { width: 510px; margin: 0 0 20px 0; }
#Survey #ContactInfo  LABEL.error { padding: 0 0 10px 140px; clear: both; display: block;font-weight: normal; font-size: 70%;  text-align: left; text-transform: none; color: #FF0000; width: 300px; }