/* A container should group all your columns. */
.container {
	background-color:#FFFFFF;
	width: 847px;
	margin: 0px;
	/*border:1px solid #000;  */ /*NP */
  text-align:left;
  
}
.emptycontainer {
	background-color: #FFFFFF;
	padding: 0px;
	width: 847px;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
  text-align:left;
}
.LineSeparator{
	margin-left:12px;
	margin-right:12px;
	height:975px;
	!height:1025px;
	width:10px;
	background-attachment: scroll;
	background-image: url(../../../Images/LineSeparator_02.gif); 
	background-repeat: repeat-y;
	background-position: left top;
}
.LineSeparator2{
	margin-left:12px;
	margin-right:12px;
	height:550px;
	width:10px; 
} 
.LineSeparatorGeneral{
	margin-left:12px;
	margin-right:12px;
	width:10px; 
}
.HeaderImages{
  float: right;
  text-align:left;
}
#ChallengeInfo{
	background-color:#42AA55
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 10px 2px;
	/*padding-top: 12px;*/
	padding-right: 12px;
	/*padding-bottom: 12px;*/
	padding-left: 20px;
}
.errorText{
	color: #D12F19;
	font-weight:bold;
}
#grid{
	background-color: #FFFFFF;	
}
#grid .row{
	padding:2px;
}
#grid .row_alt{
	background-color:#E7EDDA;
	padding:2px;
}
.gridwithBotBorder{
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7A9AC;	
}
.WwfImages{
  float: left;
  text-align:left;
}
.HeadLogin{
	color: #EEEEEE;
	background-color: #B08039;
	text-align:right;
	vertical-align:middle;
	padding-right: 18px;
	height: 26px;
	background-image: url(../../../topbarbkgrnd.jpg);
}
.HeadSignIn{
	height: 19px;
	padding-top: 8px;
	padding-right: 18px;
	border-right:1px solid #C6DE5C;
}
.HeadSignUp{
	height: 19px;
	padding-top: 8px;
	padding-left: 18px;
}
.mainMenu{
	padding-bottom: 12px;
	background-color: #f3cd63;
}
.Menu_1 {
  float: left;
  margin-right: 0px;
}

.Menu_2 {
  float: left;
  margin-right: 0px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */

.span770  { width: 770px; margin: 0; }
.span760  { width: 760px; margin: 0; padding:5px; }
.span750  { width: 750px; margin: 0; padding:5px; }
.span740  { width: 740px; margin: 0;}
.span_1  { width: 220px;}
.span_2 { width: 510px;}
.span_3 { width: 350px;}
.span_4 { width: 350px;}

/*Sections*/
.SubSection1{
	width:422px;
}
.SubSection2{
	width: 236px;
}
.SubSection3{
	width: 175px;
}
.SubSection4{
	width:236px;
}
.SubSection5{
	width:732px;
}
.SubSection7{
	width:290px;
}
.SubSection8{
	width:400px
}
.SubSection8{
	width:340px
}
.SubSectionSeparator{
	width:12px;
}
.SubSection9{
	width:712px;
}
.SubSection10{
	width:102px;
	float:left;
	padding-right: 10px;
}
.SubSection11{
	width:162px;
	float:left;
	padding-right: 20px;
}
.SubSection12{
	width:176px;
	float:left;
}
.SubSection13{
	width:546px;
	float:right;
}
.SubSection14{
	text-align:center;
	margin-left:12px;
	padding:12px;
	background-color:#E7EDDA;
	width:160px;
}
.SubSection15{
	margin-bottom:12px;
	padding:12px;
	background-color:#E7EDDA;

}
.SubSection16{
	width:135px;
	float:left;
	padding-right: 10px;
	padding-bottom:10px
}
.SubSection16 p{
	Color:#808284;
	font-size:11px;
}
.SubSection17{
	float:right;
	width:275px;
}
.SubSection18{
	float:right;
	width:140px; 
}

.SubSection19{
	width:117px;
	float:left;
	padding-right: 10px;
}
.SubSection20{
	width:72px;
	float:left;
	padding-right: 10px;
}
.SubSection21{
	width:576px;
	float:right;
}
.SubSection22{
	width: 202px;
}
.footerSec1{
	width:200px;
	color:#FFFFFF;
	background-color: #46A856;
	padding-left: 18px;
	height: 20px;
	padding-top: 8px;
}
.footerSec2{
	width:130px;
	border-left:solid 1px #ffffff; 
	background-color:#7AC142;
	height: 22px;
	padding-top: 8px;
	text-align:center;
}
.footerSec3{
	width:130px;
	border-left:solid 1px #ffffff;
	background-color:#67C7C6;
	height: 22px;
	padding-top: 8px;
	text-align:center;
}
.footerSec4{
	background-color:#FFCE5B;
	padding-top: 18px;
	padding-bottom:24px;
	/*padding-left:18px;
	padding-right:18px;*/
	width:847px;
	vertical-align: baseline;
	background-position: center;
}
.ActionList{
	border-top: 1px #A7A9AC solid; 
	padding-bottom: 10px; 
	padding-top: 10px;
}
.radioIcons{
	height: 50px;
	width: 80px;
	float:left;	
}
.minHeight60{
	min-height:60px;
	height:60px;
}
.rightPadding{
	padding-right:12px;
}

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

.Menu6Items{width:120px;
  float: left;
  margin-right: 0px;
  padding:8px;  
  }
 
.border_left {
border-left:1px solid #000000;
}
.GrayText{
	color:#808284;
	text-decoration:none;
	text-transform:uppercase;
}
.GrayText2{
	color:#808284;
	text-decoration:none;
}

.border_right {
border-right:1px solid #000000;
}
.border_right_white {
border-right:1px solid #FFFFFF;
}
  
/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 5px; }  
.prepend-2   { padding-left: 100px; } 



