/* @override http://www.civicworks.net/css/layout.css */
/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: 
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

/* general site stuff */
a.skip {position: absolute; left: -1000em; width: 20em;}

/* layout */

#wrapper {margin-left: auto; margin-right: auto; width:970px;}

#branding {margin-left: auto; margin-right: auto;width: 950px; height: 639px;padding-top:10px;margin-bottom:20px;}
body#texts #branding, body#archive #branding {height: auto;}

#imagearea {width: 710px; height: 639px; float:left;}
body#texts #imagearea, body#archive #imagearea {height: auto;}
#nav {width: 230px; height: 639px; float:right;}
#nav h1 {margin-bottom: 24px;}
#nav h1 a {padding:3px;display: block;}
#nav h2 {margin-top: 24px;margin-bottom:5px;padding-top:2px;padding-left: 5px;padding-bottom:3px;}
#nav p {margin-left: 5px;}
#nav ul {margin-left: 0;}
#nav li.on a {margin-bottom:5px;padding-top:2px;padding-left: 5px;padding-bottom:3px;}

#nav li.level1 {margin-bottom: 3px;margin-top: 7px;}
#nav li.level1 a {display: block;padding-left: 5px;}
#nav li.level1 ul {margin-bottom:3px;}
#nav li.level2 a {padding-left: 15px;margin-top:3px;margin-bottom: 0;padding-top: 0;padding-bottom: 0}
#nav li.level3 a {padding-left: 40px;margin-top:1px;margin-bottom: 4px;margin-right:10px;padding-top: 2px;padding-bottom: 0}
body#texts #content-sub2 ul li.on a {margin:0;padding-top: 0;}

/* used if form goes back up into the nav column #nav form {margin-top:28px;margin-bottom:14px;} */

#content {margin-left: auto; margin-right: auto;width: 950px;padding-bottom:20px;}
#content ul {margin-left:20px;}

/* #content-main {width: 480px; float:left;} the old measurements for content-main when sub1 is active */
#content-main {width: 710px; float:left;}
#content-main p {margin-right:20px;margin-bottom:7px;}
#content-main h2 {margin-right:0;padding-top: 4px}
#content-main h3 {margin-bottom: 18px;}
body#texts #content-main h2 {margin-top: 20px;}
body#page #content-main p, body#page #content-main h2 {margin-left: 20px;}

/* #content-sub1 {width: 230px; float:left;} */
#content-sub1 {display:none;} /* hiding the right hand column as we don't need it */
#content-sub1 h3 {margin-top: 24px;margin-bottom:5px;margin-right:0px;padding-top:4px;}

/* #content-sub2 {width: 240px; float:left;} old measurements when we had 3 columns */
#content-sub2 {width: 230px; float:right;}
body#texts #content-sub2 {width:230px;padding-top: 40px;}
#content-sub2 h3 {margin-top: 24px;margin-bottom:5px;margin-right:00px;padding-top:4px;}
#content-sub2 form {margin-left:0px;margin-top:5px;}

#site-info {margin-left: auto; margin-right: auto; width: 970px;margin-top:0px; margin-bottom: 10px;}
#site-info p {padding: 10px;}

#content .top {margin-top:0;}

/* new styles for archive */
body#archive #imagearea div {margin-bottom:20px;display:block}
body#archive #imagearea h2 {line-height:1.4em;margin-bottom:5px;}
body#archive #imagearea ul {margin-left:3px;margin-bottom:20px;} 
body#archive #imagearea li {width:165px;height:165px; float:left;background-color:rgb(100,100,100);margin-right:10px;margin-bottom:10px;overflow:hidden;display:block;font-size:0.8em;} 


/* @group Image Replacement */
body#archive #imagearea li a{width:165px;height:165px;position:relative;display:block;overflow:hidden;text-decoration:none;padding-top:5px;}
body#archive #imagearea li a span {margin-left:5px;margin-right:5px;font-family: Georgia, "Times New Roman", Times, Serif; font-size:1.1em;line-height:1.2em;display:block;}
body#archive #imagearea li a img{position:absolute;left:0;top:0;z-index:100;display:block;}
body#archive #imagearea li a:hover img{left:400px;border:solid 1px #000}

 /* @end */