html {
	padding-top: 20px; min-height: 100%; 
	text-align: center; color: #515151;
	background: #fdfbe6 url('../img/bg-html.png') repeat-x bottom;
}

body {
	width: 920px;
	margin: auto; text-align: left; 
}

a { color: #08579E; }

h1, h2, h3 {
	margin-bottom: 5px;
	font-family: 'ff-cocon-web-pro-1'; font-weight: normal; color: #08579E;
}

h1 { font-size: 167%; padding: 2px 10px 5px 10px; background: url('../img/bg-headline-slim.png') no-repeat; margin-bottom: 10px; }
h2 { font-size: 146.5%; }
h3 { font-size: 131%; }
h4 { font-size: 123.1%; }
h5 { font-size: 108%; }
h6 { font-size: 100%; }


/** MESSAGES **/
div#flashMessage { 
	clear: both; width: 100%; 
	margin: 0px 0px 20px 0px; padding: 10px; 
	color: #636363; 
}

	div#flashMessage.notice { border: 1px solid #499533; background: #e1ffd1; }
	div#flashMessage.alert { border: 1px solid #f8f632; background: #fffec7; }
	div#flashMessage.error { border: 1px solid #c92d18; background: #ffd2cc; }



div.wrapper { 
	padding-bottom: 20px; 

	zoom: 1;	/* Clearfix: For IE6 and IE7 */
}

div.wrapper:after { /* Clearfix. */
	clear: both; content: ' '; display: block; font-size: 0px; line-height: 0; visibility: hidden; width: 0px; height: 0px;
}


#sidebar {
	float: left; 
	width: 285px; overflow: hidden; margin-right: 15px;

	/* Customisations. Margin is reduced to offset the increased width of the sidebar, due to the button background shadow. Negative margin-bottom deals with relative positioning of sidebar items. */
	width: 290px; margin-right: 0px; margin-bottom: -60px;
}

	#logo { 
		background: 1px solid red;
		width: 100%; text-align: center;
		position: relative; z-index: 10; 
	}

	#navi { 
		/* Defaults. Padding of 8px left and 8px bottom is required for the drop-shadow. */
		display: block; height: 328px; width: 278px; overflow: hidden; 
		padding-left: 8px; padding-bottom: 8px;
		background: url('../img/bg-navi.png') no-repeat top right; 

		/* Customisations. */
		position: relative; top: -65px; z-index: 5px;
	}

		#navi li {
			/* Defaults. Background image requires height of 28px and width of 244px. Font size is 13px. */
			display: block; height: 28px; width: 244px; overflow: hidden;
			margin: 0px; padding: 0px;
			list-style: none;
			background: url('../img/bg-navi-item.gif') no-repeat left center;

			/* Customisations. */
			position: relative; top: 60px;
			margin: 3px 0px 0px 12px;
		}

			#navi li a {
				/* Defaults. Height and width should match the containing li. */
				display: block; height: 28px; width: 244px; overflow: hidden;
				font-family: 'Arial', sans-serif; font-weight: bold; line-height: 1; color: #08579E;

				/* Customisations. */
				height: 21px; width: 234px;
				padding: 7px 0px 1px 10px; 
			}

			#navi li.lion a { 
				padding-left: 40px; color: #EE3B33; background: url('../img/common/redlion-logo.png') no-repeat 10px 5px; 
			}

			#navi li.lion a:hover { 
				color: #ee3b33 !important; 
			}

	#sidebar .button { 
		position: relative; top: -80px;
	}

#main {
	float: left; width: 620px; padding-left: 10px;
}

	#main img { 
		float: left; margin: 5px 10px 5px 10px; 
		/* border-top: 4px solid #FFFC06; border-bottom: 4px solid #FFFC06; */
	}

	#main .onecol { 
		width: 100%; padding-left: 10px; 
	}

	#main .twocol { 
		width: 315px; height: 100%; overflow: hidden;
	}

	#main .twocol.left { 
		float: left; margin-right: 5px; margin-left: -10px;
	}

	#main .twocol.right { 
		float: left; 
	}


#footer {
	clear: both; 
}


	#footer ul { 
		list-style: none; text-transform: lowercase; font-weight: bold; color: #08579E;
	}

	#footer li { 
		float: left; margin: 0px; padding: 0px; 
	}

	#footer li a { 
		margin: 0px 5px 0px 5px; color: #08579E;
	}

	#footer li + li:before { 
		content: '|'; 
	}


	#common-links.navi {
		float: left;
	}

	#affiliated-sites.navi {
		float: right; margin-top: 0.2em; font-size: 85%;
	}


form label, 
form legend { 
	font-weight: bold; 
}

form div.input { margin-bottom: 20px; }

form div.input input, 
form div.input select { 
	display: block; padding: 4px; 
}