body { 
	 height: 600px;
	 /* need to specify height here. */
}

h3 {margin-bottom:0; padding-bottom:0;}

.topboxlogo{
	background-color:#ffffff; 
	width:25%;
	margin-top:2.2em;
	float:left;
	height: 75px; /* was 100px*/
	position: relative;
	z-index: 0; 
	
	/* try changing the height of this box to be the length of the page up to the #ffffff. */
}

#col1 { 
	clear:left; 
	float:left;
	width:230px;
	font-size: 0.9em;
  /* height:245px;  */ /* height moved to subpage.css */
	position: relative; 
	top:0px;
	/*padding-bottom: 25px;*/
	z-index: 4;
}

#center{
/* float:right;*/ /* float right caused problems with placing divs col1, center, col2 */
   background-color:transparent;
	height:250px;
	padding: 0; 
	/* margin-left: 4px;*/
	z-index: 5;
}


#adblock {
	z-index:6;
	padding:0;
	margin:0;
	vertical-align:top;

}
#adblock img{
	margin-top:-8px;
	padding:0;
	vertical-align:top;
	background:#0D2B88;
}

#adblocktext{
	margin-top: -300px; 
	margin-bottom:0px; 
	padding-left: 25px;	
	padding-top:30px; 
	padding-bottom:0; 
	width:80%;
	z-index: 12; 
	color:#ffffff; 
	font-size:2.5em; 
	line-height:2.5em; 
	font-family:Times, Georgia, Palatino, serif; 
	font-weight: bold;
}
#adblocktext .pow{
	line-height:10px; 
	text-align:right; 
	font-size:1em;
}
#adblocktext a{
	color:#ffffff; 
	font-size:small;
}

/* code for the center boxes on the home page. */
/* centerbox is a container for centerboxleft, centerboxcenter, centerboxright */

#centerbox{
   background-color:transparent;
   clear:both; /* moved command from web page div to here */
	height:40%;
   font-size: 0.9em;
	margin-bottom:4px;
	z-index: 2;
}
#centerbox ul{ list-style:none; padding-left:5px; line-height:1.6em;
}


.centerboxleft{
   background:#ffffff;
	width:230px;
	height:100%;
	float:left;
	/* shifting compensates for difference in browsers 
	with regard to height of col1. */
	/* padding-top:12px;  shifts text down */
	/* margin-top:-12px; shifts box up*/
	margin-left:0;
	margin-right:0;
	/*margin-bottom:10px;*/
	padding-top:8px;
	margin-top:0px;
}

 .centerboxcenter-l{
   background:#ffffff;
	width:213px;
	height:100%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
	padding-top:8px;
	margin-top:0px;
}
/*
 .centerboxcenter-c{
   background:#ffffff;
	width:213px;;
	height:100%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
	padding-top:8px;
	margin-top:0px;
}
*/
 .centerboxcenter-r{
   background:#ffffff;
	width:213px;
	height:100%;
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
	margin-right:8px;
	padding-top:8px;
	margin-top:0px;
}

.centerboxright{
   background:#ffffff;
	width:214px;
	height:100%;
	float:right;
	padding-right:1px;
	padding-left:5px;
   margin-left:0px;
	padding-top:8px;
	margin-top:0px;
}


/* code related to positioning clickable images used as links on the home page */

/*
#bruteforce is a workaround to position the arrow images (.clickarrow) at the 
bottom of the text box (.clickarrowtext). 

Ideally, the image/link would appear in XHTML code immediately after the subject 
text (.clickarrowtext) and be positioned from there. I could find no clear way to 
position the image at the bottom right of the "div" with css.

I put a height command here and am using this div to also create a space between 
centerbox and footer. This allows me to remove the div clear:both 4px code from 
the page code. 
*/

.bruteforce{
   clear:both; 
	height:4px; 
}

/* 
#bruteforcebackground sets background color as an id to the class so that the class background color will be cancelled out.
*/
.bruteforcebackground{
	background-color:transparent;
}

/* code related to clickable image used as links on the home page */
.clickarrowtext{
	position:relative;
	/*float:left;*/
	background:transparent; 
}

.clickarrowheading{
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
/*	padding-right:1.1em;*/
   line-height:32px; 
	height:30px;
	width:100%;
}

.clickarrow{
   clear:both;
   float:right; 
	margin-top:-50px;
	width:25px; 
	line-height:25px; 
	font-size:25px; /* sets height for link area to match image height*/
}

.clickarrowcontainer{
	background-color:transparent;
   height:100%;
}

/* end of clickable image code */


/* code for the footer which is used on the home page. */
/* note that the footer id will be defined differently on other web site pages. */

#footer{
   clear:both;
	height:15%;
	font-size:0.85em;
	text-align:left;
   background-color:transparent;
	position:relative;
	width:920px;
}


.footerboxleft{
	width:66%;
	height:100%;
	float:left;
}

.footerboxright{
	width:32%;
	height:100%;
	float:right;
}