body{
	margin-top: 2em;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(/media/img/tesla/logo.jpg);*/
	background-repeat: no-repeat;
	margin-left: 2em;
	}
.clear{
	clear: both;
	}
#container{
	width: 750px;
	border: solid black 1px;
	padding: 0;
	margin: auto;
	/*background-color: #c96;*/
	background-color: #eee;
	}
#mainnav {
	background-color: #abc;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	padding: 0;
	}
a:hover, a.here{
	color: #000;
	background-color: #eee;
	}
ul.navlist a {
	padding: 0.2em 0.5em;
	}
#mainnav ul.navlist li.first a {
	padding-left: 2em;
	}
#mainnav ul.navlist li.last a {
	padding-right: 2em;
	}
#sidebar{
	float: right;
	width: 179px; 
	margin: 0;
	padding: 0;
}
#sidebar div.content {
	padding: 1em;
	}
#sidebar ul.navlist {
	list-style-type: none;
	}
#sidebar ul.navlist li {
	float: none;
	border: 0;
	}
#header{
	margin: 0;
	padding: 0;
}
#title{
	background-color: #5c3;
	font-size: 24pt;
	font-weight: normal;
	margin: 0;
	padding: 0em .2em .1em .2em;
	}
#main h1{
	font-size: 16pt;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	}
h2{
	font-size: 12pt;
	font-weight: bold;
	color: #868686;
	margin: 0;
	padding: 0;
	}
h3{
	font-size: 10pt;
	font-weight: bold;
	color: #424242;
	margin: 1em 0 0 0;
	padding: 0;
	}
ul.navlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	}
.navlist li{
	border-left: solid black 1px;
	float: left;
	margin: 0;
	padding: 0.2em 0;
	}
.navlist li.first{
	border-left: 0;
	}
.navlist a:link, .navlist a:visited{
	color: blue;
	text-decoration: none;
	}
#subnavlist{
	margin-left: 4em;
	}
code{
	font-family: courier,monospace;
	color: #339;
	}
pre{
	color: #339;
	background-color: #bba;
	overflow: auto;
	margin: 0 5px;
	padding: .5em;
	}

#footer{
	border-top: solid black 1px;
	background-color: #5c3;
	}
#footer div{
	font-size: 70%;
	text-align: center;
	clear: both;
	}
#main{
	margin: 0;
	padding: 0;
	float: left;
	width: 570px;
	background-color: white;
	border-right: solid #eee 1px;
	}
#main div.content{
	padding: .5em 2em 2em 2em;
}

div.mapInfoWindow{
        width: 22em;
        font-size: 75%;
	}
div.mapInfoWindow h3{
        margin-top: 0px;
        font-size: 1.25em;
	}

p.first{
	margin-top: 0;
	}
p{
	margin-bottom: 2em;
	/*text-align: justify;*/
	}

blockquote{
	font-family: monospace;
	border-left: solid gray 1px;
	padding-left: 1em;
	}
div.disclaimer{
	font-style: italic;
	border: solid red 1px;
	margin: .5em 1em 0em 1em;
	padding: .5em;
	}
div.content{
	font-size: 10pt;
	}
#main div.content{
	line-height: 170%;
	}
div.mapInfoWindow{
	font-size: 10pt;
	line-height: 11pt;
	}
/* For storm comic -- TODO: put the  damn thing in a single image */
ul#stormComic{
        list-style-type: none;
        border: solid black 0px;
        width: 585px;
        margin: 0px 40px;
        padding: 0px;
        }
ul#stormComic li{
        float: left;
        border: 0px;
        padding: 0px;
        margin: 2px 0px;

        }
ul#stormComic li.spacer{
        width: 10px;
        }
ul#stormComic li.clearer {
        border: 0;
        display: block;
        float: none;
        clear: both;
        height: 0;
        width: 0;
        visibility: hidden;
        }
* html ul#stormComic li.clearer{ display: none;}
ul#stormComic li img{
        display: block;
        border: solid black 2px;
        margin: 0px;
        padding: 0px;
        }
/* end storm comic CSS */
