/*
	Main CSS - Canterbury RFC
	Created on 14-07-2010
	
	All Contents (c) Copyright 2000-2010 Canterbury Rugby Football Club
	Created by SportsWeb - http://www.sportsweb.biz
*/
body, h1, h2, h3, h4, h5, h6, ul, li, ol, form, table, tr, th, td, p, img {
	margin:					0;
	padding:				0;
	border:					0;
}

body {
	background-color:		black;
}

/*
	Header
*/
body {
	background-image:		url(contents_header.png);
	background-repeat:		no-repeat;
	background-position:	50% 0;
}
#header {
	margin:					0 auto 0 auto;
	width:					960px;
}
#header .inner {
	position:				absolute;
	background-image:		url(header_mask.png);
	background-repeat:		no-repeat;
	background-position:	50% 0;
	width:					960px;
	height:					164px;
	
	z-index:				14;
}

#header h1.logo {
	display:				inline;
	float:					left;
	clear:					left;
	background-image:		url(logo.png);
	background-repeat:		no-repeat;
	
	width:					409px;
	height:					99px;
	
	margin:					34px 0 0 24px;
	text-indent:			-10000px;
	overflow:				hidden;
}
#header h1.logo a {
	display:				block;
	width:					409px;
	height:					99px;
}

#header .search {
	float:					right;
	clear:					right;
	background-image:		url(search_background.png);
	background-repeat:		no-repeat;
	background-position:	0 0;
	
	width:					244px;
	height:					36px;
}

#header .search form {
	background-image:		url(search_form.png);
	background-repeat:		no-repeat;
	background-position:	100% 100%;
	
	width:					239px;
	height:					30px;
}

#header .search label {
	display:				inline;
	float:					left;
	width:					70px;
	margin-left:			4px;
}
#header .search .query {
	float:					left;
	width:					136px;
	height:					20px;
	margin-top:				4px;
	
	border:					0;
	background-color:		#1D1D1D;
}
#header .search .submit {
	float:					left;
	background-image:		url(search_button.png);
	background-repeat:		no-repeat;
	
	border:					0;
	margin-top:				4px;
	width:					22px;
	height:					22px;
}

#header .header_area {
	float:					right;
	clear:					right;
	
	width:					284px;
	padding-top:			5px;
}

/*
	Menu - underdisplay
*/
#menu {
	padding-top:			125px;
	height:					284px;
	overflow:				hidden;
}
#menu .main_menu {
	position:				absolute;
	z-index:				16;
	width:					960px;
	overflow:				hidden;
}
#menu .main_menu ul {
	float:					left;
	list-style-type:		none;
	padding-left:			152px;
	width:					2000px;
}

#menu .main_menu ul ul {
	display:				none;
}

#menu .main_menu ul li {
	float:					left;
	background-image:		url(menu_item_gradient.png);
	background-repeat:		repeat-x;
	background-position:	0 0;
	height:					35px;
}

#menu .main_menu ul li.s_fill {
	width:					400px;
}

#menu .main_menu ul li a {
	padding:				0 16px 0 16px;
}

#menu .main_menu ul li.lit {
	float:					left;
	background-image:		url(menu_item_lit_lhs.png);
	background-repeat:		repeat-x;
	background-position:	0 0;
	
	height:					35px;
}
#menu .main_menu ul li.lit a {
	float:					left;
	background-image:		url(menu_item_lit_rhs.png);
	background-repeat:		no-repeat;
	background-position:	100% 0;
	
	height:					35px;
}
#menu .main_menu .filler {
	float:					left;
	background-image:		url(menu_item_gradient.png);
	background-repeat:		repeat-x;
	background-position:	0 0;
	
	height:					35px;
}
#menu .main_menu .filler .inside {
	display:				block;
}

/*
	Sub Menu
*/
#menu .sub_menu {
	position:				absolute;
	z-index:				16;
	margin-top:				250px;
}
#menu .sub_menu ul {
	float:					left;
	list-style-type:		none;
	padding-left:			0;
	height:					34px;
	overflow:				hidden;
}
#menu .sub_menu ul li.level_1 {
	display:				none;
}
#menu .sub_menu ul li.level_1.lit {
	display:				block;
}
#menu .sub_menu ul li.level_1.lit a.level_1 {
	display:				none;
}
#menu .sub_menu ul li.level_1.lit ul {
	display:				inline;
	display:				block;
	margin-left:			8px;
}
#menu .sub_menu ul li.level_1.lit ul li {
	float:					left;
}


#menu .sub_menu ul li.level_1.lit ul li a {
	padding:				0 18px 0 18px;
}

