#layout
{
/*	border: 1px solid black; */
	margin: 0 auto;
	width: 775px;
}

#browser
{
/*	border: 1px solid black;	*/
	position: relative;	
	float: left;
	top: -50px;
	width: 214px;
}

#browser_top
{
/*	border: 1px solid black;	*/
	position: relative;	
	float: left;
/*	top: -75px;		*/
	width: 214px;
/*	width: 214px;	*/
	height: 22px;
	background: url(../images/browser_top_214x22.gif) no-repeat left bottom;	
}

#browser_body
{
/*	border: 1px solid black;	 */
	position: relative;	
	float: left;
/*	top: -75px;		*/
	width: 214px;
	background: url(../images/browser_body_214x1.gif) repeat-y center top;	
}

#browser_bottom
{
/*	border: 1px solid black;		*/
	position: relative;	
	float: left;
/*	top: -75px;		*/
/*	width: 750px;  		*/
	width: 214px;
	height: 26px;
	background: url(../images/browser_bottom_214x26.gif) no-repeat left top;	
}

#content
{
/*	border: 1px solid black;		*/
	position: relative;
	float: right;
	width: 530px;
/*	height: 551px;					*/
/*	height: 497px;					*/
/*	height: 470px;					*/

}

.full-width #content
{
/*	border: 1px solid black;		*/
/*	position: relative;				*/
/*	float: left;					*/
/*	top: -230px; 					*/
	width: 100%;					
}

a
{
	text-decoration: none;
}

#browser_body li
{
/*	border: 1px solid black;		*/
	text-align: center;
	margin: 0px 15px 0px 15px;
	padding: 5px 0px 5px 0px;
	border-top: 2px solid white;
	list-style: none;
}

#browser_body li.first
{
/*	border: 1px solid black;		*/
	text-align: center;
	margin: 0px 15px 0px 15px;
	padding: 5px 0px 5px 0px;
	border-top: 0px;
	list-style: none;
}

#browser_body li a, 
#browser_body li a:hover, 
#browser_body li a:visited
{
	font-weight: bold;
	color: white;
}

#breadcrumb
{
	text-align: left;
	padding: 0px 0px 5px 0px;
	color: #316798;
}

#breadcrumb a,
#breadcrumb a:hover,
#breadcrumb a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1em;
	color: #316798;
}

#breadcrumb a:hover
{
	text-decoration: underline;
}

#outline_left
{
/*	border: 1px solid black;	*/
	position: relative;	
	float: left;
	width: 16px;
	height: 30px;
	background: url(../images/outline_left_16x30.gif) no-repeat left bottom;	
}

#outline_body
{
	float: left;
	width: 743px;
	height: 30px;
	background: url(../images/outline_body_1x30.gif) repeat center bottom;	
	
	color: white;
	text-align: left;
	
	line-height: 1.8em;
}

#outline_right
{
/*	border: 1px solid black;	*/
	float: left;
	width: 16px;
	height: 30px;
	background: url(../images/outline_right_16x30.gif) no-repeat right bottom;	
}

.full-width #content #tilechart
{
/*	border: 1px solid black;	  */
	text-align: left;
	
}

.full-width #content #tilechart .tile
{
/*	border: 1px solid black; */
	display: inline;	
}

#controls
{
/*	border: 1px solid black;	  		*/
	text-align: right;
	width: 100%;
	height:25px;
}

#controls ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#controls ul li
{
	border-right: 1px solid gray;
}

#controls ul li.first
{
	border: 1px;
}

#footer
{
/*	border: 1px solid black;	*/
	position: relative;	
	float: right;
	top: -25px;
	width: 775px;
	height: 84px;
	background: url(../images/footer_775x84.gif) no-repeat center bottom;
}

#footer ul li
{
	display: inline;
	border-left: 1px solid gray;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px 0px 3px;
	list-style: none;
}

#footer ul li.first
{
	display: inline;
	border: 0;
}

#footer #options
{
/*	border: 1px solid black;		*/
	position: relative;	
	float: right;
	top: 0px;
	width: 450px;
	text-align: left;
}

#content.front-page p
{
	font-family: Times New Roman, Times, serif;
	font-size: .8em;
	line-height: 1em;
	color: #990000;
	text-align: left;
}

#tilechart
{
   display:table;
}

#tilechart.tile
{
   position:relative;
   display:table-column;
   border: solid 2 white;
}