/* andreas08 - an open source xhtml/css website layout 

by Andreas Viklund - http://andreasviklund.com . Free to 

use in any way and for any purpose as long as the proper 

credits are given to the original designer. 

Version: 1.0, November 28, 2005 */



/**************** Body and tag styles ****************/



*{margin:0; padding:0;}



body{

font:76% Verdana,Tahoma,Arial,sans-serif;

line-height:1.4em;

text-align:center;

color:#303030;

background:#DDDDFF;  /* #e8eaec; */

}



a{

color:#467aa7;

font-weight:bold;

text-decoration:none;

background-color:inherit;

}



a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}

a img{border:1px solid #a0a0a0;}



p{padding:0 0 1.6em 0;}

p form{margin-top:0; margin-bottom:20px;}



img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}

img.left{float:left; margin:0 12px 5px 0;}

img.center{display:block; margin:0 auto 5px auto;}

img.right{float:right; margin:0 0 5px 12px;}



/**************** Header and navigation styles ****************/

#container{

width:760px;

margin:20px auto;

padding:1px 0;

text-align:left;

background:#ffffff;

color:#303030;

border:2px solid #a0a0a0;

}



#header{

height:100px;

width:758px;

margin:0 1px 1px 1px;

background:#006699;   /* #467aa7; */

color:#ffffff;

}



#header h1{

padding:30px 0px 20px 20px;

font-size:2.4em;

background-color:inherit;

color:#ffffff;

letter-spacing:0px;

font-weight:normal;

}



#header h2{

text-align:center;

margin:5px 10px 5px 10px;

font-size:1.4em;

background-color:inherit;

color:#f0f2f4;

letter-spacing:0px;

font-weight:normal;

}



#navigation{

height:1.8em;

line-height:1.8em;

width:758px;

margin:0 1px;

background:#578bb8;

color:#ffffff;

}



#navigation li{

float:left;

list-style-type:none;

border-right:1px solid #ffffff;

white-space:nowrap;

}



#navigation li a{

display:block;

padding:0 10px;

font-size:0.8em;

font-weight:normal;

text-transform:uppercase;

text-decoration:none;

background-color:inherit;

color: #ffffff;

}



* html #navigation a {width:1%;}



#navigation .selected,#navigation a:hover{

background:#80b0da;

color:#ffffff;

text-decoration:none;

}



/**************** Content styles ****************/



#content{

float:left;

width:555px;

font-size:0.9em;

padding:20px 0 0 20px;

}



#content h2{

display:block;

margin:0 0 16px 0;

font-size:1.7em;

font-weight:normal;

letter-spacing:-1px;

color:#505050;

background-color:inherit;

}



#content h2 a{font-weight:normal;}

#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}

#content a:hover,#subcontent a:hover{text-decoration:underline;}

#content ul,#content ol{margin:0 5px 16px 35px;}

#content dl{margin:0 5px 10px 25px;}

#content dt{font-weight:bold; margin-bottom:5px;}

#content dd{margin:0 0 10px 15px;}



/**************** Sidebar styles ****************/



#subcontent{

float:right;

width:145px;

padding:20px 20px 10px 0;

font-size:1.0em;

line-height:1.0em;

}



#subcontent h2{

display:block;

margin:0 0 15px 0;

font-size:1.2em;

font-weight:normal;

text-align:left;

letter-spacing:-1px;

color:#505050;

background-color:inherit;

}



#subcontent p{margin:0 0 16px 0; font-size:0.9em;}



/**************** Menublock styles ****************/



.menublock{margin:0 0 20px 8px; font-size:0.9em;}

.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}

.menublock li a{font-weight:bold; text-decoration:none;}

.menublock li a:hover{text-decoration:none;}

.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}

.menublock li ul li{margin-bottom:0;}

.menublock li ul a{font-weight:normal;}



/**************** Searchbar styles ****************/



#searchbar{margin:0 0 20px 0;}

#searchbar form fieldset{margin-left:10px; border:0 solid;}



#searchbar #zoom_query{

height:1.2em;

width:110px;

margin:0 5px 0 0;

border:1px solid #a0a0a0;

}



#searchbar #searchbutton{

width:auto;

padding:0 1px;

border:1px solid #808080;

font-size:0.9em;

text-align:center;

}



/**************** Footer styles ****************/



#footer{

clear:both;

width:758px;

padding:5px 0;

margin:0 1px;

font-size:0.9em;

color:#f0f0f0;

background:#006699;  /* #467aa7; */

}



#footer p{padding:0; margin:0; text-align:center;}

#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}

#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}



/**************** Contact Form classes and styles ****************/



div.row{

  clear: both;

  padding-top: 10px;

  }



span.label{ /*creates fixed width column for label and aligns right  */

  float: left;

  width: 100px;

  font-weight: bold;

  text-align: right;

  }



span.formw{ /*creates column for form element and aligns left  */

  text-align: left;

  }



/**************** Misc classes and styles ****************/



.splitcontentleft{float:left; width:32%;}

.splitcontentright{float:right; width:64%;}

.splitheaderleft{float:left; width:60%;}

.splitheaderright{float:right; width:35%;}

.splitgallerybefore{float:left; width:220px;}

.splitgalleryafter{float:right; width:335px;}

.clear{clear:both;}

.small{font-size:0.8em;}

.hide{display:none;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.dateright{text-align:right; padding:0 10px 0 0;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}



.box{

margin:0 0 20px 0;

padding:10px;

border:1px solid #c0c0c0;

background-color:#fafbfc;

color:#505050;

line-height:1.5em;

}



/**************** Calendar classes and styles *************/

/******** For use with script by Keith Devens ***********/



#calendar{

color:#505050;

width:150px;

}



#calendar .calendar-prev{

}



#calendar .calendar-next{

}



#calendar .calendar-month{

color:#467aa7;

font-size:1.4em;

font-weight:bold;

}



/* Day Of Week heading at top of Monthly Calendar */

#calendar th{

}



/* Basic calendar day */

#calendar td{

width:20px;

}



/* Highlights the current calendar day */

#calendar .today{

}



/* Inactive cells at beginning and end of each month */

#calendar .notInMonth{

}



/**************** Zoom Search classes and styles ****************/



.highlight { background: #FFFF40; }

.searchheading { font-size: 130%; font-weight: bold; padding-top:10px}

.summary { font-size: 80%; font-style: italic; } 

.results { font-size: 100%; }

.category { color: #999999; }

.description { font-size: 100%; color: #008000; }

.context { font-size: 100%; }

.infoline { font-size: 80%; font-style: normal; color: #808080;}

.sorting { text-align: right; }

.result_title { font-size: 100%; }



.zoom_searchform { font-size: 100%; }

.zoom_options { font-size: 80%; }

input.zoom_button {  }

input.zoom_searchbox {  }