/* This stylesheet for page layout, headers and columns */


html,
body {
	margin: 0;
	border: 0;
	padding: 0;
	min-width: 600px;
	font-size: 62.5%; 
}

#body {
  overflow: hidden;
	}

/* 3 styles below contain the top banner and the javascript animated rollover links */


#headcontainer {
	float: none;
	margin: 0;
	padding: 0;
	}
	
#mainheader {
	/* height:152px; */
 clear: both;
 text-align: center;
 margin: 0;
 padding: 0;
	}
	
#navheader {
	clear: both;
   height: 8.5vw;
	vertical-align: middle;
	text-align: center;
	margin-top: 0.5vw;
	padding: 0px;
	}

#layoutdims {
	clear: both;
/*	background:#eee; */
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
/*	text-align:right; */
}

/* column container */
.colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* My column calculations: 35% left, 30% center, 1% padding */
.threecol .colmid {
	right: 35%;			/* width of the right column */
}
.threecol .colleft {
	right: 30%;			/* width of the middle column */
}
.threecol .col1 {
	width: 28%;			/* width of center column content (column width minus padding on either side) */
	left: 101%;			/* 100% plus left padding of center column */
/*	background-color: #e5fecd; center column background color if needed */
}
.col1inner {
	margin-top: 2vh; /* margins on that center column to keep text inside center column background color */
/*	margin-left: 24px;
	margin-right: 24px; */
}
.threecol .col2 {
	width: 33%;			/* Width of left column content (column width minus padding on either side) */
	left: 38%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) = 35 + 2 + 1 = 38 */
}
.threecol .col3 {
	width: 33%;			/* Width of right column content (column width minus padding on either side) */
	left: 65%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) 
					= 65 + 2 + 2 + 1 = 70 */
}
/* Footer styles */
#footer {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 7vh;
	position: fixed;
	bottom: 0.5vh;
}
#footer p {
	padding: 1.0vh;
	margin: 0;
}