body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

/* ----- PAGE STRUCTURE ----- */

#headerwrapper {
	position: relative;
	top: 0px;
	width: 100%;
	height: 105px;
	background-color: #ffffff;
	background: #ffffff url(../../assets/images/bg-header.jpg) repeat-x;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}

#main {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 950px;
}

#footerwrapper {
	position: relative;
	background: #ffffff url(../../assets/images/bg-footer.jpg) repeat-x;
	border-top: 1px solid #cccccc;
	width: 100%;
	height: 145px;
	margin-bottom: 20px;
	text-align: center;}
	
#tier1nav, #info {
	position: relative;
	width: 950px;}	
	
#tier1nav	{
	background: #ffffff url(../../assets/images/bg-nav.gif) no-repeat;
	height: 37px;	
	margin: 0px;
	padding: 0px;
	list-style: none;}

#info {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: left;	}
	
div#info.home, div#info.content-noline {
	background: #ffffff;}		
	
div#info.content {
	background: #ffffff url(../../assets/images/bg-content.gif) repeat-y;	}	
	
	
#main h1 {
	position: relativer;
	width: 100%;
	padding-top: 20px;	}
	
#sponsors {
	position: relative;
	margin: 0px auto;
	width: 910px;
	height: 30px;
	padding: 20px;
	padding-top: 30px;
	margin-bottom: 30px;	
	/*background: #f7ffec url(../../assets/images/title-sponsors.gif) no-repeat 5px 5px; */
	background-color: #f7ffec;
	border: 1px solid #cccccc;}	
	
/* ----- header, footer ----- */

#header, #footer {
	position: relative;
	width: 950px;
	margin: 0px auto;}
	
#footer {
	padding: 15px 0px;
	padding-bottom: 50px;}	
	
ul#topnav, ul#bottomnav {
	float: right;
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	width: 600px;
	list-style: none;}
	
ul#bottomnav {
	margin-top: 0px;}
	
ul#topnav li, ul#bottomnav li  {
	display: inline;
	float: right;}
	
ul#topnav li a, ul#bottomnav li a {
	display: block;}	
	
#header h1 {
	position: relative;
	display: block;
	width: 251px;
	height: 80px;
	margin-top: 15px;}	
	
/* ----- tier1nav ----- */

#tier1nav li {
	display: inline;
	float: left;}
	
#tier1nav li a {
	display: block;
	overflow: hidden;}	

#tier1nav li a.sector {
	height: 15px;
	margin-top: 15px;
	margin-left: 40px;
	background-position: 0px -16px;} 
	
#tier1nav li a.static {
	height: 10px;
	margin-top: 16px;
	margin-left: 55px;
	background-position: 0px -10px;}	
	
#tier1nav li a.first {
	margin-left: 90px;}	
	
#tier1nav li a.static:hover, #tier1nav li a.sector:hover {
	background-position: 0px 0px;}	
	
	
/* ----- info ----- */

#info .left {
	width: 230px;  /* 250px; */
	margin-right: 20px;
	float: left;	}
	
#info .right {
	width: 675px;  /* 700px; */
	margin-left: 20px;
	float: right;}		

/* ----- info left ----- */	

.left ul.tier2nav {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 25px;}
	
.left ul.tier2nav li {
	display: block;
	padding-left: 20px;}
	
.left .calloutwrapper {
	width: 230px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;}
	
/* ----- info right ----- */	
		
.headerimage {
	width: 675px;
	height: 195px;
	border: 1px solid #cccccc;
	margin-bottom: 25px;}	
	
.right .calloutwrapper {
	float: right;
	width: 250px;
	margin-left: 20px;
	margin-bottom: 20px;	
	border: 1px solid #cccccc;}
	
.right .actionboxwrapper {
	width: 250px;
	margin-bottom: 20px;	
	border: 1px solid #cccccc;}	
	
.right div.ttpp-scrolling-reg {
	border: 1px solid #f7f7f7;
	padding: 20px;
	width: 600px; 
	height: 150px;
	overflow: scroll;}	
	
.dashboard-message, .account-status, .administrator-message, .alert-message	{
	width: 640px;
	padding: 20px;
	border: 1px solid #8cc63f;
	background-color: #efffda;
	margin-bottom: 20px;}
	
.admin-message-board {
	width: 600px;}

.account-status, .alert-message		 {
	border: 1px solid #cc0000;
	background-color: #f1f1f1;
	color:	#990000;}
	
.administrator-message {
	border: 1px solid #990000;
	background-color: #ffefef;
	color:	#990000;}	
	
	
/* ----- home content ----- */		

.video {
	float: right;
	width: 380px; /*376px;*/
	height: 247px; /*217px; */
	margin-left: 20px;
	text-align: center;}
	
div#info.home ul.display {
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
	width: 950px;
	height: 200px;}	
	
ul.display li.family, ul.display li.worker, ul.display li.agency, ul.display li.resources, ul.display li.criminal {
	display: inline;
	float: left;
	width: 298px;
	height: 200px;
	border: 1px solid #cccccc;
	margin-left: 25px;}
	
ul.display li.resources, ul.display li.criminal  {
	/*height: 300px;*/
	height: 540px;}	
	
ul.display li.first {
	margin-left: 0px;}	
	
ul.display li.criminal {
	width: 622px;
	background: #f0f0f0;}		
	
div#description {
	position: absolute;
	display: block;
	top: -10px;
	left: 150px;
	width: 300px;
	height: 340px;
	background-color: #fff;
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	padding: 20px;
	visibility: hidden;}