@charset "utf-8";
/* main style sheet */

body {
	background-color: #121212;
	margin:0px;
	width:auto;
	margin-bottom:30px;
}
body,td,th {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #C8C8C8;
}
input, textarea {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
}		
h2 {
	font-size:18px;
	font-weight:lighter;
	color:#F5882E;
}
h2.gray {
	color:#CCCCCC;
}

/* links */
a:link, a:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #f58220;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* header */
div#header {
	width:100%;
	height:36px;
	background-image:url(../images/headerbg.jpg);
	background-repeat:repeat-x;
}	
div#logo {
	float:left;
	width:361px;
	height:36px;
	background-image:url(../images/logo.jpg);
	margin-left:-4px;
	margin-top:0px;
}	
div#menu {
	float:right;
	width:225px;
	height:36px;
}

/* login */
div#login {
	width:350px;
	text-align:left;
	background-color:#000000;
	margin-top:150px;
	text-align:left;
}
div#login h2, p, form {
	padding-left:20px;
}	

/* wrapper */
div#wrapper {
	width:900px;
	text-align:left;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
div#sidebox {
	float:left;
	width:170px;
	margin-right:30px;
	background-color:#000000;
	display:block;
	height:auto;
	overflow:auto;
}
div#sidebox h2 {
	font-size:14px;
}
div#sidebox hr {
	width:80%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #404040;
	text-align:center;
}	
div#sidebox h2, p, form {
	padding-left:20px;
}	
div#sidebox div.city {
	margin-left:20px;
	margin-bottom:10px;
}	
div#sidebox div.city img {
	vertical-align:middle;
	margin-left:20px;
	margin-right:-10px;
}
div#sidebox div.city a {
	margin-left:15px;	
}
div#content {
	float:left;
	width:700px;
	background-color:#000000;
	display:inline;
	height:auto;
	overflow:auto;
	margin-bottom:30px;
}
div#content h2, p, form {
	padding-left:20px;
}	
div#content form {
	padding-bottom:20px;
}	
div#footer p {
	padding:10px;
	text-align:center;
}
div#footer hr {
	padding-top:10px;
	width:95%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #404040;
	text-align:center;
}

/* nifty corners */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
