@charset "utf-8";
/* CSS Document */

/* Body Properties */
html,body{
	height:100%;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}

/* Master Settings */
ul,li{ padding: 0; margin: 0; list-style: none;}
h1, h2, h3, li {font-family:Lucida Sans Unicode, sans-serif; margin:0; padding: 0;}
p {margin:0; padding:0; font-family:Lucida Sans Unicode, sans-serif; font-size:12px; color:black;}
a {text-decoration: none;}
div {margin:0; padding:0;}
a img, img {border:none;}

h1 {font-size: 16px; font-weight:100; color:#5B7D55;}
h2 {font-size:12px; color:black; text-align:justify; font-weight:100;}

p.justify {text-align:justify;}	
p.justifybold {text-align:justify; font-weight:bold; color:333333;}

/* Top-level Div Definitions */	
div.vertical{
    float:left; 
	height:50%;
    margin-top:-300px;/* half vertical height*/
    width:100%;
	} 
div.container { /* Holds everything */
	width: 1000px;
	height: 550px;
	margin-left: auto;
  	margin-right: auto;
	clear: both;
	overflow:hidden;
	}

/* Header Div Definitions */	
div.headerhome { /* Holds header on home page (No div.container used on Home Page to allow polaroids to float around freely) */
	width: 1000px;
	height: 175px;
	margin-left: auto;
  	margin-right: auto;
	text-align: center;
	clear: both;
	overflow:hidden;
	}	
div.header { /* Holds header on all other pages*/
	width: 1000px;
	height: 150px;
	text-align: center;
	}	
div.navbar { /* Holds Top Navigation Bar */
	width: 1000px;
	height: 20px;
	background-color:#800000;
	clear:both;
	text-align:center;
	}	
div.navbar li { /* Top Navigation Bar Tabs*/
	width: 249px;
	float: left;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	}	
div.navbar a {font-size: 14px; font-weight:600; color:#FFFFFF;}
div.navbar a:hover {font-size: 14px; font-weight:600; color:#5B7D55;}

/* Home Page Special Divs */	
.draggable {
	cursor:move;
	}
#featured1 {position:relative; margin-left: 130px;	margin-top: 0px;    width:255px; height:273px;}
#featured2 {position:relative; margin-left: 240px;	margin-top: -273px;	width:241px; height:266px;}
#featured3 {position:relative; margin-left: 340px;	margin-top: -266px;	width:238px; height:259px;}
#featured4 {position:relative; margin-left: 440px; 	margin-top: -259px;	width:235px; height:257px;}
#featured5 {position:relative; margin-left: 535px; 	margin-top: -257px;	width:238px; height:260px;}
#featured6 {position:relative; margin-left: 640px; 	margin-top: -260px;	width:249px; height:272px;}
#featured7 {position:relative; margin-left: 720px; 	margin-top: -272px;	width:227px; height:251px;}
#featured8 {position:relative; margin-left: 800px; 	margin-top: -251px;	width:257px; height:275px;}
#featured9 {position:relative; margin-left: 880px; 	margin-top: -275px;	width:259px; height:275px;}

/* Main Content Div Definitions */
div.maincontent { /* Holds page content - spotlight + leftnav */
	width: 1000px;
	height: 400px;
	margin-top: 5px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	}
	
/* Left Navigation List Definitions */	
div.leftnav { /* Holds leftnav */
	clear: both;
	width: 225px;
	height: 400px;
	float: left;
	text-align:right;
	margin-right: 10px;
	background-color:#FFFFFF; 
	}	
div.menutab { /* Holds inner list for each heading */
	background-color:#FFFFFF;
	}	
div.menutabcurrent { /* Holds inner list for current heading - default position is open*/
	background-color:#FFFFFF;
	}

div.leftnav h3 {font-size:12px; font-weight:600 ;color:#333333; background-color:#FFFFFF; margin-top: 2px;}
div.leftnav h3:hover {font-size:12px; font-weight:600 ;color:#CCCCCC; background-color:#333333; margin-top: 2px;}

div.leftnav a {font-size: 12px; font-weight:100; color:#333333;}
div.leftnav a:hover {font-size: 12px; font-weight:600; color:#993300;}

div.leftnav a.current {font-size: 12px; font-weight:600; color:#993300;}
div.leftnav a.current:hover {font-size: 12px; font-weight:600; color:#993300;}


/* Content Section Definitions */		
div.spotlight { /* Holds main image, slideshow thumbnails + description */
	width: 765px;
	height: 400px;
	float: left;
	background-color: #FFFFFF; 
	}

div.slideshow { /* Holds main image + slideshow thumbnails */
	width: 500px;
	height: 400px;
	float: left;
	background-color: #FFFFFF; 
	text-align: center;
	}
	
div#mainimage {
	width: 500px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
	}
	
div#thumbnails {
	width: 500px;
	}
	
#thumbnails li { width: 50px; float: left; margin: 8px; list-style: none }
#thumbnails a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#thumbnails a.activeSlide { background:#5B7D55; }
#thumbnails a:focus { outline: none; }
#thumbnails img { border: none; display: block }
			
div.description {
	width: 250px;
	height: 400px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
	}

/* positioning tools */
	
.zeromargin { /* zeroing the margins of content elements i.e.text, images in divs will avoid the possibility of margin collapse - an unexplained space between divs */
	margin:0;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}