/* CSS Document */
div#container_entire 
	{
		margin-right:auto;
		margin-left: auto;
		width:700px;
	}

div#container_header
	{
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
	}
	
div#container_footer
	{
	height:20px;
	top:10px;
	clear:both;
	}
		
div#container_toolbar
	{
	width:700px;
	font-size:.8em;
	background-image:url(../images/site/black_stripe.gif);
	height:20px;
	text-align:center;
	margin-top:10px;
	}
	
div#container_body
	{
	width:700px;

	border-left:#000000 solid 2px;
	border-right:#000000 solid 2px;
	min-height:350px;
	text-align:left;
	}
	* html #container_body
		{
		height: 350px;
		}

div#container_content
	{
	margin:10px;
	}

img.floatright { 
    float: right; 
    margin: 4px;
}
	
div#button a
	{
	background-color:#000000;
	color:#FFFFFF;
	width:100px;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	}
	
div#button a:hover
	{
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;
	}

.icon 
	{
	text-align:center;
	width:50px;
	}
	
ul#gallery li
	{
		width:100px;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
		-moz-border-radius:20px;
	 */
		
		padding:10px;
		text-align:center;
		position:relative;
		float:left;
		display:inline;
		margin:5px;

	}


ul#gallery img
	{
		border:1px solid #EEE;
		/* delete line above and uncomment this for an inset effect
			border:1px solid;
			border-color:#666 #EEE #EEE #666;
		 */
	}