/* ***************** SECTION 1: Minimum Widths *************** */

/* this section deals with minimum widths ONLY */

/* the sum of these values = minimum browser window width. */



.minimumFarLeftGutterWidth{ 

	width:5px;

	height:1px;} 



.minimumLeftNavWidth{ 

	width:125px;

	height:1px;}



.minimumLeftGutterWidth{ 

	width:8px;

	height:1px;}



.minimumMainBodyWidth{

	align:top;

	width:460px;

	height:1px;}





.minimumRightGutterWidth{

	width:15px;

	height:1px;}



.minimumRightNavWidth{

	width:1px;

	height:auto;}



.minimumFarRightGutterWidth{

	width:15px;

	height:1px;}





/* bottom gutters -- these classes refer to images, specify height as well as width */

.minimumBottomBarLeftGutterWidth{

	width:185px;

	height:1px;}





.minimumBottomBarWidth{/* the containing table is 100%, this takes up the slack */

	width:15px;

	height:1px;}



.minimumBottomBarRightGutterWidth{

	width:10px;

	height:1px;}



/* ***************** SECTION 2: Max Widths and other parameters *************** */



/* The widths in this section control how the left and right nav and gutters expand as the 
window expands past the minimum.  The main body max width isn't (shouldn't be) controlled, 
it expands to take up slack as the user expands the window.  This lets people with larger 
monitors have wider nav sections.



IF THE WIDTH HERE IS THE SAME AS THE MINIMUM WIDTH SHOWN ABOVE, THE GUTTERS AND NAV WILL BE 
FIXED BUT WILL BE "STICKY" TO THE SIDES OF THE BROWSER WINDOW. */



body{

	margin:0px;

}



td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color: #59005;
}



.fullPage{ /* CHANGE IF YOU WANT TO LOSE "STICKINESS" OR CENTER THE WINDOW */

	width:100%;

	height:100%;}



.farLeftGutter{

	width:5px;

	height:1px;

	background-color:#FFECFF;

}



.leftNav{

	width:120px;

	background-color:#FFECFF;

	border-right:none;

}



.leftGutter{

	width:5px;}



.mainBody{

	height:auto;}



.rightGutter{

	width:5px;}



.rightNav{

	width:175px;}



.farRightGutter{

	width:8px;}



.bottomNav{

}



/************** Characteristics of the cells of data, apply to <div> tags **********/

.topNavCell{

}



.leftNavCell{ 

}



.mainBodyCell{
	margin: 10px;


}



.rightNavCell{
	margin-top:30px;
	border: none;


}



.bottomNavCell{ 

}



/****************** SECTION 3: Bottom and Top Elements Parameters  ****************/



.topHorizontalRegion{

	height:74px;

	border-bottom: none;

}



.middleHorizontalRegion{

	/* background-color:silver; */

}





.bottomHorizontalRegion{

	/*background-color:teal;*/

	height:3px;

}





.bottomBarLeftGutter{

	background-color:#660099;

	width:130px;

	height:1px;}



.bottomBar{

	background-color:#660099;

	height:1px;}





.bottomBarRightGutter{

	background-color:#660099;

	width:1px;

	height:1px;}