*{
margin: 0;
padding: 0;
}

body{
background: #99B3CC;
font: 0.8125em Verdana, sans-serif;
line-height: 1.4;
color: #333;
}

#container{
background: #f4f4f4;
max-width: 1100px;
margin: 20px auto 10px;
padding: 30px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: solid 5px #83A3BF;
border-top: 0;
border-left: 0;
}

* html #container{width: expression(document.body.clientWidth < 762? "760px" : document.body.clientWidth > 1100? "1098px" : "auto");}

#header{
background: #fff;
margin-bottom: 10px;
padding: 10px;
height: 50px;
}

#result #header{
position: relative;
padding: 0 0 0 30px;
}

#result #header p{
font-size: 1.4em;
font-style: italic;
color: #436632;
float: left;
padding: 10px;
margin: 0;
}

#result #header h1 a{
float: left;
margin: 0;
padding: 0;
border: 0;
}

#header #searchform{
float: right;
padding: 10px;
}

#wrapper{
float:left;
width:100%;
margin-left:-400px;
}

#content{
margin-left:400px;
margin-right: 10px;
background: #fff;
padding: 30px;
}

#wrappercontent{
margin-left:400px;
margin-right: 10px;
background: #fff;
padding: 30px;
}

* html #content{margin-left:430px;}

#side{
float:right;
width:400px;
}

#footer{
clear:both;
width:100%;
margin: 0 auto 50px;
overflow: hidden;
max-width: 1100px;
}

* html #footer{width: expression(document.body.clientWidth < 762? "760px" : document.body.clientWidth > 1100? "1098px" : "auto"); overflow:hidden;}

/************************************* index page */

#index #container{
width: 382px;
background: #fff;
margin: 20px auto 5px;
}

#index #header{
height: auto;
padding: 0;
}

#index #header h1{
margin-bottom: 1em;
}

#index #header h1 img{
width: 150px;
margin: auto;
display: block;
}

#index #header p{
text-align: center;
}

#index #footer{
width: 420px;
margin: 0 auto 50px;
overflow: hidden;
}

#index #footer p{
position: absolute;
top: 0;
right: 0;
}

/************************************ search form */

#searchform{

}

#searchform legend{
display: none;
}

#searchform label{
display: none;
}

#searchform fieldset{
border: 0;
}

#searchform input.input{
float: none;
width: 280px;
font-size: 1.4em;
padding: 2px;
background: #F4F4F4;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
margin-right: 3px;
}

* html #searchform input.input{width: 256px;}

#result #searchform input.input{
width: 313px
}

#searchform input.button{
width: auto;
font-size: 1.4em;
text-transform: lowercase;
}

/***************************************** search */

.adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #191919;}
.adText {font: normal 10pt Arial; text-decoration: none; color: #436632;}

.autocomplete{
position: absolute;
width: auto;
background-color: #fff;
border:1px dotted #99B3CC;
z-index: 1000;
}

.autocomplete ul{
list-style-type:none;
margin: 0;
padding: 0;
}

.autocomplete ul li.selected{
background-color: #DFF0FF;
}

.autocomplete ul li{
list-style-type: none;
display: block;
padding: 7px 2px;
cursor: pointer;
line-height: 1;
}

/***************************************** footer */

#footer{
position: relative;
}

#footer ul li a,
#footer ul li a:visited{
text-decoration: none;
color: #235F8F;
border-bottom: dotted 1px;
}

#footer ul li a:hover,
#footer ul li a:focus{
color: #000;
}

#footer ul li{
float: left;
display: block;
margin-right: 10px;
text-transform: uppercase;
font-size: .9em;
}

/******************************************** map */

#map{
margin-bottom: 10px;
}

/******************************************** faq */

#index #faq{
clear: both;
margin-top: 90px;
padding: 10px;
}

#index #faq h3, #index #faq p{
text-align: left;
}

/************************************* typography */

p{
margin: 0 0 1em;
}

a img, a:visited img{
border: none;
text-decoration: none;
}

a, a:visited{
text-decoration: none;
color: #235F8F;
border-bottom: dotted 1px;
}

a:hover, a:focus{
text-decoration: none;
background-color: #DFF0FF;
}

#content h1{
font: 2em Georgia, "Times New Roman", serif;
letter-spacing: 1px;
margin-bottom: .5em;
}

h2{
font: 1.5em Georgia, "Times New Roman", serif;
letter-spacing: 1px;
background: #DFF0FF;
padding: 1px 5px;
margin-bottom: .5em;
clear: both;
}

h3{
font: bold 1em Verdana, Arial, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
margin: 2em 0 .5em;
}

h4{
font: bold 1.1em Georgia, "Times New Roman", serif;
letter-spacing: 1px;
}

#content ul,
#content ol{
margin: 0 30px 1.5em 30px;
}

/*#content ul li,*/
#content ol li,
#content dl dd{
margin-bottom: 1em;
}

dd, .dablink{
background: #FFFBCF;
margin: 0;
overflow: auto;
padding: 10px 15px;
margin-bottom: 1em;
}

blockquote, pre {padding: 0.25em 40px;}
blockquote {
font: italic 1.05em Georgia, Times, serif;
margin: 0.25em 0;
}

table{
border-collapse: collapse;
background: #fff;
width: 99% !important;
text-align: left;
margin-bottom: 2em;
font-size: .9em;
}

table td, table th{
padding: 3px 5px;
border-bottom: dotted 1px #99B3CC;
}

/************************************* thumbnails */

.thumb{
float: left;
margin: 0 2em 2em 0;
clear: left;
}

.thumbcaption{
font-size: .7em;
line-height: 1.1;
margin: 3px 0 0 0;
}

/******************************************* form */

#register{
clear: both;
margin-top: 90px;
padding: 10px;
}

#register legend{
font-size: 1.8em;
color: #222;
}

#register fieldset{
border: 0;
border-top: solid 1px;
padding: 10px;
}

#register label{
display: block;
margin-top: 20px;
}

#register input.input,
#register select,
#register textarea{
width: 99%;
float: none;
font-size: 1.4em;
padding: 2px;
background: #F4F4F4;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
margin-right: 3px;
font-family: Verdana, sans-serif;
}

#register input.input{
width: 70%;
}

#register #textarea2{
margin-bottom: 30px;
}

#index #register p{
text-align: left;
}

#index #register p input{
width: auto;
}

#register .button{
width: auto;
}

/****************************************** movie */

#movie{
clear: both;
padding: 10px;
}





/****************

Wikipedia entries use this but it gets messed up by the table width:99%; css setting above

.infobox
{
	border-top-width: 1px;
	border-right-width-value: 1px;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: solid;
	border-right-style-value: solid;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: solid;
	border-left-style-value: solid;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: #aaaaaa;
	border-right-color-value: #aaaaaa;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: #aaaaaa;
	border-left-color-value: #aaaaaa;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	background-color: #f9f9f9;
	color: black;
	margin-top: 0.5em;
	margin-right: 0pt;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	float: right;
	clear: right;
}

.infobox td, .infobox th
{
	vertical-align: top;
}

.infobox.geography td, .infobox.geography th
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
	padding-top: 0.4em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
}


***************/