.wrapAll {position: relative; width: 100%; height: 100%;}
.imgBox {float: left; width: 200px; margin: 10px;}
.imgBox img {float: left; width: 100%; border: 5px solid black;}
.clear {width: 100%; height: 0px; margin: auto; clear: left;}
.button {float: right; margin: 50px; padding: 15px; padding-left: 25px; padding-right: 25px;}

.imgBoxLarge {position: absolute; top: 0; left: 0; height: 50%;}
.largeImage {position: absolute; top: 5px; left: 5px; width: 50%; border: 5px solid black;}


body{
	position: absolute;
	min-height: 300px;
	height: 98%;
	width: 98%;
}



/* Remove bullets from unordered lists. */
.menu{
	padding:0; 
	margin:0; 
}

.menu li{ 
	list-style-type:none; 
}



/* -------------------------------- FORM OBJECTS -------------------------------- */

/* Style attributes for large text area object on the cold reads form. */
.coldreads_submit {bottom: 5px; right: 5px;}
.coldreads_entry{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 45% !important;
	height: 80% !important;
	max-width: 45% !important;
	max-height: 80% !important;
}






/* -------------------------------- IVC Page -------------------------------- */
.ivc_entry{
	position: absolute;
	top: 80px;
	right: 5px;
	width: 45% !important;
	height: 60% !important;
	max-width: 45% !important;
	max-height: 60% !important;
}

.ivc_test_text_container{
	position: absolute;
	width: 50%;
	right: 0;
	top: 10px;
	text-align: center;
}


/* -------------------------------- Congruence Tests Page -------------------------------- */
.congruencetests_entry{
	position: absolute;
	left: 25%;
	right: 25%;
	width: 50% !important;
	height: 25% !important;
	max-width: 50% !important;
	max-height: 25% !important;
}

.flashcard_text_container{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}




/* Styling for title bar text. */
.titlebar_text_container{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* All dividers that we want to be centered with centered text. */
.centered_divider_and_text{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* The footer divider container object. */
.footer form {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.footer{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
	text-align: center;
}



/* Navigation bar that sits on the left side of the page. */
.nav_bar_left{
	position: absolute;
	height: 100px;
	top: 120px;
	left: 0;
	margin: 5px;
}


/* Index page footer. */
.index_page_footer{
	position: absolute;
	height: 100px;
	bottom: 0;
	left: 0;
	margin: 40px;
}


/* control bar is a div on the cold reads form that holds buttons and links. */
.controlBar {position: absolute; bottom: 75px; right: 5px; width: 40%; height: 50px;}
.controlBar p {position: absolute; top: 0; left: 0;}