a:link	{
	color:			#0033cc;
}

body	{
	/*	background:		#ffff99;	//	This was the yellow */
	background:		#000000;
	font-weight:	700;
}

.content	{
	/*position:			relative;*/
	width:				800px;
	margin-left: 		auto;	/*	This and the next line center the div */
	margin-right: 		auto;	/*	This and the previous line center the div */
	background-image:	url(http://www.capitolmediasystems.com/images/bodyGradient.gif);
	background-repeat:	repeat-y;
	/*
	border-style:		solid;
	border-color:		#078201;
	border-width:		2px;
	*/
	padding:			10px;
}


	.pageHeader	{
		/*position:			relative;*/
		width:				780px;
		/*border-bottom:		solid;
		border-color:		#ffff99;*/
	}

		.fadeSlideShow	{
			/*position:			relative;*/
			float:				left;
			margin:				0px 10px 0px 0px; /* top, right, bottom, left*/
		}

		.topMenu	{
			position:			relative;
			margin:				-30px 0px 10px 0px; /* top, right, bottom, left*/
			float:				left;
			left:				-25px;
			clear:				both;
		}

			.topMenu ul	{
				font-family: 		Arial, Verdana, Sans-Serif;
				font-size:			12px;
				font-weight: 		400;
				text-decoration: 	none;
    			list-style: 		none;
			}
			.topMenu li	{
				float: 				left;
			    padding: 			0 30px 0 0;		/* top, right, bottom, left*/
			    margin: 			0;				/* top, right, bottom, left*/
			}
			.topMenu ul li a:link,
			.topMenu ul li a:visited {
				color:				#B6B6B6;
				text-decoration: 	none;
			}
			.topMenu ul li a:hover{
				color:				#000000;
				text-decoration: 	none;
			}

		.yellowBarbellTop{
			position:			relative;
			margin:				10px 0px 0px 0px; /* top, right, bottom, left*/
			float:				left;
			left:				-10px;
			clear:				both;
			width:				600px;
			height:				8px;
			background:			#ffff99;
		}

		.yellowBarbell{
			position:			relative;
			float:				right;
			top:				-6px;
			right:				0px;
			/*background-image:	url(../images/yellowBall.gif);
			background-repeat:	no-repeat;*/
		}

.pageContent{
	clear:				both;
	width:				800px;
	/*position:			relative;*/
}

	.pageMenuContainer{
		float:				left;
		width:				210px;
	}
		.pageMenu{
			position:			relative;
			float:				none;
			height:				200px;	
								/* need to actually declare this, because the CSS doesn't adjust for the Milonic menu's height! */
		}
		
		.yellowBarbellBottom{
			position:			absolute;
			margin:				0px 0px 0px 0px; /* top, right, bottom, left*/
			left:				-10px;
			bottom:				0px;
			width:				175px;
			height:				8px;
			background:			#ffff99;
		}
	
	.pageText{
		float:				left;
		width:				530px;
	}
	
.pageFooter {
	clear:				both;
	position:			relative;
	font-size:			12px;
	font-weight:		400;
	width:				780px;
	border-top:			solid;
	border-color:		#ffff99;
	text-align:			center;
}

	.pageFooter li	{
		list-style-type:	none;
	}














/************************************************************
	Ribbon under the header for username and logout button
/***********************************************************/
.ls_userInfoRibbon { 
	font-size:		8pt;
	padding: 		0px 10px 0px 10px; /* top, right, bottom, left*/
}

	.ls_userWelcome { 
	    display: 		block;
	    position:		relative;
	    float:			left;
	    width:			66%;
	    padding: 		3px 0px 3px 0px; /* top, right, bottom, left*/
	}

	.ls_userLogout { 
	    display: 		block;
	    position:		relative;
	    float:			right;
	    width:			33%;
	    text-align:		right;
	    padding: 		3px 0px 3px 0px; /* top, right, bottom, left*/
	}
		
/************************************************************
	Ribbon under the header for username and logout button
/***********************************************************/
.ls_navMenuRibbon { 
	display: 			block;
	float: 				left;
	/*width:				100%;*/
    width: 				772px;
	font-size:			10px;
	padding: 			0px 0px 10px 0px; 			/* top, right, bottom, left*/
	background-color:	#AE0031;
}

	.ls_navMenuRibbon ul{
		/*display: 			block;
		float: 				left;
		width:				97%;*/
		padding: 			10px 10px 10px 10px; 	/* top, right, bottom, left*/
		margin: 			0px 0px 0px 0px; 		/* top, right, bottom, left*/
	    list-style: 		none;
		background-color:	#AE0031;
		color:				#FFFFFF;
		/*border:				solid;
	    text-transform: uppercase;*/
	}
	
	.ls_navMenuRibbon ul li {
		/*display: 			block;*/
		float: 				left;
		padding: 			0px 12px 0px 12px; 		/* top, right, bottom, left*/
		margin: 			0px auto 0px auto; 		/* top, right, bottom, left*/
		/*margin: 			0;*/
		text-align:			center;
		color:				#FFFFFF;
	    /*list-style: none;
	    text-transform: uppercase;*/
	}
	
	.ls_navMenuRibbon a {
		color:				#FFFFFF;
	}

/************************************************************
	Form styles
/***********************************************************/

	.ls_formPageTitle { 
	    display: 		block;
	    float: 			left; 
	    width:			100%;
	    padding-top: 	10pt; 
	    padding-left: 	10pt; 
	    color:			#AE0031;
	    font-size:		16pt;
	    font-weight:	700;
	}
	
	.ls_form { 
	    width:			95%;
	    padding:		1em;
	}
	
	.ls_formFull { 
	    display: 		block;
	    float: 			left;
	    width: 			100%;
	    /*padding: 		0 20px 0 20px;
	    margin: 		30px 0 0 0;
	   	border-style:	solid;*/
	}
	
	.ls_formLeft { 
	    /*display: 		block;*/
	    float: 			left;
	    width: 			50%;
	    /*padding: 		0 20px 0 20px;
	    margin: 		30px 0 0 0;
	   	border-style:	solid;
	   	*/
	}
	
	.ls_formRight { 
	    /*display: 		block;
	    position:		relative;*/
		top:			0pt;
		right:			0pt;
	    float: 			left;
	    width: 			50%;
	    /*padding: 		0 20px 0 20px;
	    margin: 		30px 0 0 0;
	   	border-style:	solid;*/
	}
	
	/**************************************************
		This is for section headers within a page
	**************************************************/
		.ls_formFieldset{
			margin: 		5pt 0px 5pt 0px; /* top, right, bottom, left */
			font-size:		11pt;
		    font-weight:	700;
		    padding:		5px;
		    color:			#AE0031;
			border-style:	solid;
			border-width:	1px;
		}
	
		/*	This one is used when you have a two column layout, to give some separation between the two fieldsets */
		.ls_formFieldsetShortened{
			width:			95%;
			margin: 		5pt 0px 5pt 0px; /* top, right, bottom, left */
			font-size:		11pt;
		    font-weight:	700;
		    padding:		5px 5px 5px 5px; /* top, right, bottom, left */
		    color:			#AE0031;
			border-style:	solid;
			border-width:	1px;
		}

	.ls_singleQuestionBlock { 
	    display: 		block; /* block float the labels to left column, set a width */
	    float: 			left; 
	    width:			100%;
	    padding: 		0; 
	    margin-bottom:	5pt;
	   /*border-style:	solid;*/
	}
	
		.ls_label { 
		    position:		relative; /* relative to ls_singleQuestionBlock in most cases */
		    display: 		block;
		    float: 			left; 
		    width: 			33%; /* default should be 25%; expand as needed */
		    vertical-align:	top;
		    padding: 		0; 
		    margin: 		0px 0px 0px 0px; /* top, right, bottom, left -- not sure why I have to force the top down to get even*/
		    text-align: 	right; 
			font-size:		9pt;
		    font-weight:	700;
		    color:			#AE0031;
		   /*border-style:	solid;*/
		}
		
		.ls_labelFifty { 
		    position:		relative; /* relative to ls_singleQuestionBlock in most cases */
		    display: 		block;
		    float: 			left; 
		    width: 			50%;
		    vertical-align:	top;
		    padding: 		0; 
		    margin: 		0px 0px 0px 0px; /* top, right, bottom, left -- not sure why I have to force the top down to get even*/
		    text-align: 	right; 
			font-size:		9pt;
		    font-weight:	700;
		    color:			#AE0031;
		   /*border-style:	solid;*/
		}
		
		.ls_inputField { 
		    position:		relative; /* relative to ls_singleQuestionBlock in most cases */
		    display: 		block;
		    float: 			left; 
		    width: 			60%; /* default should be 75%; expand as needed */
		    padding: 		0px 0px 0px 5px; /* top, right, bottom, left */ 
		    margin: 		-6px 0px 0px 0px; /* top, right, bottom, left */
		    vertical-align:	top;
		    font-size:		9pt;
		    /*border-style:	solid;*/
		}
	
		.ls_inputFieldFifty { 
		    position:		relative; /* relative to ls_singleQuestionBlock in most cases */
		    display: 		block;
		    float: 			left; 
		    width: 			30%;
		    padding: 		0px 0px 0px 5px; /* top, right, bottom, left */ 
		    margin: 		-6px 0px 0px 0px; /* top, right, bottom, left */
		    vertical-align:	top;
		    font-size:		9pt;
		    /*border-style:	solid;*/
		}

		.ls_labelFifty a:link,
		.ls_labelFifty a:visited{ 
		    color:			#AE0031;
		    font-weight:	700;
		}

	
		.ls_staticField { 
		    position:		relative; /* relative to ls_singleQuestionBlock in most cases */
		    display: 		block;
		    float: 			left; 
		    width: 			60%; /* default should be 75%; expand as needed */
		    padding: 		0px 0px 0px 5px; /* top, right, bottom, left */ 
		    margin: 		0px 0px 0px 0px; /* top, right, bottom, left */
		    vertical-align:	top;
		    font-size:		9pt;
		    /*border-style:	solid;*/
		}

		.ls_longQuestion{
		    font-size:		9pt;		
		}
		
		.ls_inputFieldNotes { 
		    display: 		block;
		    position:		relative;
		    float: 			left; 
		    /*width: 			175px; */
		    padding: 		0; 
		    margin-left: 	37%; /* SET THIS EQUAL TO THE WIDTH ATTRIBUTE OF ls_label PLUS a 1 or 2 percentage points */
		    font-size:		8pt;
		    color:			#666666;
			bottom:			-1pt;	/* this lowers this class to a position under the question block */
		   /*border-style:	solid;*/
		}

		.ls_uploadedFileList a { 
		    display: 		block;
		    position:		relative;
		    float: 			left; 
		    /*width: 			175px; */
		    padding: 		0; 
		    margin-left: 	37%; /* SET THIS EQUAL TO THE WIDTH ATTRIBUTE OF ls_label PLUS a 1 or 2 percentage points */
		    font-size:		8pt;
		    color:			#666666;
			bottom:			-1pt;	/* this lowers this class to a position under the question block */
		   /*border-style:	solid;*/
		}
		
	/**************************************************
		Special instructions for textareas
	**************************************************/
		.ls_formFull textarea {
			font-family: 	arial, helvetica, sans-serif;
		    font-size:		9pt;
		}


/***********************************************************************
	Buttons
***********************************************************************/

.buttons a, .buttons button{
    
    clear:			both;
    display:block;
    float:right;
	margin: 		10px 7px 0px 0px; /* top, right, bottom, left */
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/************************************************************
	Admin pages
/***********************************************************/
.ls_adminDataGrid { 
	display: 			block;
	float: 				left;
	width:				100%;
    font-size:			11px;
	margin: 			20px 0px 0px 20px; 			/* top, right, bottom, left*/
	padding: 			0px 0px 0px 0px; 			/* top, right, bottom, left*/
}

	.ls_adminDataGrid table{
	}

	.ls_adminDataGrid th{
		font-weight:		700;
		border-style:		solid;
		border-width:		1pt;
		border-color:		#AE0031;
		padding: 			1px 5px 1px 5px; 			/* top, right, bottom, left*/
    	background-color:	#AE0031;
    	color:				#FFFFFF;
	}

	.ls_adminDataGrid td{
		border-style:		solid;
		border-width:		1pt;
		padding: 			1px 5px 1px 5px; 			/* top, right, bottom, left*/
	}

	.ls_gridRowOdd{
    	background-color:	#ffff99;
	}

	.ls_gridRowEven{
    	background-color:	#ffffcd;
	}
	
	.ls_lastName{
    	font-size:			13px;
    	font-weight:		700;
	}

	.ls_adminDataGridInput{
    	font-size:			11px;
	}