@charset "utf-8";

html {
	margin: 0; 
	padding: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
}

img { vertical-align:bottom; border:none;}

a { color:#333;}
a:hover { color:#999;}

/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---------------------------------------------------------------------------------------------------------------- */
/* -- base -------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

#wrapper { margin:0; padding:0;background-color:#EEE;}

/* -- header ------------------------------------------------------------------------------------------------------ */

#header {
	margin:0 auto 0 auto;
	padding-top:20px;
	width:100%;
	height:100px;
	background-color:#000;
	border-bottom:solid 1px #333;
}

#headerBox { margin:0 auto;width:940px;}

#header h1 { font-size:1.2em;color:#FFF;}

#header a {color:#FFF; text-decoration:none;}

/* -- content ----------------------------------------------------------------------------------------------------- */

#content {
	margin:0 auto;
	padding:0px 0 0 20px;
	width:940px;
	background-color:#FFF;
}

#main {
	float:left;
	display:inline;
	padding-top:20px;
	width:640px;
}

#main h2 {
	margin:0 0 10px 0;
	padding:10px 10px 30px 10px;
	width:640px;
	font-size:1em;
	color:#FFFFFF;
	background: url(../img/h2Header.jpg) left bottom no-repeat;
}

#main h2 a {color:#FFF; text-decoration:none;}

#main h3  { padding-left:7px;font-size:0.9em; color:#333; border-left:solid 3px #333;}

#main table { margin-bottom:40px; border-collapse:collapse; border:solid 1px #AAA;}
#main th,
#main td { padding:5px;font-size:0.8em;border-right:solid 1px #AAA;border-bottom:solid 1px #AAA;}
#main td.right { text-align:right;}
#main caption { font-size:0.8em; line-height:1.5; font-weight:bold;}
#main th { background-color:#EEE;}

#main p {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.9em;
	line-height:1.5;
	color:#333;
}

#main .storycontent ul,
#main .storycontent ol { margin: 0 0 40px 15px; padding-left:10px;}
#main .storycontent li { font-size:0.8em; line-height:1.5;}

#main .date { font-size:0.7em;text-align:right;}
#main .btm00 { margin-bottom:0;}

#main .storycontent { margin-left:15px;}

#pagetop {
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:52px;
	clear:both;
}

.feedback { margin-bottom:60px; font-size:0.7em; text-align:right;}

/* -- side ------------------------------------------------------------------------------------------------------ */

#side {
	float:right;
	display:inline;
	width:240px;
	padding:20px 20px 0 0;
	background-color:#F9F9F9;
}

#side h2 { 
	margin:0 0 5px 0;
	padding:0;
	font-size:1em;
	color:#333;
}

#side ul { margin:0 0 30px 20px; padding:0; list-style:none;}
#side li {
	margin-bottom:0px;
	font-size:0.9em;
	line-height:1.5;
}

#side ul ul { margin-left:10px;}

#side a { color:#333;}
#side a:hover { color:#999;}

#side .widget { margin-bottom:40px;}

/* -- footer ------------------------------------------------------------------------------------------------------ */

#footer {
	margin:0;
	padding:0;
	width:100%;
	height:50px;
	clear:both;
	background-color:#000000;
	border-top:solid 1px #333;
}

#copyright {
	margin:0 auto;
	padding:15px 0 0 0;
	width:980px;
	text-align:center;
	font-size:0.7em;
	color:#CCC;
}
