/* ----- LSPL Club Websites screen stylesheet ----- */
/* ----- Fuse Digital 2008 ------------------ */
/* ----- enjoy. ----------------------------- */

/*
	
	
	----- Site Dimensions -----
	
	Width: 1000px

*/

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}


ul { margin:0px; padding:0px; }
ul li { margin:0px; padding:0px; }

/* ----- Tags ----- */
/* ------------------------------------------------------------ */


/* ----- Universal styles ----- */
/* ------------------------------------------------------------ */
.hide {
	display: none;
}

/* ----- Containers ----- */
/* ------------------------------------------------------------ */
#container {
	width: 1000px;
	margin: 0 auto;
}
.frame {
	float: left;
	width: 960px;
	padding: 20px;
	background: #0d2a4a;
	text-align: left;
}
#sidebar {
	float: left;
	width: 260px;
	margin-left:20px;
	padding-left:-20px;
	text-align:left;
	
}

* html #sidebar {
margin-left:10px;
}


#sidebar .head, #sidebar .foot {
	clear: both;
	width: 260px;
	height: 10px;
	background: #001f40;
	/*
	background: url(/lspl_files/includes/images/panels/sidebar_head.png) 0 0 no-repeat !important;
	background-image: url(/lspl_files/includes/images/panels/sidebar_head.gif);
	*/
}
#sidebar .foot {
	background: #001f40;
	/*
	background: url(/lspl_files/includes/images/panels/sidebar_foot.png) 0 0 no-repeat !important;
	background-image: url(/lspl_files/includes/images/panels/sidebar_foot.gif);
	*/
}
#sidebar .content {
	float: left;
	width: 260px;
	background: #001f40;
	margin-top: 0 !important;
	margin-top: -5px; /* pander to IE6 being a pile of garbage */
}

/* ------ Sidebar panels ------ */
/* ------------------------------------------------------------ */
#sidebar .panel {
	clear: both;
	float: left;
	margin-left:0px;
	width: 228px;
	padding: 10px 16px 0 16px;
}
#sidebar .panel p {
	margin-bottom: 8px;
}
#sidebar .panel.info {
	text-align: center;
	font-weight: bold;
}
#sidebar .panel.end {
	background: url(/lspl_files/includes/images/dividers/h_2px.gif) 0 0 repeat-x;
}
#sidebar li .panel {
	background: #6f7c8b url(/lspl_files/includes/images/dividers/h_2px_light.gif) 0 0 repeat-x;
}
#sidebar .panel h2 {
	margin: 5px 0;
	font-size: 1.1em;
}
#sidebar .panel h3 {
	margin-bottom: 5px;
	font-size: 1.1em;
}
#sidebar .panel .img {
	float: right;
	margin: 0 0 0 20px;
}
#sidebar .panel .lnk {
	float: left;
	display: block;
	padding: 0 20px 0 0;
	color: #ff0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url(/lspl_files/includes/images/icons/arrow_right_down.gif) 100% 0 no-repeat;
}
#sidebar .panel .lnk:hover {
	color: #00aeef;
}

/* ------ Sidebar list ------ */
/* ------------------------------------------------------------ */
#sidebar ul, #sidebar li {
	clear: both;
	float: left;
	width: 260px;
}
#sidebar li {
	background: url(/lspl_files/includes/images/dividers/h_2px.gif) 0 0 repeat-x;
}
#sidebar li h2 {
	padding: 12px 18px 10px 18px;
	font-size: 1em;
}
#sidebar li.expand h2 {
	background: url(/lspl_files/includes/images/icons/arrow_right_down.gif) 232px 13px no-repeat;
}
#sidebar li.expand h2.open {
	background-position: 232px -87px;
}
#sidebar li.expand .panel {
	padding-top: 15px;
}
#sidebar li.expand .panel .lnk, #sidebar .panel .lnk.alt {
	float: right;
	margin-bottom: 12px;
	background-image: url(/lspl_files/includes/images/icons/arrow_right_down_light.gif);
}
#sidebar li.expand .panel .lnk:hover, #sidebar .panel .lnk.alt:hover {
	color: #001f40;
}
#sidebar li.expand .panel .img {
	float: left;
	margin: 0 20px 10px 0;
}


#sidebar li.ls-promo h2 {
    background: url(/lspl_files/includes/images/icons/arrow_right_down.gif) 232px 13px no-repeat;
}
#sidebar li.ls-promo h2 a {
    color: #fff;
    text-decoration: none;
}
#sidebar li.ls-promo h2 a:hover {
    color: #ff0;
}



/* ------ Sidebar table ------ */
/* ------------------------------------------------------------ */
#sidebar .panel table {
	width: 228px;
	margin-bottom: 10px;
}
#sidebar .panel th, #sidebar .panel td {
	padding: 5px;
	text-align: center;
}
#sidebar .panel th.a-l, #sidebar .panel td.a-l {
	text-align: left;
}
#sidebar .panel th {
	text-transform: uppercase;
}
#sidebar .panel td {
	background-color: #001f40;
}
#sidebar .panel .alt-row td {
	background-color: transparent;
}