/* CSS Document */

body
{
  margin: 0;
  padding: 0;
  background-color: white;
  
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: normal;  
}

.hide
{
	display: none;
}

#navigation
{
	position: absolute;
	top: 70px;
	left: 8px;
	width: 170px;
	z-index: 100;
	
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #006699;
}

#navigation p
{
	margin: 0px;
	margin-left: 10px;
	margin-top: 2px;
	color: white; 
  border: 0px;
  border-bottom: 1px;
  border-color: #ffffff;
  border-style: solid;
  font-size: 80%;
}

#navigation a
{
  /* border-width: 0px; */
  /* border-color: #000000; */
  
  color: white;
  text-decoration: none;
  /* background-color: #006699; */
}


#navigation a:hover
{
  /* border-width: 0px; */
  /*  border-bottom: 1px;
  border-style: dashed; */
  font-weight: bold; 
  text-decoration: none;
  /* background-color: #006699; */
}


/* Content area for home page */

#content 
{
	position: absolute;
	left: 184px;
	right: 0.6%;
	top: 70px;		
	background-color: #F6ECEE;
	padding: 0px;
	padding-top: 5px;
	color: #7D001B;	
}
#title
{
	padding-bottom: 4px;
	margin-bottom: 0px;
	border: 0px;
	border-bottom: 2px;
	 border-color: #ffffff;
  border-style: solid;
}

#content p
{
	/*color: #00497E;*/
	margin-left: 39px;
	margin-right: 30px;
	
}

#content p.nomargin
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}	
	
	

#content h1, #content h2, #content h3, #content h4
{
  font-weight: bold;
  margin-left: 39px;
  margin-right: 30px;
  color: #7D001B;
}

#content h1
{
  font-size: 170%;
  font-weight: normal;  
  margin-bottom:6px;
}

#content h2
{
  font-size: 95%;
 
}

#content h3
{
  font-size: 83%;
  
}

#content h4, #content h5, #content p, #content li
{
  font-size: 70%;
 
}

#content .small
{
  font-size: 64%;
}

#content a
{
  border-width: 0px;
  /* border-color: #000000; */
  
  color: blue;
  text-decoration: none;
  background-color: #F6ECEE;
}

#content a:hover
{
  border-width: 0px;
  /*  border-bottom: 1px;
  border-style: dashed; */
  color: red; 
  text-decoration: none;
  background-color: #F6ECEE;
}

#content ul {
	list-style-type: square;
	margin-right: 30px;
	margin-left: 80px;	
	}
	
#casslogo
{	
	padding: 0px;
	margin: 0px;
	border: 0px;		
	background-color: #FFFFFF;
		
}



#Navpic
{
	position: absolute;
	top: 295px;
	left: 8px;
	width: 170px;	
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #FFFFFF;
}			
	

/* for lists with arrows as bullet points */
.arrow
{
	list-style-image: url("arrowred.gif");
	margin-left: 28px;
	}
/*for arrows on home page*/
.arrowblue	
	
{
	list-style: url("arrowblue.gif");
}

/*for use with anchors */
.arrowdown	
	
{
	list-style: url("arrowdown.gif");
}

/* for lists that require spacing between their items */
.spaced
{
	margin-bottom: 1em;
}


/*for the Nav arrows*/
.navoff
{
list-style-image: url("navoff.gif");	
}

.navoff
{
list-style-image: url("navoff.gif");	
}

	

/* for lists with underline */
.underline
{
	padding-bottom: 6px;
	margin-bottom: 1em;
	  border: 0px;
  border-bottom: 2px;
  border-color: #ffffff;
  border-style: solid;
}

.nounderline
{
	padding-bottom: 6px;
	margin-bottom: 1em;
	border: 0px;
}


/* for the subnav divs */
.subnav
{
	position: absolute;
	left: 170px;
	width: 170px;
	background-color: #7d001b;
	/* z-index: 100;  10 should be enough to put it in front of every other element */
	visibility: hidden;
	
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}