#container {
	height: auto;
	width: 800px;
	border: medium solid #CC0000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
}
#header {
	background-image: url(banner/Whats-the-Plan-Banner.gif);
	height: 100px;
	width: 800px;
}
#menu  {
	background-color: #FFFFFF;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #000000;
	height: 20px;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	
}
#content  {
	background-color: #FFFFFF;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 2px;
	height: auto;
	width: 520px;
	text-indent: 0px;
	padding-top: 15px;
	margin-top: 5px;
	float: left;
	padding-left: 15px;
}
#sideimage  {
	background-color: #FFFFFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
	top: 5px;
	height: 610px;
	width: 250px;
	padding-top: 15px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(images/side_banner/side.gif);
}
#menu li {
	display: inline;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
	vertical-align: top;
	line-height: 10px;
	margin-top: 20px;
}
#footer {
	background-color: #000000;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	line-height: 15px;
	clear: both;
	height: 30px;
	clip: rect(auto,auto,auto,auto);
	vertical-align: middle;
	width: auto;
	bottom: auto;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}



#menuSystem		{ position: relative; z-index: 1;}
#menuSystem table	{ font-family: verdana,geneva,sans serif; font-size: 8pt; border-collapse:collapse;}
#menuSystem table td	{ padding:0px; }

#mainTable table 	{ border:1px outset #336699; border-collapse:collapse; }
#mainTable th          	{ background-color: #FF0000; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; padding-top: 2px;  text-align:left; color:#FFFFFF}
#mainTable table td 	{ background-color: #F2FBFF; padding-left: 3px; padding-right: 3px;  padding-bottom: 1px; padding-top: 1px;  text-align:left;}

#mainTable a       	{ color: #005984 ; padding-left: 3px; padding-right: 3px; font-family: verdana,geneva,sans serif; font-size: 8pt; text-decoration: none }
#mainTable a:link      	{ color: #005984 ; padding-left: 3px; padding-right: 3px; font-family: verdana,geneva,sans serif; font-size: 8pt; text-decoration: none }
#mainTable a:hover     	{ color: #FFFFFF ; padding-left: 3px; padding-right: 3px; background-color:#003366; font-family: verdana,geneva,sans serif; font-size: 8pt; text-decoration: none; display:block; }



// BRANCH CONTROL SETTINGS [Value MUST be in quotes]:
	// Enable single branch opening ONLY
	// Options: ['yes'=one branch at a time, ''=all branches will open]
	// Note: ALL Values other than 'yes' allows user to open more than one branch at a time
	var oneBranch='yes';

// EVENT TYPE SETTINGS [Value MUST be in quotes]:
	// Options:
	// 'mouseover'= branch expands when mouse is OVER <TH> element
	// 'click'=branch expands when <TH> element is clicked
	var handlerTYPE='mouseover';

// TRANSPARENCY SETTINGS (%) [Value MUST NOT be in qoutes]:
	var TValue=70;
		// 100=100% visible, 0=invisible [MUST BE  a number between 0 and 100]
		// Can be decimal (example: 70.5) or integer (example: 71)
		// Does not work in Opera

// IMAGE PLACEMENT [Value MUST be in quotes]:
	// Options:
	// 'before'=images will be inserted BEFORE content within <TH> element
	// 'after'=images will be inserted AFTER content within <TH> element
	// ''=images will NOT be included within <TH> element
	var ImagePlacement='after';


// |||||||||||||||||||||||
// | Define Images Here  |
// |||||||||||||||||||||||
// [Value MUST be in quotes]
// All images MUST be located in the folder "menu_script"
// "menu_script" folder MUST be located in SAME directory as the webpage that you want the menu to be on
// Note: Some images have been provided.  You may use provided, your own, or none.

// SET [EXPAND] IMAGE FILE NAME:

	var imagePLUS='arrow.gif';

// SET [COLLAPSE] IMAGE FILE NAME:
		
	var imageMINUS	='arrowdn.gif';
#content1 {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	height: 260px;
	width: 520px;
	text-indent: 0px;
	float: left;
	padding-top: 15px;
}
#content2 {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	height: 140px;
	width: 520px;
	text-indent: 0px;
	float: left;
	left: 2px;
	padding-top: 120px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}