/*
*************************************************
 
General Screen Styles

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

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.3em; }
body { min-width: 960px; background: #eee; font: 76% Georgia,'Times New Roman','Helvetica Neue', Helvetica, Arial, sans-serif; color: #000; }
input,select,textarea { font-size: 1em; font-family: Georgia,'Times New Roman','Helvetica Neue', Arial, sans-serif; font-weight: normal; }
a { color: #000; text-decoration: none; border-bottom: 1px dotted #ccc; }
a:hover { background: #eee; color: #000; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1em 0;  }
.clear { clear: both; }

#wrap { height: 545px; background: #fff; padding: 15px 0 0 15px; }
/*-------------------------------------------    
    Left
-------------------------------------------*/
#left { width: 180px; float: left; }

#left #logo { margin: 0 0 15px 0; }
#left #logo a { border: 0; }
#left .with-logo { margin-top: 0 !important; }
#left #shadow-screen-logo { margin: 0 0 12px 0; }
#left #logo img { width: 180px; }
#logo a:hover { background: none; }

#left #nav1 { margin: 0 0 15px 0; }
#left #nav1 ul { list-style: none; }
#left #nav1 ul ul { margin-left: 15px; display: none; }
#left #nav1 a { padding-right: 0em; text-decoration: none; }
#left #nav1 li a.sel { background: #000; color: #fff; }
#left #nav1 li ul { display: block; }

#left #address { display: none; }
#left #address h2 { font-size: 1em; font-weight: normal; margin: 0 20px .5em 0; line-height: 1.3em;  }
#left #address p { margin: 0 20px .5em 0; }

/*-------------------------------------------    
    Text
-------------------------------------------*/
#main { float: left; width: 780px; }
.col { width: 180px; float: left; margin: 0 0 0 15px; }

#main h1 { font-family: Helvetica; font-size: 1em; font-weight: bold; margin: 0 0 .5em 0; }
#main .title h1 { font-size: 1.4em; line-height: 1.175em; }
#main h1 a { text-decoration: none; }
#main .title-shadow-screen h1 { font-size: 1em; margin-top: 0; }

#main h2 { font-family: Helvetica; font-size: 1em; font-weight: bold; margin: 1.5em 0 .5em 0; }
#main h2:first-child { margin-top: .1em; }
#main h3 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; }
#main p { font-size: 1em; margin: 0 0 .5em 0; }
#main ul { font-size: 1em; margin: 0 0 .5em 1.1em; }
#main ol { font-size: 1em; margin: 0 0 .5em 1.5em; }
#main blockquote { font-size: 1em; font-style: italic; margin: 0 0 .5em 0; }
#main p.posted { color: #999 !important; }

#main ul.nav2 { list-style: none; margin-left: 0; }
#main #nav1 a { padding-right: 0em; }
#main .nav2 .sel a { background: #000; color: #fff; }


/*-------------------------------------------    
    Text
-------------------------------------------*/

#main .pic { float: left; margin-left: 15px; }
#main .pic-home { width: 570px; height: 545px; }
#main .pic-large { width: 570px; height: 545px; }


.slideshow {
    position: relative; 
    font-size: 1em !important;
    margin: 0 0 0 210px;
}

.slideshow li {
    position:absolute;
    list-style: none;
    top:-6px;
    left:0;
    z-index:8;
    opacity:0.0;
    margin: 0;
    width: 570px;
    height: 545px;
    overflow: hidden; 
}

.slideshow li.active {
    z-index:10;
    opacity:1.0;
}

.slideshow li.first {
    z-index:10;
    opacity:1.0;
}

.slideshow li.last-active {
    z-index:9;
}


/*-------------------------------------------    
    Footer
-------------------------------------------*/

#footer { clear: left; padding: 15px 0 0 15px; color: #999; }
#footer h2 { font-family: Helvetica; font-size: 1em; font-weight: bold; margin: 0 0 .5em 0; }
#footer h3 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; }
#footer p { font-size: 1em; margin: 0 0 .5em 0; }
#footer a { color: #999; }
#footer .module { width: 180px; margin: 0 15px 0 0; float: left; }
