/*Woohoo! No more disappearing scrollbars in firefox!*/
HTML {   overflow: -moz-scrollbars-vertical;}

A {color: #333399}

/*A:visited {color: #1B0C5F}
A:link {color: #1B0C5F}*/

/*Enable the transparent PNG workaround
 * Set the class of an IMG or DIV with a background with a png with transparency
 * to "png" to make this work (adding to other classes is OK).
 * it slows down the browser a tiny bit for every image it's applied to...
 * that's why it's applied selectively.
 */
img.png, div.png { behavior: url(/css/pngfix/iepngfix.htc) }

h1, h2, h3, h4
{
	margin:0px;	
}

h1
{
	font-size:18pt;
}


/*Width of the main box*/
#mainbox
{
	position:relative;
	width:780px;	
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
		
	padding:0px;

	/*An image extends the red box on the left down to the bottom of the page*/	
	background: rgb(250, 252, 251)	url(/images/backgroundline.gif) repeat-y;	
}

#mainboxnobackgroundimage
{
	position:relative;
	width:780px;	
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	padding:0px;

	/*An image extends the red box on the left down to the bottom of the page*/	
	background: rgb(250, 252, 251);	
}
	


#mainbox div#backgroundimage
{
	/*Main image that gives faint shading effect on upper left.*/
	/*In reterospect, this was probably a bad idea!*/ 
	position: absolute; 
	left: 173px; 
	top: 133px; 
	z-index:0;
	width:606px; 
	height:462px;
	background-repeat:no-repeat;background-image: url('/images/backgroundlight.jpg');
}

/* adjustment for if body is set to class wide, which supresses the leftmenu*/

body.wide #mainbox div#backgroundimage
{
	display:none;
}

body.wide #mainbox
{
	background: rgb(250, 252, 251);	
}

.centerfixed
{
	/*Centerstyles are defined in centerstyles.css*/
}


body { 
/* Centering workaround for IE5. */
	text-align: center; 
/* Set the left, right, and top margin to 0.
   To allow full use of an 800x600 screen*/
	margin: 0px;
/*	background:gray;*/
}



/*The whole page fits in a centered box 780 pixels wide*/
/*Can extend as far down as it has to.*/
#mainbox {

}


/* topbar is inside mainbox*/
/*A long space stretches across the entire top of the page. Maybe separated */
/*into several pieces inside. This lets them be positioned absolutely.*/

#topbar 
{
	position:relative;
	margin:0px;
	padding:0px;
	border:none;
	width:100%;
	height:107px;
	background:#00209f;
	z-index: 4; /*Necessary for firefox to place over the background*/
}



/*Upperright menus: The small menu on the upper right with "home" and "Apply and Register now"*/

div#upperrightmenu
{
	position: absolute; width: 301px; 
	height: 22px; z-index: 1; 
	left:475px; top:134px; 
	text-align: right; font-size:75%;
	color:#9F6816;
}

div#upperrightmenu a
{
	color:#9F6816;
}

/*End upperright menus*/

.toppic
{
/*   background:#000000; color:#7777f7; */
   height:218px;
}


/*Bottom notes styles (contact webmaster, etc)*/

/*underlaying blue box*/
div#bottombar
{
    position: relative;
	display:block;
	z-index: 3; 
	width:609px;
	background: rgb(37,22,122);
	text-align: right;
	font-size:60%;
	color:white;	
	/*correct for 20 px padding in centercontent*/
    right:20px;
    clear:both;
}

/*adjustment for no left menu (body set to style "wide")*/
body.wide div#bottombar
{
	width:100%;
}

/*In the fixed center (centercontentfixed.css), the bottombar is not padded*/
div.centerfixed div#bottombar
{
	right:0px;
}

div#bottombar a
{
	color: rgb( 199, 220, 216);
	margin-right:30px;
	text-decoration: none;	
}

div#bottombar a:hover
{
	text-decoration: underline;	
}