/* Blue X Network v3 Style */
	body { background: #F8F8F8; font-family: Calibri; Verdana, sans-serif; font-size: 14px; }
	
	a, a:active, a:visited { color: #6091EC; text-decoration: underline; display: inline-block; }
	a:hover { text-decoration: none;  display: inline-block;  }
	
	#boxes a, #boxes a:active, #boxes a:visited, #boxes a:hover { margin: 2px; }
	
	#logo { height: 100px; width: 800px;  }
	#outer { border: 1px #ABC5F5 solid; background-color: #f5f9fe; border: 1px #ABC5F5 solid; background-color: #f5f9fe; width: 800px;  margin: 10px auto 0 auto; }
	#notice { color: #999999; border-top: 1px #CCCCCC solid; font-size: 12px; padding: 5px; }
	
	#content { width: 772px; padding: 15px; }
	
	#boxes { margin: auto; width: 726px; }
	
	#community { float: left; width: 140px; margin-right: 10px; padding: 15px; color: #FF9A8E; border: 1px #FFE4E1 solid; background-color: #FFF0EE; }
	#community hr { border: 1px #FF9A8E solid;}
	#community a, #community a:active, #community a:visited { color: #FF9A8E; text-decoration: none; border-bottom: 1px dashed #FF9A8E; }
	#community a:hover { text-decoration: none; border-bottom: 1px dotted #FF9A8E; }	

	#info { float: left; width: 140px; margin-right: 10px; padding: 15px; color: #64B6D0; border: 1px #ADD8E6 solid; background-color: #D8EDF3; }
	#info hr { border: 1px #64B6D0 solid; }
	#info a, #info a:active, #info a:visited { color: #64B6D0; text-decoration: none; border-bottom: 1px dashed #64B6D0; }
	#info a:hover { text-decoration: none; border-bottom: 1px dotted #64B6D0; }
		
	#development { float: left; width: 140px; margin-right: 10px; padding: 15px; color: #B687B6; border: 1px #D8BFD8 solid; background-color: #EBDEEB; }
	#development hr { border: 1px #B687B6 solid; }
	#development a, #development a:active, #development a:visited { color: #B687B6; text-decoration: none; border-bottom: 1px dashed #B687B6; }
	#development a:hover { text-decoration: none; border-bottom: 1px dotted #B687B6; }	

		
	#tools { float: left; width: 140px; padding: 15px; color: #7B8C49; border: 1px #DAF97D solid; background-color: #F2FFCC; }
	#tools hr { border: 1px #7B8C49 solid; }
	#tools a, #tools a:active, #tool a:visited { color: #7B8C49; text-decoration: none; border-bottom: 1px dashed #7B8C49; }
	#tools a:hover { text-decoration: none; border-bottom: 1px dotted #7B8C49; }	
	
	#copyright { float: left; }
	#privacy { float: right; }
		
	.clear { clear: both; }
	
	#footer { width: 798px; margin: 4px auto 12px auto; color: #B7BBBA; font-size: 11px;}
	
	@media only screen and (max-width: 810px) {
		#logo { height: auto; max-width: 100%; }
		#outer { width: 100%; }
		#content { width: 96%; margin: 0 auto; padding: 0; word-wrap:break-word; }
		#boxes { width: 100%; margin: 10px 0 10px 0; }
		#community, #info, #development, #tools { width: 200px; }
		#community { float: none; margin: 10px auto 0 auto; }
		#info { float: none; margin: 10px auto 0 auto; }
		#development { float: none; margin: 10px auto 0 auto; }
		#tools { float: none; margin: 10px auto 0 auto; }
		#footer { width: 100%; }
		#copyright, #privacy { float: none; }
	}