/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}
.leftPad5{
	padding-left: 5px;
}
.PaddingFull5{
	padding:5px;
}
.PaddingFull10{
	padding:10px;
}
.PaddingLeft24{
	padding-left:24px;
}
.MarginBot{
	margin-bottom:20px;
}
.MarginBot10{
	margin-bottom:10px;
}
.MarginTop10{
	margin-top:10px;
}
.MarginTop18{
	margin-top:18px;
}
/* Use this to create a horizontal ruler across a column. */
/* Links  */
/* Header Login */
a:link.GreenCapsLink{
	color:#C6DE5C;
	text-transform: uppercase;
	text-decoration:underline;
}
a:hover.GreenCapsLink{
	color:#ffffff;
	text-transform: uppercase;
	text-decoration:underline;
}
a:visited.GreenCapsLink{
	color:#EDE495;
	text-transform: uppercase;
	text-decoration:underline;
}

a:link.GreenUnderLink{
	color:#7AC142;
	text-transform: uppercase;
	text-decoration:underline;
}
a:hover.GreenUnderLink{
	color:#58595B;
	text-transform: uppercase;
	text-decoration:none;
}
a:visited.GreenUnderLink{
	color:#7AC142;
	text-transform: uppercase;
	text-decoration:underline;
}

.OrangeUnderLink{
	color:#FF9900;
	text-transform: uppercase;
	/*text-decoration:underline;*/
}


.ImageThumb {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	background-color: #E7EDDA;
}

a:link.GreenLink{
	color:#7AC142;
}
a:visited.GreenLink{
	color:#7AC142;
}
a:hover.GreenLink{
	color:#58595B;
}

a:link.GreenLinkWhite{
	color:#7AC142;
}
a:hover.GreenLinkWhite{
	color:#FFFFFF;
}
a:visited.GreenLinkWhite{
	color:#7AC142;
}

a:link.WhiteLink{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover.WhiteLink{
	color:#FFFFFF;
	text-decoration:underline;
}
a:visited.WhiteLink{
	color:#FFFFFF;
}

a:link.GrayLink{
	color:#808284;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover.GrayLink{
	color:#808284;
	text-decoration:underline;
	text-transform:uppercase;
}
a:visited.GrayLink{
	color:#808284;
	text-transform:uppercase;
}

a:link.GrayLink2{
	color:#808284;
	text-decoration:none;
}
a:hover.GrayLink2{
	color:#808284;
	text-decoration:underline;
}
a:visited.GrayLink2{
	color:#808284;
}

a:link.BotLink{
	color:#58595B;
	text-decoration:none;
}
a:hover.BotLink{
	color:#58595B;
	text-decoration:underline
}
a:visited.BotLink{
	color:#58595B;
}
a:link.CyanLink{
	color:#67C7C6;
	text-decoration:none;
}
a:hover.CyanLink{
	color:#58595B;
	text-decoration:underline
}
a:visited.CyanLink{
	color:#67C7C6;
}

hr {
	clear: both;
	float: none;
	width: 100%;
	border: none;
	/*margin-top: 50px;*/
	margin-right: 0;
	/*margin-bottom: 50px;*/
	margin-left: 0;
	height: 1px;
	background-color: #A7A9AC;
	color: #A7A9AC;
}
hr.space {
  background: #fff;
  color: #fff;
}
.smallhr{ 
	width:135px;
	background-attachment: scroll;
	background-image: url(../../../Images/Grey.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.fullHr{
	height:30px;
	min-height:30px;
	background-attachment: scroll;
	background-image: url(../../../Images/Grey.gif);
	background-repeat: repeat-x;


	background-position: left center;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; margin-bottom: -2px;}   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
.ClearAll{
	clear:both;
}
.FaqClick{
	cursor:help;
	padding: 0 0 0 0;
	font-style: italic;
	font-weight: bold;
	margin-bottom:5px;
}

#contentContainer_001 UL {
	margin-top:-13px;
}
.hrDotted {
	border-bottom:1px dotted #cecece;
	height:3px;
	margin-bottom:10px;
}
.red{
	color: #FF0000
}
.iefix {
	margin-bottom:0px;
	!margin-bottom:-20px;
}