#pageContent
{
	margin : 0px;
	padding : 0px;
}

ul#pageCrumb
{
	display : none;
}

#title
{
	text-align : center;
	/*margin : 0px 148px 40px 0px;*/
	margin : 0px 0px 40px 0px;
}


#sectionList
{
	margin-left : 16px;
	
	/* this is to remove some space that only apears in IE*/
	border : 1px solid white;
}

#sectionList div.section
{
	/* center */
	text-align : center;
	/* allow space for background border */
	padding-top : 22px;
	
	float : left;
	width : 220px;
	height : 320px;
	background-repeat : no-repeat;
	background-image : url(../images/bg/bg_sub_section.png);
	background-position : -2px -6px;
}

/* this is to fix an underline in chrome */
#sectionList a { text-decoration : none; }
#sectionList .text a { text-decoration : underline; }

#sectionList a span, #sectionList span span
{
	display : block;
	border : 0px;
	
	/* center */
	margin : 22px auto 22px auto;
	
	font-family : arial;
	font-weight : bold;
	text-decoration : none;
	font-size : 13px;
	color : white;
	
	background-image : url(../images/button/button_sub_normal.png);
	width : 137px;
	height : 21px; /*27 - 6*/
	padding-top : 6px;
}
#sectionList a:hover span
{
	background-image : url(../images/button/button_sub_hover.png);
	height : 20px; /*27 - 7*/
	padding-top : 7px;
}

#sectionList a img
{
	border : 0px;
}

#sectionList a .free
{
	float : left;
	position : absolute;
	margin-top : -74px;
	margin-left : -4px;
}

#sectionList a:hover .free
{
	padding-top : 1px;
}


#sectionList div.text
{
	font-family : arial;
	font-size : 12px;
	font-weight : bold;
	color : black;
}

#sectionList div.sectionEnd
{
	clear : both;
}