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

@import url(https://fonts.googleapis.com/css?family=Lato);

#wrapper{ /* Main DIV containing header layout --------------------------------------------------------------------------- */
width:auto;
height: auto;
background-color: #cccccc;
border:0px;
}

#contentholder01{ /* Header at the top of all pages -------------------------------------------------------------------- */
border: 0px;
width: 930px;
height: 100%;
background-color: #ffffff;
position: relative;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}

#columnA{ /* menu ------------------------------------------------------------------------------------------- */
border: 0px;
width: 260px;
height: auto;
padding: 20px;
background-color: #ffffff;
display: inline-block;
vertical-align: top;
}

#columnB{ /* menu ------------------------------------------------------------------------------------------- */
border: 0px;
width: 260px;
height: 100px;
padding: 20px;
background-color: #ffffff;
display: inline-block;
vertical-align: top;
}

#columnC{ /* menu ------------------------------------------------------------------------------------------- */
border: 0px;
width: 260px;
height: 100px;
padding: 20px;
background-color: #ffffff;
display: inline-block;
vertical-align: top;
}

#windowheader01{ /* title block ----------------------------------------------------------------------------- */
border: 0px;
width: auto;
height: auto;
padding: 20px;
background-color: #ffffff;
text-align: center;
}

#windowA{ /* folio window ----------------------------------------------------------------------------------- */
border: 0px;
width: 220px;
height: auto;
padding: 20px;
margin-bottom: 20px;
background-color: #ffffff;
-moz-box-shadow: 3px 3px 8px 0 #e8e8e8;
-webkit-box-shadow: 3px 3px 8px 0 #e8e8e8;
}

#windowB{ /* folio window ----------------------------------------------------------------------------------- */
border: 0px;
width: 830px;
height: auto;
padding: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
-moz-box-shadow: 3px 3px 8px 0 #e8e8e8;
-webkit-box-shadow: 3px 3px 8px 0 #e8e8e8;
}

#windowC{ /* folio window ----------------------------------------------------------------------------------- */
border: 0px;
width: 830px;
height: auto;
padding: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
background-color: #ffffff;
-moz-box-shadow: 3px 3px 8px 0 #e8e8e8;
-webkit-box-shadow: 3px 3px 8px 0 #e8e8e8;
}

#windowA:hover{ /* folio window hover function -------------------------------------------------------------- */
	opacity: 0.6;
	-webkit-transition: all ease .6s;
	-o-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-ms-transition: all ease .6s;
	transition: all ease .6s;
	cursor: pointer;
}

#footer{ /* title block ----------------------------------------------------------------------------- */
border: 0px;
width: 100%;
height: 20px;
padding: 4px;
position: fixed;
bottom: 0;
background-color: #999999;
text-align: center;
}