/*
 * CLEAR DEFAULT VALUES
*/

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, form, img {
	margin: 0em;
	padding: 0em;
	line-height: 1em;
	font-size: 12px;  
	font-family: Helvetica, Arial, sans-serif;
	border: 0;
}

html {
	background-color: #f3f3f3;
}

/*	
	Plenary structure and styles
								 */

body { /* turns off netscape border, creates box in which other CSS can reference */
	border: 0;
/*	background-repeat: repeat-x;
	background-image:url("../images/v_bkgnd_2.jpg");*/
	background-color: #f3f3f3;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.hidden {  	/* Hidey ho! */ 
	display:none;
}

img.max {
	width: 100%;
	height: auto; /* safari compatible */
	border: none;
}
	
#page { /* sets size of functional page, creating margins in large screens, and minimums for small ones */
/*	border: 2px dotted #000;  diagnostic 
	max-width:62em;
	min-width:37em;*/
	width: 58em;
	display: block;
	margin: 0em auto;
}

#header {
	position: relative;
	height:10em;
	width:58em;
	overflow:hidden;
	display:block;
	float:left; /* IE7 height scaling fix */
}
#headBrand {
	position: absolute;
	top: 3em;
	left: 0em;
	height: 6em;
	width:20em;
}
#headNav {
	position: absolute;
	bottom: 1em;
	left: 15em;
	height: 1.5em;
	width:43em;
}
#headGraphic {
	position: absolute;
	top: 3em;
	left: 20em;
	height: 4.5em;
	width:38em;
}

/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		background-color:#5E7EC0;
		background-image:url(../../Nassets/interface/astra7.gif);
		background-position:bottom left;
		background-repeat:no-repeat;

	}
	
/* 2 column left menu settings */
.colright {
	float:left;
	width:200%;
	position:relative;
	left:15em; /* was 12em*/ /* width of left column including left and right padding*/
	background:#f3f3f3;
}
.col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:15em; /* was 12em*//* width of left column including left and right padding*/
	padding-bottom:0em;
}
.col1 {
	margin:0 0em 0 15.25em; /* was 13em */ /* left margin = left col width+left col padding+right col padding*/
	position:relative;
	right:100%;
	overflow:hidden;
}
.col2 {
	float:left;
	width:13em; /* was 10em */ /*width of col less right and left padding*/
	position:relative;
	right:14em; /* was 11em */ /*width of left col less left padding*/
}

/* Footer styles */
#footer {
	clear:both;
	position: relative;
	height:12em;
	width:58em;
	overflow:hidden;
	display:block;
	float:left; /* IE7 height scaling fix */
}
#footerInvite {
	position: absolute;
	top: 3em;
	left: 0em;
	height: 6em;
	width:15em;
}
#footerNav {
	position: absolute;
	top: 3em;
	left: 15em;
	height: 6em;
	width:43em;
}
#footerMessage {
	position: absolute;
	text-align:right;
	bottom: 0em;
	left: 0em;
	height: 1em;
	width: 58em;
}

#indexWrapper {
	width: 512px;
	height: 360px;
	position: relative;
	text-align:left;
	float:left; /* attempt to fix IE 7 repositioning BG 100112 2231 */
}
.indexDiv {
	position: absolute;
	top: 0px;
	height: 360px;
}
.indexRollover {
	background-color:#0099ff;
	vertical-align:baseline;
	position: absolute;
	top: 232px;
	width:100px;
	height: 87px;
	left:0px; /* IE7 fix attempt 100207 2223 */
}
.indexLearnmore {
	background-color:#0099FF;
	vertical-align:baseline;
	position: absolute;
	top: 322px;
	left:0px;
	width:100px;
	height: 38px;
}

#indexClassic {
	left: 0px;
}
#indexCW200 {
	left: 103px;
}
#indexWhaley {
	left: 206px;
}
#indexOther {
	left: 309px;
}
#indexPhoto {
	left: 412px;
}