/*
html { overflow: hidden; }
*/
html, body {
     margin: 0;
     padding: 0;
/*     height: 100%;*/
}

body { 
	margin: 10px; 
    min-width: 1000px;
}

#content {
     margin-top: 10px;
     position: relative;
}

#map {
     position: absolute;
     top: 0;
     left: 0px;
     width: 100%;
/*     height: 100%;*/
     border: 1px solid #aaa;
}

#map-wrapper {
     position: relative;
     height: 100%;
}

#sidebar {
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 300px;
/*     height: 100%;
     overflow: auto;*/
     overflow: visible;
}

#sidebar p {
     margin: 10px;
}

#sidebar ul#sidebar-list , ul#sidebar-list{
     list-style: none;
     padding: 0;
     margin: 0;
}

#sidebar ul#sidebar-list li,  ul#sidebar-list li {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 5px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

#sidebar ul#sidebar-list li.current a,  ul#sidebar-list li.current a  {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

#sidebar ul#sidebar-list li a:hover,  ul#sidebar-list li a:hover {
     background: white;
     color: #555;
}

.iconimage {
    border: 0;
    float: left;
    margin-right: 5px;
}

#sidebar ul#sidebar-list li a strong {
     display: block;
}
#sidebar ul#sidebar-list li a span {
     font-style: italic;
     font-size: 11px;
}

body.sidebar-right #map-wrapper { margin-right: 310px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#toolbar {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative;
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul#sidebar-controls {
	position: absolute;
	bottom: 5px;
	right: 5px;
    border: 1px solid black;	
}
/*
#toolbar ul#dropdowns {
	position: absolute;
	bottom: 5px;
	right: 100px;
}
*/
#toolbar ul#filters {
	position: absolute;
	bottom: 5px;
	right: 50px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
     background: #444;
}

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }

.infowin {
    display: block;
}

.infowin strong, .infowin span {
    display: block;
}

.infowin span {
    font-size: small; 
}

.infowin img {
    border: 0;
    float: left;
    margin-right: 5px;
    width: 100px;
    height: 100px;
}

/*
 *  Additions
 */
#toolbar ul#headerad {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

h1 {font-family: Arial, Helvetica, sans-serif; margin: 10px; font-size: 1.20em; line-height: 1.75em;}

h2 {font-family: Arial, Helvetica, sans-serif; margin: 10px; font-size: 1.00em; line-height: 1.75em; color: #110009}

p {margin: 10px; font-size: 0.90em; 
    /*line-height: 1.75em;  Change */  
    background: #ffffff; color: #000000;
}

img {
	border: 0;
}

#LHSAd {
	float: left;
	width: 130px;
}

.expired {
    color: #888888;
}


/*
 * Home page
 */ 
 
.box {
    border: 1px dotted;
    width: 32%;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
/*    background-color: #EEEEEE;*/
    color: #222288;
    position: relative;
 }
 
.boxheading {
    text-align: center;
    background-color: #D8D8EE;
    color: #222288;
    margin: 0px;
 }
 
.boximage {
    text-align: center;   
}

.box p, .box a {
/*    background-color: #EEEEEE;*/
    color: #222288;
}

.box ul li {
/*    background-color: #EEEEEE;*/
    color: #222288;
}
 
.boximage img {
 
}

.clear {
    clear: both;
}

p {
	font-size: 80%;
}

p.header {
	text-align: justify;
	padding-bottom: 10px;	
/*	
	padding-left: 50px;
	padding-right: 50px;

	padding-top: 10px;
*/	
	width: 518px;
}

div.headerbox {
	text-align: center;
}

input, select {
	font-size: 80%;
}

div#searchbox {
	float: right;
}

div#toplinks {
	float: right;
	font-family: arial;
	font-size: 12px;
	padding-right: 10px;
	
}

