/* CODEWARS HOLY GRAIL LAYOUT */
/************************/

/**** GLOBAL STYLES *****/
/* last update 3/21/07 3pm*/
/************************/

/* The Holly Hack to fix IE, so that the hover bit does it's thing. Hide from IE Mac. Thanks to http://www.positioniseverything.net/ \*/
*html ul li ul{
	top:1.1em;
}
* html #mainnav ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }


/***********************/

body{
	/* positoning */
	margin:0;
	text-align:center;
	min-width: 640px;     /* 2LR width + RR width + ML padding*/
	
	/* appearance */
	background-image:url(../images/bkg.gif);
	background-repeat:repeat-y;
	background-color:#00CC66;
	background-position:left;
	
	/* text formatting */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#003300; /*dark green*/
}

h1 h2 h3 h4 h5 h6{
	font-weight:bold;
	color:#336633;
}
h1{
	font-size:1.5em;
	font-style:normal;
}
h2{
	font-size:1.3em;
	font-style:italic;
}
h3 h4 h5 h6{
	font-size:1.2em;
	font-style:italic;
}

#wrapper{ /*everything inside except footer*/
	text-align:left;
}

p.caption{
font-size:.9em;
color:#000000;
font-style:italic;
}

.dmz{ /*demilitarized zone. clear the way...*/
	display:block;
	clear:both;
}

/************************/
/**** GLOBAL FOOTER STYLE *****/
/************************/

#footer{ 
	margin-top:10px;
}
#footer ul{
	margin-top:-2px;

}
#footer ul li{
	display:inline;	
	border-top:1px solid #FFCC00;
}
#footer ul li a{
	font-size:.7em;
	color:#fff;
	text-decoration:none;
}
#footer ul li a:hover{
	font-size:.7em;
	text-decoration:underline;
	color:#FC6;
}

/**********************************/
/*** HEADER ***/
/**********************************/

#headerbak{
	background-image:url(../images/bannerback.gif);
	background-repeat:repeat-x;
	height:150px;
	position:relative;
}

#header{
	padding:10px 10px 0 10px;
	margin-bottom:1px;
	margin-top:5px;
	margin-left:5px;
	text-align:left;
	height:145px;
	background-image:url(../images/greatlakeslogo.jpg);
	background-repeat:no-repeat;
	color:#080;
	width:760px;
	position:absolute;
}

#headerbak p{
	float:right;
	right:10px;
	font-variant:small-caps;
	font-size:.8em;
	font-weight:bold;
	font-style:italic;
	color:#063;
	padding:50px 10px 10px 0;

}
#header h1, #header h2, #header h3{
	visibility:hidden;
	display:none;
}

/**********************************/
/*** 3 COLUMN CONTAINMENT SYSTEM ***/
/**********************************/

#container{ /*positioning */
	padding-left:175px;
	padding-right:180px;   /* LR fullwidth  RR fullwidth + ML padding */
	padding-bottom:1px;
	margin:0 5px;

}

#container .column{
	position:relative;
	float:left;
	text-align:center;
	margin-top:5px;

}
#main1ine{
	width:100%;
	padding:0 10px;

}

/**********************************/
/*** LEFT RAIL ***/
/**********************************/
#leftrail{
	float:left;
	width:200px;
	position:absolute; 
	top:30px;
	margin: 5px;
	padding:10px 0;
}

/*** IE6 HACK ***/
* html #leftrail { /**/
  left: 140;     /* RC width */
}


/**********************************/
/*** RIGHT RAIL ***/
/**********************************/
#rightrail{
    width: 140px;   /* RC fullwidth - padding*/
    margin-right: -200px; /* RC width + RR and ML padding + border*/
	background-color:#007229;
    padding:10px 0;
    border:#000 1px solid;
    background-image: url(../images/btngreenbar.gif);
	background-repeat: repeat-y;
	color:#ffe400;
	font-size:1em;
	font-weight:bold;

}

/*****************************/
/* SIDE RAIL CONTENT APPEARANCE*/
/*****************************/
.railbox{
	text-align:left;
	width:75%;
	padding-left:10px;
	margin-left:10px;
	overflow:hidden;
}
.railbox a{
	text-decoration:none;
	font-size:0.7em;
	font-weight:normal;
	color:#FFFFCC;
}


/***********************************/  
/**** BOX SYSTEM ***/
/***********************************/
#maintitle{
	border:2px solid #006633;
	margin-bottom:5px;
	background-color:#E9F8F7;
	background-image:url(../images/maintitle.jpg);
	background-repeat:repeat-x;
	height:70px;
	color:#006633;
	overflow:hidden;
}

#maintitle h2{
	margin-top:15px;
}

#mainbox{
	text-align:left;
	margin-left:0px; /* positions the list inside box */
	background-color: #E9F8F7;
	padding:2px 0;
	color:#600;
	border-bottom:2px solid #333;
}
#mainbox h3{
	padding-left:20px;
}
#mainbox p{
	margin:10px 20px;
	color:#600;
}

/***********************************/  
/**** BIOS PAGE FORMATTING ***/
/***********************************/
#mainbox.bios {
position:relative;
padding-top:10px;
height:100%;
}
#mainbox img.biopic{
	/*border:1px solid #333;*/
	margin:15px;
}

/***********************************/  
/**** CONTACT PAGE FORMATTING ***/
/***********************************/
#mainbox.contact{
	text-align:center;
	padding-left:8px;
	background-color:#E9F8F7;
	border-bottom:2px solid #333;
}
#mainbox table{
	background-color:#E9F8F7;
	width:95%;
	color:#600;
	font-size:.9em;
	text-align:left;
}
#mainbox table td{
	vertical-align:top;
}
.formtitle{
	font-size:1em;
	font-weight:bold;
}

#mainbox ul{
	list-style-type:none;
	list-style-position:inside;
}

#mainbox ul li{
	vertical-align: middle;
	color: #600;
	font-weight: bold;
}

/***********************************/  
/**** SITEMAP AND FAQ PAGE FORMATTING ***/
/***********************************/
#mainbox.sitemap {
	margin:10px 20px;

}

#mainbox.sitemap a, #mainbox.sitemap ul li a{
	font-size:.9em;
	color:#060;
	text-decoration:underline;
	margin:10px 20px;

}
#mainbox.sitemap a, #mainbox.sitemap ul li a:hover{
	color:#C60;
}
#mainbox.sitemap a, #mainbox.sitemap ul li a:visited{
	color:#630
}
/***********************************/  
/**** THUMBNAILBOXES, FOOT BANNER FORMATTING ***/
/***********************************/

.boxholder{
	height:auto;
	border:1px solid #888;
	margin-top:10px;
	text-align:left;
	padding:10px 0;
}

.boxes{
	text-align:center;
	position:relative;
	border:1px solid #30F;
	width:100px;
	height:100px;
	float:left;
	padding: 10px 0;
	margin-left:25px;
}

#boxholder1{
	text-align:left;
	padding: 10px 20px ;
}

#boxholder1 .boxes{
	margin-left:5px;
}

*html #boxholder1{
	padding: 10px 75px 10px 0;
}



.footbox{
	text-align:left;
	padding: 4px 15px;
	margin-top:10px;
	font-size:.9em;

}


.thumb{
	height:75px;
	width:100px;
	background-color:#FFCCFF;
	border:#FF33FF 1px solid;
	margin-left:10px;
}
*html .boxes .thumb{ /*IE positioning hack*/
	margin-left:0;
	background-color:#ccc; /*ONLY IN IE*/
}