body 
{
 
 margin:0 auto 0 auto;
 font-family: "Lucida Grande", Verdana, Sans-Serif;
 font-size: 12px;
 text-align:center;
 border: solid 2 orange;
 line-height: 150%;
 width:850px;
}
h5
{
	font-size:120%;
}
/*Picture at the top of the master page */
#rightLogo h1
{
	font-size:200%;
	width:78%;
	text-align:center;
}
/* div for the log In page just setting font color */
#logIN
{
	color:#0000fe;
	margin:0 auto 0 auto;
	text-align: center;
}

/* These are the hooks for the top navigation bar */
#topNavigationBar
{
	 text-align:right;
	  padding:0 10px 2px 0;
	  background:#0000fe;
	  font-size: 9px;
	  
}
#topNavigationBar ul
{
 	
}

#topNavigationBar li
{
 display: inline;
  background:#1199FF;
   border: 1px solid black;
   padding:0 5px 2px 5px;
   
 

 	 
}
#topNavigationBar ul a:link, ul a:visited, ul a:Hover, ul a:active
{
	 text-decoration:none;
	 color:Black;
	
	 
}
#topNavigationBar ul a:link
{
}
#topNavigationBar ul a:visited
{
	color:Purple;
}
#topNavigationBar ul a:Hover
{
	background: white;
}
#topNavigationBar ul a:active
{
}

/* End of the Hooks for the Top Navigation Bar */
/*Beggining of hooks for Logo div */
#logo
{
	height:100px;
	background:#0000fe url(Images/csv1.jpg) no-repeat;
	width:20%;
	float:left;
	
	
}
#logoRight
{
	height:80px;
	width:80%;
	color:#0000fe;
	float:right;
	background:#0000fe url(Images/cvsheader.jpg) no-repeat center;
	margin: 0 auto 0 auto;
	text-align:center;
	padding-bottom:20px;
	
}

/* End of Hooks for Logo Div */
#mainLeft
{
	clear:left;
	width:20%;
	float:left;
	
	background-color:#0000fe;
	color:White;
	height:500px;
}

#mainRight
{
	clear:both;
	color:#0000fe;
	width:79%;
	float:right;	
}
#mainRight p
{
	text-indent:15px;
	text-align:justify;
	padding:10px 5px 10px 20px;
	font-weight:bold;
	color:#0000fe;
}

#logIN
{
	margin:0 auto 0 auto;
	text-align:center;
}
#logIN table
{
	border:solid 2px #0000fe;
	margin:0 auto 0 auto;
}
#logIN input
{
	background-color:#1199FF;
}
#mainLeft ul 
{
	list-style-type:none;
	margin:5px 0 2px 2px;
	 padding:0;
	 font-size:10px;
	 text-align:left;
}
.adjustnested /*used to adjust the padding on the nested list. */
{
	padding:0 0 0 0;
	font-size:70%;
	margin:0;
}
.showArrow
{
    list-style-position:inside;
    font-size: 13px;
    font-weight:bold;
    list-style-type:disc;
   
}
/*hook for the right section on the default page with the checkboxes */
#mainRightDefault
{
	clear:right;
	line-height:100%;
	width:78%;
	float:right;
	margin-left:15px;
	text-align:left;
	color:#0000fe;
	
}
#mainRightDefault hr
{
	
	color:#0000fe;
	width:100%;
	height:8px;
	margin-left:0;
	background-color:#0000fe;
}
.btnSubmit
{
	  margin-left:50px;
	  color:White;
	  background-color:#0000fe;
}
/* review info page */
#mainRightComm
{
	clear:right;
	color:#0000fe;
	width:78%;
	float:right;
	line-height:100%;	
}
#mainRightComm table 
{
	margin:0 auto 0 auto;
	border:solid 2px #0000fe;
	width:300px;
	text-align:center;
	border-collapse:collapse;
	
}
#mainRightComm td
{
	border-right:solid 2px #0000fe;
	border-bottom:solid 2px #0000fe;
	background-color:#CCC;
	height:15px;
}
/* Available Page */
#mainRightAvailable
{
	clear:right;
	color:#0000fe;
	width:22%;
	float:left;
	text-align:left;
		
}
#mainRightAvailable table
{
	width:200px;
	font-size:90%;
	line-height:100%;
	border-right: solid 1px #0000fe;
	
}
#mainRightAvailable td
{
	padding-top:0px;
}
/*Details on the available page */
#AvailableDeatails
{
	clear:right;
	float:right;
	color:#0000fe;
	width:55%;
	margin:0;
	
	
}
#AvailableDeatails table
{
	
	color:#0000fe;
	width:100%;
	border:solid 2px #0000fe;
	border-collapse:collapse;
	
	
}
#AvailableDeatails td
{
	border-collapse:collapse;
	border-bottom:solid 2px #0000fe;
	background-color:#CCC;
	border-right:solid 2px #0000fe;
}
/*To make the font small for the committee selection */
.smallFont
{
	font-size:75%;
}
#mainLeft Span
{
	background-color:Yellow;
	color:Black;
}
hr
{
	width:100%;
	color:#0000fe;
	line-height:50%;
}
.scrunchLines /*to scrunch lines with checkboxes*/
{
 line-height:100%;
}
#AvailableDeatails checkbox
{
	 font-size:11px;
	 margin:0;
}
#shiftLeft
{
	text-align:left;
	margin:0;
	font-size:xx-small;
}
#mainRightInformation 
{
	clear:right;
	color:#0000fe;
	width:78%;
	float:right;
	margin:0 0 0 10px;
	
}
#shiftLeft hr
{
	background-color:#0000fe;
	height:4px;
}
.noIndent
{
	text-indent:0px;
}
 
#mainRightDone
{
	clear:both;
	color:#0000fe;
	width:79%;
	float:right;	
}
#mainRightDone p
{
	text-indent:0px;
	text-align:justify;
	padding:10px 5px 10px 20px;
	font-weight:bold;
	color:#0000fe;
}
/*Divs for Reports */
#mainLeftReports
{
	clear:left;
	width:20%;
	float:left;	
	height:500px;
	border:solid 1px #0000fe;
	color:#0000fe;
}
.mainRightReports
{
	clear:right;
	color:#0000fe;
	width:79%;
	float:right;
	margin:8px auto 10px auto;	
}
.mainRightReportsGrid
{
	width:20%;
	font-size:100%;
	line-height:150%;
	
	float:left;
	
}
.AvailableDetailsReports
{
	clear:right;
	float:right;
	color:#0000fe;
	width:79%;
	margin:9px 2px 0 0;
	
	
}
.AvailableDetailsReports table
{
	
	margin:0 auto 0 auto;
	
	
}
.mainRightReportsVolunteer
{
	clear:both;
	width:20%;
	font-size:100%;
	line-height:150%;
	
	float:left;
	
}
/*Report Details Page */
#mainRightReportDetails
{
	width:850px;
	color:#0000fe;
	
	margin:15px 3px 3px 3px;
	font-size:90%;
}
#spacer
{
	clear:both;
}
#DetailsLeft
{
	width:33%;
	
	float:left;
	font-size:90%;
	
}
#DetailsMiddle
{
	
	width:30%;
	float:left;
	font-size:90%;
}
#DetailsRight
{
	
	width:30%;
	
	float:right;
	font-size:90%;
	
}
.mainRightReportsBelow
{
	clear:both;
	color:#0000fe;
	width:79%;
		
}
.spacelines
{
	line-height: 150%;
	text-indent:25px;
}