/* generated by csscreator.com */ 
	html, body{ 
	 margin:0; 
	 padding:0; 
	 text-align:center; 
	 background-color:#EBFFE6;
	} 
	 
	#pagewidth{ 
		width:900px; 
		margin-left:auto; 
		margin-right:auto;  
	} 
	 
	#header{
		height:50px;
		text-align:left;
		position:relative; 
		background-color:#000; 
		width:100%;
		padding-bottom:0;
		vertical-align:baseline;
		bottom:0;
		padding-left:0;
		height:78px;
	} 	
	
	#header h1{	
		padding-left:10px;
		padding-bottom:0px;
		margin-bottom:0px;
		color:#EBFFE6; 
		margin-top:2px;
		font-size:20px;
		font-weight:bold;
	}
	
	
	#header a.appName{
		color:#fff;
		text-decoration:none;
	}
	
	
	#header .loginInfo{
		float:right;
		padding-right:10px;
		color:#EBFFE6;
	}
	 
	 
	#rightcol{
		background-color:#24B300;
		float: right; 
		display:inline; 
		vertical-align:top;
		position: relative; 
		width:150px;
		padding:5px; 
	}
	
	#rightcol a{
		color:#fff;
	}
		
	#maincol{
		padding:5px; 
		border:1px solid #ccc;
		background-color:#FFFFFF;
		min-height:560px;
		text-align:left;
	}
	
	.maincolHomepage{
		height:560px;
	}
	 
	#footer{
		height:40px; 
		background-color:#000; 
		clear:both;
		padding:5px;
		border:1px solid #ccc;
		font-size:11px;
		text-align:center;
	} 
	 
	 /* *** Float containers fix:
	 http://www.csscreator.com/attributes/containedfloat.php *** */ 
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	 
	.clearfix{
		display: inline-block;
	}
	
	/* Hides from IE-mac \*/
	* html .clearfix{
		height: 1%;
	}
	.clearfix{
		display: block;
	}
	/* End hide from IE-mac */  
	 
	/*printer styles*/ 
	@media print{ 
		/*hide the right column when printing*/ 
		#rightcol{display:none;} 
		#twocols, #maincol{width:100%; float:none;}
	}

/**
	* nav code css stolen from alist apart
	* used for global nav at top of page
	* http://www.alistapart.com/articles/taminglists/
	*/
	#globalNav{ 
		margin:0; 
		position:relative; 
		padding-bottom: 2px; /*for some reason had to give it this if giving the ul li a bottom badding of 5px */
		padding-left: 5px;
	}

	#globalNav ul {
		margin-left: 0;
		padding-left: 0;
		margin-bottom:0px;
		display: inline;
	} 

	#globalNav ul li {
		padding: 2px 15px 5px;
		list-style: none;
		display: inline;
		background-color:#CCFFBF;
		font-weight:bold;
	}

	#globalNav .current{
		background-color:#24B300;/*#CCFF00;*/
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		color:#fff;
	}
	
	#globalNav a{
		text-decoration:none; 
		color:#24B300;
	}
	
	#globalNav a:hover{
		text-decoration:none; 
		color:#ffffff;
	}
	
/* SUBNAV STUFF HERE*/	
	#subNav {
		color: #fff;
		background-color: #24B300; 
		border-top: 1px solid #ccc;
		padding: 3px;
		margin-left: 5px;
		padding-left: 0;
		margin-top:0;
	}

	#subNav ul {
		padding-left: 0;
		display: inline;
		border: none;
	} 
	
	#subNav ul li {
		padding-left: 5px;
		padding-right:8px;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:bold;
		border: none;
		list-style: none;
		display: inline;
		font-size:12px;
	}

 	#subNav a{
 		text-decoration:none;
 		color:#fff;
 	}
 	
	#subNav a:hover{
		text-decoration:none;
		color:#CCFFBF;
	}

	#subNav .current{
		margin-top:0;
		text-decoration:underline;	
	}
	
	/** Helper links (small links like FAQ) */	
	#helper{}
	#helper ul{
	 display:inline;
	 margin-top:0px;
	}

	#helper li{
		list-style:none;
		color:#8a3611;
		float:right;
		font-size:10px;
		padding-left:6px;
		padding-right:7px;	
	}	
	
	#helper a{
		text-decoration:underline;
		color:#8a3611;
	}
	
	#helper a:hover{
		color: green;
	}

	
	#inlineNav{
		background-color:#24B300;
		text-align:left;
	}
	
	/* brought in from original admin_css*/
	
	
/** 
	* The next styles (2) are used in the Admin section in Programs for add.remove.program. 
	* Chris made these styles
	* They are throwing off the placement of the footer, which now overlaps them. 
	* Not sure about h/t address that...
	* NOTE: I removed the float b/c it took this outside of the mainCol div, 
	* which we didn't wan't
	* Because I'm in a bit of time pressure I put the divs on this page 
	* in a table (add.removed.questionnaires.php)
	*/
	.containingBox{
		margin-right: 25px;
		height: 450px;
		width: 230px;
		background-color:#FFFFFF;
	}
	
	.innerBox {
		height: 250px;
		width: 200px;
		overflow: auto;
		border: 2px solid;
		margin-top: 5px;
		margin-bottom: 10px;/**/
		border:1px solid #ccc;
	}
	
	.deselected{
		color: #666666;
	}

/* Delete constraint div boxes */
	#deleteConstraint{}
	
	#deleteConstraint h2{ 
		font-size:14px; 
		color:#CC0066;
	}
	
	#deleteConstraint h4{ }
	
	#deleteConstraint cite{
		display:block; 
		padding:5px;
		background-color:#FFFF99; 
		margin:5px; 
	}
	
	#deleteConstraint p{ 
		line-height:1.5;
	}
	
	#deleteStrong{}
	
	.deleteItem{
		font-weight:bold;
	}
	
	.deleteResult{
		display:block; 
		padding:5px;
		background-color:#FFFF99; 
		margin:5px;
	}
	
	a.deleteCancel{
		display:block; 
		padding:10px;
	}
	
	a.deleteCancel:hover{}


/** 
 * I want to make an OPTION BOX -- 
 * a div that can hold different option and be separated by an "OR"
 * and I want to make an OR DIV -- or
 */

	#questionTabs{}
	
	#questionTabs ul{ 
		display:inline; 
		list-style:none; 
	}
	
	#questionTabs ul li{ 
		display:inline; 
		list-style:none; 
		border:1px solid #ccc; 
		padding:4px; 
		background-color:#fff;
	}
	
	#questionTabs .selected{
		background-color:#eee;
	}
	
	#questionTabs .disabled{}
	
	.questionTabContainer{  
		background-color:#FFFFFF; 
		padding:5px; 
		width:800px;
		min-height:300px;
	 }
	 
	.tabcontent{
		border:1px solid #ccc;
		padding: 12px;
	}


/*Miscellaneous, for now*/
	.searchOptions{
		margin-bottom: 15px;
		margin-top: 5px;
		border: 1px solid #ccc;	
		width: 600px;
	}
	
	.highlight{
		color:#24B300;
		font-style:italic;
	}
		
	.searchOptions td{
		padding-left:10px;
		padding-bottom:3px;
	}
	
	.searchOptions h3{	
		width: 100%;
		padding:4px;
	}

	.hometext{
		align:left;
		text-align:none;}