/* Link styles
------------------------------------------------ */

a:link    {color: #444444; text-decoration: underline;}
a:visited {color: #444444; }
a:hover   {color: #72A52E; text-decoration: underline;}
a:active  {color: #444444; text-decoration: underline;}

a.foot  {color: #CECECE; text-decoration: none;}
a.foot:link  {color: #CECECE; text-decoration: underline;}
a.foot:visited  {color: #CECECE; text-decoration: underline;}
a.foot:hover  {color: #F0F0F0; text-decoration: underline;}
a.foot:active  {color: #CECECE; text-decoration: underline;}


.incorrectAnswer {color: #FF0000;}

.unansweredQuestion {color: #FF0000;}

/* Container
------------------------------------------------ */


body {
 	margin: 0px;
	padding: 0px;
    background-color: #262542;
    text-align: center;
}


#all
{
	position: relative;
	margin: 12px auto;
	width: 885px;
	padding-left:12px;
}


#main
{
       float:left;
       height: auto;
	width: 760px;
	position: relative;
    text-align: left;
	background: #FFFFFF;
	padding-bottom:12px;
}

.banner-drop
{
    height: auto;
	width: 120px;
	position: relative;
    float:right;
    margin: 0px;
    text-align: left;
    padding-left:5px
}

.banner-drop img
{
	position: relative;
    margin: 0px;
    padding-bottom:5px
}



/* Header
------------------------------------------------ */

#preheader
{
       height: 13px;
       width: 760px;
       position: relative;
}


#header
{
       height: 138px;
       width: auto;
       margin: 0px;
       padding-top: 0px;
       position: relative;
       text-align: left;
}


.subhead {

      width: 760px;
      height: auto;
      margin: 0px;
      padding: 0px;

}

.subhead-right
{
      font: normal 100% Verdana, Arial, Helvetica, sans-serif;
      color: #666666;
      float: right;
      width: 250px;
      margin: 0px;
      padding: 0px;
      text-align: right;
}

.subhead-left
{
      font: normal 100% Verdana, Arial, Helvetica, sans-serif;
      color: #666666;
      float: left;
      margin: 0px;
      padding: 10px;
      width: 490px;
      text-align: left;

}

.subhead-feature
{     
    height:80px;
	width:224px;
	position: relative;
	margin:12px 12px 12px 12px;
	border-bottom: 5px solid #DFDFDF;
	color: #000000;
	font: normal 100%  Arial, Verdana, Helvetica, sans-serif;
}

#search
{
	height: 30px;
    width: auto;
    position: relative;
   	margin: 0px;
    padding: 10px 10px 0px 0px;
    text-align: right;
}


/* Navigation & Lists
------------------------------------------------ */

.navigation
{
    height: 39px;
    width: 760px;
    margin: 0px;
    padding-top: 4px;
    position: relative;
    background: #9BCF46;
    background-image: url('../images/3.jpg');
    background-repeat: repeat-x;
    border-bottom: 5px solid #DFDFDF;
    text-transform: uppercase
}


.nav ul
{

    list-style-type: none;
    border-left: 0px solid;
    padding-top: 0px;
    margin: 0px;
}

.nav li
{
    display: block;
    float: left;
    border-right: 0px none;
    border-left: 0px solid ;
    text-align: left;
    margin: 3px 0px 1px 0px;
    padding: 0px 0px 1px 16px;
    color: #FFFFFF;
}

.nav li a
{
	width: auto;
	color: #FFFFFF;
	display: block;
	text-align: left;
	text-decoration: none;
        font: normal 100%px Arial, Verdana,  Helvetica, sans-serif;
	line-height:1em;
}

.nav li a:visited {color: #FFFFFF; text-decoration:none;}
.nav li a:hover {color: #000000; text-decoration:none;}
.nav a:active {color: #5B7E21;}
.nav li a.active  {color: #5B7E21;}


#section_list { width: 235px; }

#section_list ul
{
     margin: 0px 0px 0px 0px;
     padding-left: 0px;
     list-style-type: none;
     font-family: Arial, Helvetica, sans-serif;
     border-top: 1px solid #FFFFFF;
	text-decoration: none;
}

#section_list li
{
     margin: 0px 0px 0px 0px;
     padding-left: 0px;
     list-style-type: none;
}

#section_list a
{
     display: block;
     padding: 3px 3px 3px 12px;
     width: 220px;
     background-color: #E9F1D8;
     border-bottom: 1px solid #FFFFFF;
     text-decoration: none;
}

#section_list a:link, #section_list a:visited { color:  #444444; text-decoration: none; }
#section_list a:hover { background-color: #D8E9B1; color: #000000; text-decoration: none;  }

#section_list a:active {background-color: #D8E9B1; color: #000000; text-decoration: none;  }

#section_list li a.active  {background-color: #D8E9B1; color: #000000; text-decoration: none;  }


.eventlist { width: 214px;}

.eventlist ul
{
     margin: 0px 10px 0px 0px;
     padding-right: 10px;
     list-style-type: none;
     border-top: 1px solid #999999;
     text-decoration: none; 
}

.eventlist li
{
     margin: 0px 2px 0px 0px;
     padding-left: 0px;
     list-style-type: none;
}

.eventlist a
{
     display: block;
     padding: 6px 0px 6px 6px;
     width: 214px;
     border-bottom: 1px solid #CCCCCC;
     text-decoration: none; 
}

.eventlist a:link, .eventlist a:visited { color: #72A52E; text-decoration: none; }
.eventlist a:hover { color: #000000; text-decoration: none;  }

.alteventlist { width: 120px;}

.alteventlist ul
{
     margin: 0px 10px 0px 0px;
     padding-right: 10px;
     list-style-type: none;
     border-top: 1px solid #999999;
     text-decoration: none; 
}

.alteventlist li
{
     margin: 0px 2px 0px 0px;
     padding-left: 0px;
     list-style-type: none;
}

.alteventlist a
{
     display: block;
     padding: 6px 0px 6px 6px;
     width: 120px;
     border-bottom: 1px solid #CCCCCC;
     text-decoration: none; 
}

.alteventlist a:link, .alteventlist a:visited { color: #72A52E; text-decoration: none; }
.alteventlist a:hover { color: #000000; text-decoration: none;  }

.foot
{font: normal 100%/1.3em Verdana, Arial, Helvetica, sans-serif;}

.foot a:link, .foot a:visited, .foot a:active {color: #CECECE; text-decoration: underline;}

.foot a:hover {color: #F0F0F0; text-decoration: underline;}


/* Layout
------------------------------------------------ */

.float-wrapper-rigid
{
	float: left;
	width: 507px;
	padding: 0px 0px 24px 0px;
	margin: 0px;
}

.content-float-rigid
{
    height: auto;
    float: right;
	width: 480px;
	padding: 0px 22px 24px 0px;
   	margin: 0px;
}


.first-float-rigid
{
    height: auto;
    float: left;
	width: 253px;
	padding: 0px 0px 0px 0px;
    margin: 0px;
}

.second-float-rigid
{
    height: auto;
    float: right;
	width: 253px;
	padding: 0px 0px 0px 0px;
   	margin: 0px;
}

.third-float-rigid
{
    height: auto;
    float: right;
	width: 253px;
	padding: 0px 0px 6px 0px;
    margin: 0px;
    text-align: left;
}


#lhscontainer
{
	width: auto;
    position: relative;
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 36px;
    text-align: left;
  	color: #000000;
}

#maincontainer
{
	height: auto;
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  	color: #000000;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#rhscontainer
{
	width: auto;
    position: relative;
    font: normal 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: left;
  	color: #000000;
}

.banner-main
{
    float: left;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	width:  auto;
	height:  160px;
	background: #DFDFDF;
}

.banner-row
{     
    height:60px;
	width:auto;
	background-color: #262542;
	padding: 4px 0px 4px 0px;
}

.feature-row
{     
	border-top: 5px solid #DFDFDF;
	padding: 12px 0px 0px 0px;
}

.top-feature-border
{
	height:auto;
	width:478px;
	position: relative;
	float:left;
	border-right: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 12px;
	padding-left: 14px;
}

.feature
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
    text-align: left;
	padding:0px 12px 16px 14px;
}

.feature-main
{     
    height:auto;
	width:auto;
	position: relative;
	float:right;
	padding:0px 12px 16px 12px;
}

.feature-border
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
	padding:0px 14px 16px 14px;
	border-right: 1px solid #CCCCCC;
}

.feature-border-main
{     
    height:auto;
	width:218px;
	position: relative;
	float:left;
	padding:0px 16px 0px 0px;
	border-right: 1px solid #CCCCCC;
}

.feature p, .feature-border p
{     
    font-size:90&;
	font-family: Arial, Helvetica, Verdana, sans-serif
}

.feature-link
{     
    height:auto;
	width:auto;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:right;
	text-decoration: none;
}

.feature-link a {color: #72A52E; text-decoration: none;}
.feature-link a:link  {color: #72A52E; text-decoration: none;}
.feature-link a:visited  {color: #72A52E; text-decoration: none;}
.feature-link a:hover  {color: #000000; text-decoration: none;}
.feature-link a:active  {color: #72A52E; text-decoration: none;}

.article-listing
{     
    height:auto;
	width:auto;
	position: relative;
	float:left;
	margin:0px;
	padding:12px 12px 12px 12px;
	font-size: 90%;
	border-bottom: 1px solid #CCCCCC;
}

.article-link
{     
    height:auto;
	width:auto;
    font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:left;
	text-decoration: none;
}

.article-link a {color: #72A52E; text-decoration: none;}
.article-link a:link  {color: #72A52E; text-decoration: none;}
.article-link a:visited  {color: #72A52E; text-decoration: none;}
.article-link a:hover  {color: #000000; text-decoration: none;}
.article-link a:active  {color: #72A52E; text-decoration: none;}

/* Footer
------------------------------------------------ */
.footer {

    float: left;
	clear: both;
	width: 760px;
    height: auto;
	margin-left: 0px;
	padding-top: 6px;
	margin-bottom: 6px;
}

.footer-right
{
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #CECECE;
    float: right;
	width: 300px;
	padding-right: 0px;
	margin-top: 0px;
}

.footer-left
{
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	color: #CECECE;
    float: left;
	padding-left: 0px;
	margin-top: 0px;
	width:  460px;
	text-align: left;
}


/* Pagination Formatting
------------------------------------------------ */

ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
		
ul.rsx-page-num-list li
{
        display: inline;
	margin:0px;
	padding:0px;
}


/* Comment formatting
------------------------------------------------ */


.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
}

form#txpCommentInputForm td {
vertical-align: top;
}

.comment
{
	font-size: 100%;
	line-height: 1.2em;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
    padding: 4px 12px 0px 12px;
    margin: 8px 16px 12px 0px;
    border: 1px solid #CCCCCC;

}

/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     line-height: 1em;
     padding-bottom: 0px;
}


.h1, h1 { font-size: 130%; font-weight: bold; color: #004D53; }
.h2, h2 { font-size: 130%; font-weight: bold; color: #72A52E; }
.h3, h3 { font-size: 110%; font-weight: bold; color: #004D53; }
.h4, h4 { font-size: 110%; font-weight: bold; color: #72A52E; }
.h5, h5 { font-size: 90%; font-weight: bold; color: #00555D; }
.h6, h6 { font-size: 90%; font-weight: bold; color: #72A52E; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address
{
     margin:  .2em 0;
     padding: 0;
}

p
{
     margin:  .5em 0;
     padding-bottom: 6px;
}

/* Apply Left Margin:
---------------------------------------------------------------- */
li, dd, blockquote
{
     margin-left: 1.4em;
}


/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 100%;}


textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.rigid-demo { margin: 0 auto; text-align: left; width: 766px;}

.rigid-demo a:hover {color: #0000FF; text-decoration: none;}


.center-hackbox { text-align: center; }

h2, .clearfooter { clear: both;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */

.newsletter
{     
    height:auto;
	width:auto;
	text-align:right;
}

#contact
{
	height: auto;
    width: 420px;
  	color: #000000;
    position: relative;
    margin: 0px;
    padding: 8px 16px 16px 16px;
border: 1px solid #CCCCCC;
}




contact form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
}



#contact form label { 
	display: block;  
	float: left; 
	padding: 0; 
	margin-top: 8px; 
	text-align: left; 
}



#contact form textarea,  #contact form input {
        font: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	margin left: 10px; 
}


#contact form textarea { overflow: auto; }

#contact form.required {font-weight:bold;}

#contact form br {clear:left;}

#zemContactForm fieldset {border: 0;}


.zemError 
{
	font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 19px;
	margin-top: 7px;
	width: auto;
color: #FF0000;

}

.zemError li
{
         padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
color: #FF0000;
}


.zemError li a
{ 
color: #FF0000;
      text-decoration: none; 

}

/* Images / Graphics
------------------------------------------------ */

.feature-banner-sm
{     
    height:58px;
	width:213px;
	position: relative;
    background: #DFDFDF;
    padding: 5px;
	margin-top: 7px;
    margin-bottom: 5px;
}

.feature-banner-med
{     
    height:134px;
	width:465px;
	position: relative;
    background: #DFDFDF;
    padding: 5px;
	margin-top: 7px;
    margin-bottom: 5px;
}

.article-image-home
{
    float: left;       
    height: auto;
	width: auto;
	position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}

.article-image
{
    position: relative;
    height: auto;
    width: auto;
    float: right;       
    margin: 4px 6px 4px 6px;
}

.article-image-left
{
    position: relative;
    height: auto;
    width: auto;
    float: left;       
    margin: 2px 8px 4px 0px;

}

.article-image-right
{
    position: relative;
    height: auto;
    width: auto;
    float: right;       
    margin: 4px 6px 4px 6px;
}

.article-image img { border: 4px solid #DFDFDF;}
.article-image-left img { border: 4px solid #DFDFDF;}
.article-image-right img { border: 4px solid #DFDFDF;}


.article-thumb
{
    float: left;  
    height: auto;
	width: auto;
	position: relative;
   padding: 0px;
    margin: 2px 8px 0px 0px;
}

.article-thumb img {border: 4px solid #DFDFDF;}

.article-image-home img {border: 8px solid #DFDFDF;}
	
img {border: none; }