/**
	Cascading Style Sheet for Ju-Jitsu International Federation -- Sidemenu stylesheet
	To be used in combination with style.css
	Only include this style sheet if there is a side menu on your page! 
	@author Tim Molderez
*/

#content .column.left {
	width: 361px;
	margin:0 6px 0 6px;
}

#content .column.right {
	width: 361px;
}

#content .column .subtitle {
	background:transparent url('../images/column_small_subtitle.jpg') 0 0 no-repeat;
}

#content .column .subsubtitle {
	background:transparent url('../images/column_small_subsubtitle.jpg') 0 12px no-repeat;
}

#content .column.sidemenu {
	margin:0 6px 0 0;
	width: 200px;
}

#content .column.sidemenu .top {
	background:transparent url('../images/sidemenu_top.jpg') 0 0 no-repeat;
	height:6px;
	margin:16px 0 0 0;
}

#content .column.sidemenu a {
	background:transparent url('../images/sidemenu_button_normal.jpg') 0 0 no-repeat;
	width:192px;
	margin:0 0 -1px 0;
	height:18px;
	display:block;
	padding:3px 0 0 8px;
	color:#202020;
	text-decoration:none;
}

#content .column.sidemenu a.selected {
	background:transparent url('../images/sidemenu_button_selected.jpg') 0 0 no-repeat;
}

#content .column.sidemenu a:hover,active {
	background:transparent url('../images/sidemenu_button_hover.jpg') 0 0 no-repeat;
	width:191px;
	height:17px;
	padding:4px 0 0 9px;
}

#content .column.sidemenu a.indented {
	padding-left:16px;
	width:184px;
}

#content .column.sidemenu a.indented:hover,active {
	padding-left:17px;
	width:183px;
}

#content .column.sidemenu .bottom {
	background:transparent url('../images/sidemenu_bottom.jpg') 0 0 no-repeat;
	height:6px;
	margin:1px 0 0 0;
}

#content .column.sidemenu .subtitle {
	background:transparent url('../images/sidemenu_subtitle.jpg') 0 0 no-repeat;
}

#content .column.sidemenu .subsubtitle {
	background:transparent url('../images/sidemenu_subsubtitle.jpg') 0 12px no-repeat;
}

#content .column.single {
	margin:0 0 0 6px;
	width:734px;
}

#content .column.single .subtitle {
	background:transparent url('../images/column_single_subtitle.jpg') 0 0 no-repeat;
}

#content .column.single .subsubtitle {
	background:transparent url('../images/column_single_subsubtitle.jpg') 0 12px no-repeat;
}