/* Start of CMSMS style sheet 'steflayout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

div.breadcrumbs {padding-top: 0px;padding-left: 10px;text-align: left;font-size: 90% }
div#contenthead {margin: 0;padding:0px}
 * html body div#contenthead { margin:0px 0; padding: 0px 0;
 }

html{height: 100%; margin-bottom: 1px}

html,body{margin:0;padding:0 0 20px}
div#box{width: 80%;min-width:744px;margin: 10px auto;text-align: left}
div#page{margin-top:1px}

div#header{height:140px;margin:0 0 2px;padding: 5px 0 5px;}
div#hbox{margin: 5px; padding: 0px}
div#header h1{margin:0 0 0 340px;padding:50px 0 2px}
div#header h2{margin:0 0 0 220px;padding:25px 0 0}
div#header a{margin-left: 10px}
div#menu_horiz{width:100%;loat:left;;margin: 5;padding: 0px}
div#menuwrapper{margin:0px;padding:0px 20px }
div#wrapper{height: 20px;padding:  2px 25px}
div#content2{clear:both;padding-top:10px}
.content2{float:right;padding: 0px}
.main{float:left;width:45%}
.content2 hr {margin:0px 0px 63px}
div#content{margin:0px 0px 10px;padding:0 5px}
div#contentbox{margin: 5px;padding: 0px}
div#contentbox table{margin-left:25px}
div#contentbox th{padding:7px}
div#contentbox th h2{font-size:170%;color:#000}
p.center {margin: 0px;text-align: center}
.center{margin-left:180px}
div#flat{clear:both;width:66%;height:38px;margin:10px 0 0;padding:0px}
div.left49 {float:left;width: 75%;}
div.right49 {float:right;width: 15%;text-align: right;}
div.left49 p{margin:0px 20px; padding:0px}
div.right49 p{margin:0; padding:0px}
div#footer{clear: both;margin-top: 10px}
div#footer p {margin: 0;padding: 0px;text-align: center;}

	/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 100px; /* Image width*/
		height: 100px; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/*#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(uploads/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}*/

/* End of 'steflayout' */