html,body{margin:0;padding:0}
body{font: 85% Verdana,Arial,sans-serif;
    text-align: center;
	background: #87edff;
	padding-bottom:0px}
p{margin-top:0}
div, img{padding: 0; margin: 0;}
a img{border: 0;}
h1,h2,h3{font: normal normal 600% "Trebuchet MS",Arial,sans-serif; margin:0; margin-bottom:.5em;}
h1{font-size:210%; display: inline;}
h2{font-size:180%; display: inline;}
h3{font-size:150%; display: inline;}
h4{font-size:80%; display: inline;}
h5{font-size:65%; display: inline;}
h6{font-size:50%; display: inline;}
a, a:link, a:visited {
	color: black;}
	
div#header{height: 300px}
div#header img{margin: 0 auto; display: block; height: 300px; width: 1000px; display: none;}
/*div#header h1,h2{margin:0px auto 0 auto;text-align:center}
div#header h1,h2{padding: 0px 0 0px; font-weight: bold;}
div#header h1{padding: 0px 0 0px;color: #000099; font-weight: bold;}*/
div#overlay{position: relative; height: 300px; margin-top: -300px; z-index:150;}
div#overlay img{margin: 0 auto; display: block; height: 300px; width: 1000px;}

div#menu{
	width:1000px;
	/*height: 150px;*/
	margin:0px;
	/*text-align:center;*/
	/*float:left;*/
	/*background:#fff; /*#DDD*/
	padding:0px;
	margin-top: -45px;
	position: relative;
	z-index:200;
	background-image:url('./sitepics/menubar.png');	
	}

#menu ul {
	list-style: none;
	text-align: center;
	display: inline-block;
	padding: 0px;
	margin:  4px 0px;
	min-width: 100px;
	vertical-align: top;
}

#menu li {
		display: block;
		/*position: relative;*/
		float: left;
		margin: 0px;
		padding: 0px;
		/*height: 30px;*/
}

#menu li ul{
	position: absolute;
	left: 10px;
	top: -999em;
}
#menu li li{
	display: list-item;
	float: none;
}	
#menu li a{
	color: #ffffff;
	display: block; 
	width:100px; 
	height: 25px;
	padding: 0px;
	padding-top: 8px;
	margin: 0px 2px;
	/*background-color: yellow;*/
	background-image:url('./sitepics/menubutton.png');
	text-decoration:none;
	border: 0px;
	opacity:0.7;
	filter:alpha(opacity=70);
	}
	
#menu li a:hover {
	/*background-color: lime;
	background-image:url('./sitepics/button_hover.png');*/
	opacity:1.0;
	filter:alpha(opacity=100);
	}

div#container{width:1000px;margin:0 auto 0 auto;padding:0;text-align:left;}


div#corner{
	background:white; /*background color*/
	background-image:url('./sitepics/corner.png');
	height: 15px;
	width: 15px;
	position: relative;
	float:left; 
	z-index: -1;
}
	
div#content{position: relative;
	float:left;
	display:inline;
	width:770px;
	margin:9px 0px 5px 0px;
	background:#a39eff; 
	color: #000;
	padding: 5px;
	}

div#side{
	float:left; 
	display:inline; 
	width: 205px;  
	margin:9px 0px 5px 5px; 
	padding: 5px; 
	background:#ff9191;
	color: #000;
	font-size: 0.65em; letter-spacing:-0.5px}
		

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:176px;margin-top:10px;margin-right:10px;padding: 10px 0}

li#mission{background: #CCC}
li#services{background: #DDD}
li#more{background: #EEE}
li#more2{background: #FFF}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #000099; font-weight: bold;}

div#foto{background-image:url('./sitepics/foto.jpg')}
div#content h2{margin: 10px 0;}
div.date{float:left; padding: 0; background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 2px 0 0; font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%; font-weight:bold; margin:4px 20px;}

div.comments div{margin-bottom:10px}
div.comments p{padding-top: 10px;margin:0;}
div.comments div.even{background: #DDD}
div.comments div.odd{background:#EEE;}

div.comments div.nick{margin-top:10px; padding-left:5px; width: 180px; float:left;}
div.comments div.message{width: 550px; float:left; margin-bottom:0px}
div.comments div.info{clear:both; padding-left:5px;}

div.weblog div.wrapper{margin-top:10px; background: #DDD; clear:both; width: 100%;}
div.weblog div.title{color: white; background: gray; padding: 5px;}
div.weblog p{padding: 2px 5px 2px 5px;margin:0}

div.links{
	width:200px;
	background:#EEE;
	padding: 5px;
	position: relative;
	margin: 5px;
	height: 115px;
}

ul#links{
	list-style: none;
	padding: 0px; /*I don't know why */
	margin: 0;
}

ul#links li{
		float:left;
}

div.clearboth{clear:both; padding: 0px; margin: 0;}
div.msgbox{background: #DDD; padding: 5px;}


/******************************************************
All about the forms.
******************************************************/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 600px;
  max-width: 800px;
  width: 700px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { 	 /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;   /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                 /* pseudo-class on legend elements, but do support it on label elements */
                                 /* we instead underline first letter on each label element and accesskey */
                                 /* each input. doing only legends would  lessens cognitive load */
                                 /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font-family:arial;
	border:1px solid #A9A9A9;
}
form select{
	width: 150px
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form .error{border:red 2px;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/******************************************************
All about the tables. [NOT 4 LAYOUT) :P ]
******************************************************/
tr, th{
background: #DDD;}
table{
	border-collapse:	collapse;
	border: 0px;
	padding: 0px;
	margin: 4px;
}
td {padding: 2px; min-width: 30px}
/******************************************************
All about the layout divs.
******************************************************/

div#side p{margin:5px 0 10px;padding: 0 10px}
/*div#side div{margin: 0 0 10px;padding: 10px 0}*/
div#side  fieldset{ border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 2px;        /* padding in fieldset support spotty in IE */
  margin: 2px;
  width: 155px;}
/*div#side form{width:auto; min-width:0; max-width: 0;}*/
div#side input, div#side form textarea, div#side form select{width:148px; margin:2px;}
/*div#side img{display: block; margin: 0 auto;}*/

div#footer{clear:both;padding: 10px 0px 10px 0px; margin-bottom:5px; width:100%;
    background: #ff9494; 
	color: #000;
	text-align:center}

div#footer p{margin:0}

.loading{   
    float:right; 
    background:url(./pagepics/ajax-loader.gif) no-repeat 1px;    
    height:200px;    
    width:400px;
}