/* CSS Template by Gerhard */

html, body { margin:0; padding:0; text-align:center; }

body { background-color:#DDDCDB; }

#container {
	text-align:left;
	margin: 0 auto;
	padding:5px 10px;
	width:  680px;
	height: auto;
	background: url(images/background.jpg) no-repeat; background-position:10px 0px;
	/* 80% is about 13px, 100% being 16, second number is line-height */
	font:80%/130% "Trebuchet MS", "Lucida Grande", Verdana,Helvetica,sans-serif;
	color:#444;
}

#bottom {
	margin:0 auto;
	height:10px;
	width:665px;
	background:url(images/bg2e.gif) no-repeat;
}

.l10n a:visited, .l10n a:link
{ 	float:right;
	width:50px; height:20px;
	margin: -5px 15px 0 0; padding-left: 10px;
	text-decoration:none;
	font-size:110%; line-height:1.3em; color:#0087bc;
	background: url(images/bullet.gif) no-repeat left center;
}

.img { border:0;}

#banner {margin-left:250px;
	margin:5px;
	width:60%;
	height:80px;
	overflow:hidden; /* has-layout in IE7 */
	padding-left:15px;
	color:#0099CC;
}

#main { margin-left:300px;
	width:50%;
/* 	min-height:auto; */
	float:left;
	padding:10px;
	font-style:italic;
}

#box {	width:auto; height:auto;
	margin:10px 0 0 0;
	padding:0px ;
/* 	border:1px dotted #FC6; */
	color:#0087bc;
/* 	background-color:#EEE6cc; */
}

#sideBar {
	float:left;
	width:45%;
	min-height:250px;
	height:auto;
	padding:10px 5px;
	}
#sideBar dt { margin: 0; padding-top: 5px; font-weight: bold;  }
#sideBar dd { margin: 0 8px 5px; padding-bottom: 5px; }

#navBar {
	list-style:none;
	margin:5px 0;
	padding:0;
}

#navBar a {
	text-decoration:none;
	padding:5px;
	width:136px;
	display:block;
	color:#666;
	border-bottom:1px dashed #FC6;
}

#navBar a:hover {
	background:#DFF0F0;
	color:#666;
}

h1 { font-size:200%; margin-bottom:5px; }

h2 { font-size:130%; margin:0 0 5px 0; }

h3 { font-size:120%; margin:5px;}

h4 { font-size:120%; margin:0;}

ul { list-style-type: circle;}

li { font-size:110%; font-weight:500; margin:-10px 0 15px -23px; list-style:none; }

#clear {
	clear:both;
}

p { line-height:1.5em; margin:0; }

#copy, #copy a {
	padding-top:5px;
	text-decoration:none;
	text-align:center;
	font:10px Arial,Helvetica,sans-serif;
	color:#666;
}

#copy a:hover {	color:#369; }