/* ------------------------------- listings ---------------------------------- */
#listing { float: left; width: 754px; height: 342px; background: #092D59; border: thin solid #FFFFFF; }
#listing ul { list-style: none; margin: 0; padding-left: 0; text-indent: 0; }
#listing a { text-decoration: none; }

#toggle {
	float: left;
	width: 162px;
	height: 342px;
	list-style: none;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
}
#toggle { background: url("tabs_logo.jpg") 0 180px no-repeat; } 
#toggle li { float: left; width: 162px; height: 36px; margin: 0; padding: 0; }
#toggle li a span { display: none; }
#toggle li a { display: block; width: 162px; }
/* inactive */
#toggle #t1a { height: 36px; background: url("tabs_register.jpg") 0 0px no-repeat; } 
#toggle #t2a { height: 36px; background: url("tabs_register.jpg") 0 -36px no-repeat; }
#toggle #t3a { height: 36px; background: url("tabs_register.jpg") 0 -72px no-repeat; } 
#toggle #t4a { height: 36px; background: url("tabs_register.jpg") 0 -108px no-repeat; }
#toggle #t5a { height: 36px; background: url("tabs_register.jpg") 0 -144px no-repeat; } 
/* hover */
#toggle #t1a:hover { background-position: -162px 0; }
#toggle #t2a:hover { background-position: -162px -36px; }
#toggle #t3a:hover { background-position: -162px -72px; } 
#toggle #t4a:hover { background-position: -162px -108px; } 
#toggle #t5a:hover { background-position: -162px -144px; } 
/* active */
#toggle #current #t1a { background-position: -324px 0px; } 
#toggle #current #t2a { background-position: -324px -36px; }
#toggle #current #t3a { background-position: -324px -72px; }
#toggle #current #t4a { background-position: -324px -108px; }
#toggle #current #t5a { background-position: -324px -144px; }
/*
  The width of the toggleable is the listing width - toggle width
  The width of the tobbleable div is the toggleable width - margin (5) - 3 (for a right margin)
*/
#toggleable { float: left; width: 590px; height: 342px; font-size: 12px; }
#toggleable div { width: 564px; height: 280px; margin: 0 0 0 5px; padding: 0; clear: none; }
#toggleable h3 { margin: .5em 0; }

//#toggleable { overflow: hidden; }
#toggleable { overflow: auto; }
#toggleable ul { list-style-type: circle; }
#toggleable li { list-style-type: circle; }