#menu .sub_menu ul li.level_1.lit ul li.lit {
	float:					left;
	background-image:		url(submenu_lit.png);
	background-repeat:		no-repeat;
	background-position:	0 0;
	height:					34px;
}
#menu .sub_menu ul li.level_1.lit ul li.lit a {
	float:					left;
	background-image:		url(submenu_lit_rhs.png);
	background-repeat:		no-repeat;
	background-position:	100% 0;
	height:					34px;
}

/*
	Contents
*/
#contents {
	background-image:		url(contents_background.png);
	background-repeat:		repeat-y;
	background-position:	50% 0;
	
	padding-top:			20px;
}

.sidebox_yy h3 {
	display:				none;
}

/*
	Footer
*/
#footer {
	background-image:		url(contents_footer.png);
	background-repeat:		no-repeat;
	background-position:	50% 100%;
	
	padding-bottom:			90px;
	padding-top:			30px;
	min-height:				220px;
}

#footer .footer_menu {
	display:				inline;
	float:					left;
	clear:					left;
	margin-left:			40px;
}
#footer .footer_menu ul {
	list-style-type:		none;
}
#footer .footer_menu ul li.level_1 {
	display:				inline;
	float:					left;
	width:					100px;
	margin-right:			10px;
}
#footer .footer_menu ul li.level_1>a {
	display:				block;
	margin-bottom:			5px;
}

#footer .footer_associations {
	display:				inline;
	float:					right;
	margin-right:			40px;
	width:					200px;
}

#footer .extra_info {
	display:				block;
	clear:					both;
	
	padding-top:			30px;
	margin:					0 40px 0 40px;
}
#footer .extra_info .credit {
	display:				block;
}

/*
	Fonts
*/
body {
	font-family:			sans-serif;
}

#header .search label {
	font-size:				10pt;
	line-height:			22pt;
	font-weight:			bold;
	text-align:				center;
}
#header .search .submit {
	font-size:				1pt;
	text-align:				left;
	color:					black;
}

#menu .main_menu ul li a {
	text-align:				center;
	font-size:				11pt;
	font-weight:			bold;
	color:					black;
	line-height:			26pt;
	text-decoration:		none;
}
#menu .sub_menu li a {
	text-align:				center;
	font-size:				11pt;
	font-weight:			bold;
	color:					white;
	line-height:			28pt;
	text-decoration:		none;
}
#menu .sub_menu li li.lit a {
	color:					black;
}

#footer .footer_menu ul li.level_1 {
	font-size:				9pt;
	line-height:			14pt;
}
#footer .footer_menu ul li.level_1>a {
	font-weight:			bold;
	border-bottom:			1px white solid;
}
#footer .footer_menu ul li.level_1 a {
	color:					white;
	text-decoration:		none;
}
#footer .footer_menu ul li.lit>a {
	color:					#FFC018;
}

#footer h4 {
	font-size:				9pt;
	line-height:			14pt;
	font-weight:			bold;
	border-bottom:			1px white solid;
	color:					white;
	text-decoration:		none;
	margin-bottom:			10px;
}

/*
	Fonts - Contents
*/
#header .search .query {
	color:					white;
}

#contents p, 
#contents li {
	font-size:				10pt;
	line-height:			16pt;
}

#contents td {
	font-size:				10pt;
}

#contents p,
#contents ul,
#contents ol {
	padding-bottom:			20px;
}
#contents p a,
#contents td a {
	text-decoration:		none;
	color:					#EC8818;
}
#contents ul {
	padding-left:			25px;
}

#contents h3 {
	font-size:				18pt;
	margin-bottom:			15px;
	line-height:			22pt;
}
#contents h3 a {
	color:					black;
	background-image:		url(arrow_h3.gif);
	background-repeat:		no-repeat;
	background-position:	100% 35%;
	
	text-decoration:		none;
	padding-right:			20px;
}

#contents h4 {
	font-size:				14pt;
	margin-bottom:			15px;
	line-height:			18pt;
}
#contents h4 a {
	color:					black;
	background-image:		url(arrow_h4.gif);
	background-repeat:		no-repeat;
	background-position:	100% 35%;
	
	text-decoration:		none;
	padding-right:			15px;
}

#contents h5 {
	font-size:				11pt;
	margin-bottom:			15px;
	line-height:			18pt;
}
#contents h5 a {
	color:					black;
	background-image:		url(arrow_h4.gif);
	background-repeat:		no-repeat;
	background-position:	100% 35%;
	
	text-decoration:		none;
	padding-right:			15px;
}

#contents h6 {
	margin-top:				-10px;
	margin-bottom:			10px;
}
#contents h6 a {
	color:					#EC8818;
	
	text-decoration:		none;
}
#footer p {
	font-size:				9pt;
	color:					#bbb;
	line-height:			14pt;
}
#footer p a {
	color:					white;
	text-decoration:		none;
}
#footer .extra_info .credit {
	text-align:				center;
}