/* div layout IDs are displayed below */
/* eg margin convention clockwise 12 3 6 9 Oclock */

	body {
		background: rgb(255,255,255);
		margin:0px 10px 0px 10px;
		padding: 0px 0px 0px 0px;
		}

	#frame { 
	}
	
	#pictright { 
		position: absolute;
		top: 20px;
		right: 10px;
	}
	
	#titlearea { 
    		height:60px;
		margin: 0em 0em 0em 0em; 
		BACKGROUND-COLOR: rgb(0,0,102);
		background-image: url(images/topleft.jpg); 
		background-position: 0px 0px;
		background-repeat: no-repeat;
		padding: 10px 0px 10px 0px;
		/*IE 5 bug work around*/
		voice-family: "\"}\"";
		voice-family: inherit;
	}

/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

	#topmenuback { 
    		height:20px;
		margin: 0em 0em 0em 0em;
		text-align: center;
		background: rgb(255,180,60);
		border-top:1px solid  rgb(0,0,0);
		border-bottom:1px solid rgb(0,0,0);
		padding: 2px 0px 2px 0px;
	}

	#topmenualign { 
		margin: 0em 0em 0em 150px;
		text-align: center;
		padding: 0px;
	}

.menutopbox {
    	border: rgb(208,230,255) 0px;
	width: 90px;
	float: left;
	margin: auto;
    	padding: 1px;
	text-align: center;
}

.menutopboxhover {
	background: rgb(255,230,140);
    	border: rgb(0,0,102) 1px solid;
	width: 90px;
	float: left;
    	padding: 0px;
	Cursor: hand;
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea {
		position: absolute;
		height: 650px;
		left:10px;
		width:150px;
		text-align: center;
		background: rgb(0,0,102);
		border:0px solid rgb(0,0,0);
		margin: 0em 0em 0em 0em;
		padding: 0px 0px 0px 0px;
		}

.menubox {
	background:  rgb(255,180,60);
    	border: rgb(0,0,0) 1px solid;
	width: 136px;
	float: left;
	margin-left:  2px ;
	margin-top: 0px;
    	padding: 1px;
	padding_left: 5px;
}

.menuboxhover {
	background: rgb(255,230,140);
    	BORDER: rgb(0,0,102) 1px solid;
	width: 136px;
	float: left;
	margin-left:  2px ;
	margin-top: 0px;
    	PADDING: 1px;
	padding_left: 5px;
	Cursor:hand;
}

.submenubox {
	background: rgb(255,230,140);
    	border: rgb(0,0,102) 1px solid;
	border-top: none;
	width: 130px;
	margin-left:  4px ;
	margin-top:  0px;
	float: left;
    	padding: 1px;
}

.submenuboxhover {
	background: rgb(255,180,60);
	width: 130px;
	margin-left:  4px ;
	margin-top:  0px;
	float: left;
    	border: rgb(0,0,102) 1px solid;
	border-top: none;
    	padding: 1px;
	Cursor:hand;
}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */
	#centerarea {
		background-image: url(images/logoback.jpg); 
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		margin: 0em 0em 0em 151px;
		border:0px solid rgb(0,0,0);
		border-left: 0px solid  rgb(0,0,102);
		padding: 0px 0px 0px 0px;
		text-align: center;
		}

.mult_tab_frame {
	width: 100%;
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
}

.articleframe {
	width: 100%;
	margin: 0px;
	text-align: center;
    	padding: 0px;
	border-collapse: collapse;
}

	.headingarea {
		background: rgb(255,255,255);
		border:0px solid rgb(0,0,102);
		margin: 0em 2em 0em 2em;
		padding: 2px 0px 2px 0px;
	}

	.articlearea {
		background: rgb(255,255,255);
		border:0px solid rgb(0,0,102);
		margin: 0em 2em 1em 2em;
		padding: 0px 0px 0px 0px;
	}

.maintable {
	width: 95%;
	background:  rgb(255,255,255);
	border: none;
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
}

	img {
		margin: 0px 0px 0px 0px;
		border: 0px;
	}


/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */
/*   XXXXXXXXXXXX  Modify the class name layout in the str2web/default/tablestyles directory to add more  */

.sub_table
{
	border-collapse: collapse;
	width: 98%;
	background: rgb(250,250,250);
	margin: 0px;
	border:1px solid rgb(0,0,0);
    	padding: 0px;
}

.top_row {
	background: rgb(230,230,230);
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
	}

.last_row {
	background: rgb(230,230,230);
	margin: 0px;
    	padding: 0px;
	border-collapse: collapse;
	}

	#soundplayer { 
	}