/* 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 0 5px 10px;
	width:  670px;
	height: auto;
	background: #F3F3F3 url(images/banner.png) no-repeat; 
	/* 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;
}

.l10n a:visited, .l10n a:link
{ 	float:right;
	width:50px; height:20px;
	margin: -5px 35px 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;
}

#banner {margin-left:250px;
/* 	background:url(images/banner.jpg) no-repeat; background-position:2px 0px; */
	margin:5px;
	width:60%;
	height:80px;
	overflow:hidden; /* has-layout in IE7 */
	padding-left:15px;
	color:#0099CC;
}

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

#box {
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	padding:7px;
/* 	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;
}

img	{ border:0; }

#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:100%; font-weight:500; margin:-5px 0 10px -23px; list-style:none; list-style-position:outside;}

#clear { clear:both; }

p { line-height:1.5em; margin:3px; }

#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; }

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