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

Laura Rusnak: lr310807@ohio.edu
Updated: Oct 10, 2009

This document works for IE7. 

COLOR codes:
dark blue: #000033;
med blue: #a5b4c3;
med beige: #beb8ac;
lt beige: #f2f1ee; --change for PC Firefox and IE
lt orange: #ffd699;
med orange: #ff9900;
white: #ffffff;
*/
html{
	font-size:12px;
	}

body {
	background-color:#666666;
	color:#000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top: 0px;
	text-align:center;
	}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	}
	
#main {
	background-image:url(images/templateImages/main-bkgd.jpg);
	background-repeat:repeat;
	}

#banner {
	background-color:#000033;
	border-bottom:#ff6600 solid 2px;
	color:#beb8ac;
	height:160px;
	}

#logo {
	position:relative;
	top:10px;
	left:-330px;
	width:124px;
	}

#journal {
	position:relative;
	left:0px;
	top:-90px;
	width:800px;
	text-align:right;
	}

.title {
	color:#ffffff;
	font-size:1.7em;
	padding-right:10px;
	}

.subtitle {
	font-size:1.1em;
	text-align:right;
	padding-right:10px;
	padding-top:2px;
	}

.nav {
	color:#beb8ac;
	font-size:.8em;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:0px;
	top:114px;
	width:800px;
	border-top:#beb8ac solid 1px;
	padding-top:4px;
	}

.currentPage {color:#ff6600;}

a:link {color:#beb8ac;text-decoration:underline;}
a:visited {color:#beb8ac;text-decoration:underline;}
a:hover {color:#ffd699;text-decoration:underline;}
a:active {color:#beb8ac;text-decoration:underline;}

.boldness {font-weight:bold;}
.boldnessCenter {font-weight:bold;text-align:center;}

img.photo {
	margin-top:.8em;
	border-color:#000033;
	border-width:2px;
	border-style:solid;
	}

img.photo_st{
	float:left;
	margin-right:.8em;
	margin-top:.8em;
	border-color:#000033;
	border-width:2px;
	border-style:solid;
	}

img.photo_stRT{
	float:right;
	margin-right:.8em;
	margin-top:.8em;
	border-color:#000033;
	border-width:2px;
	border-style:solid;
	}

img.photo_brn {
	border-color:#beb8ac;
	border-width:2px;
	border-style:solid;
	}

/* LEFT */

#colLeft {
	font-size:.7em;
	background-color:#a5b4c3;
	float:left;
	text-align:left;
	width:160px;
	}

#colLeft ul { 
	list-style-type:none;
	position:relative;
	left:-30px;
	top:0px;
	}

#colLeft li {
	padding-bottom:8px;
	}

li.header {
	color:#000033;
	font-weight:bold;
	}

li.item {
	color:#f6f6f6;
	}

#colLeft a:link {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}
#colLeft a:visited {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}
#colLeft a:hover {
	color:#ffd699;
	font-weight:bold;
	text-decoration:underline;
	}
#colLeft a:active {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}

/* CENTER */

#colContent {
	font-size:.7em;
	background-color:#ffffff;
	float:left;
	width:404px;
	}
	
.brownBox {
	margin:0px 0px 12px -12px;
	text-align:left;
	width:392px;
	}

.colContentBoxTop {
	background-image:url(images/templateImages/leftCol-top.jpg);
	font-size:.8em;
	font-weight:bold;
	height:12px;
	padding:0px 4px 0px 4px;
	border-width:0px 0px 2px 0px;
	border-style:solid;
	border-color:#beb8ac;
	}
	
.colContentBox {
	background-color:#f6f6f6;
	height:auto;
	padding:0px 4px 4px 4px;
	}	

.colContentBox form{
	margin-left:30px;
	}

input.orange{
	background-color:#ffd699;
	}
	
.colContentBox dd {
	padding-bottom:12px;
	}

dl.def {
	position:relative;
	top:-20px;
	}
	
dt {font-weight:bold;}

hr.brownBoxline {
	color:#000033;
	height:2px;
	width:380px;
	}

.brownBox li{
	padding-bottom:6px;
	}

.brownBox a:link {color:#000033;text-decoration:underline;}
.brownBox a:visited {color:#000033;text-decoration:underline;}
.brownBox a:hover {color:#ff9900;text-decoration:underline;}
.brownBox a:active {color:#000033;text-decoration:underline;}

table, td {
	border-width:thin;
	border-style:solid;
	border-color:#000033;
	padding:2px;
	width:380px;
	text-align:center;
	}

table ul{
	position:relative;
	left:-8px;
	}

label{
	font-weight:bold;
	}

#esa1{text-align:center;}
	
#esa2{text-align:left;}
	
/* RIGHT */

#colRight {
	font-size:.7em;
	background-color:#ffd699;
	float:left;
	width:236px;
	}

.blueBox {
	margin:0px -4px 12px 4px;
	text-align:left;
	width:228px;
	}

.colRightBoxTop {
	background-image:url(images/templateImages/rightCol-top.jpg);
	font-size:.8em;
	font-weight:bold;
	height:12px;
	padding:0px 4px 0px 4px;	
	border-width:0px 0px 2px 0px;
	border-style:solid;
	border-color:#a5b4c3;
	}
	
.colRightBox {
	background-color:#ffffff;
	height:auto;
	padding:0px 4px 4px 4px;
	}

.colRightBox dd, dt {
	padding-bottom:12px;
	}

.colRightBox ul, dd {
	position:relative;
	left:-16px;
	}

.blueBox a:link {color:#ff9900;text-decoration:underline;}
.blueBox a:visited {color:#ff9900;text-decoration:underline;}
.blueBox a:hover {color:#a5b4c3;text-decoration:underline;}
.blueBox a:active {color:#ff9900;text-decoration:underline;}

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

dl hr.blueBoxline {
	color:#000033;
	position:relative;
	left:-20px;
	height:2px;
	width:220px;
	}

hr.blueBoxline {
	color:#000033;
	height:2px;
	width:220px;
	}

.editorVideo {
	 text-align:center;
	 }

form.goog {
	position:relative;
	top:-20px;
	}

/* FOOTER */

#footer {
	background-color:#000033;
	border-top:#ff6600 solid 2px;
	color:#beb8ac;
	font-size:.6em;
	padding:4px 0px;
	text-align:center;
	width:800px;
	}
	
#footer a:link {color:#beb8ac;text-decoration:underline;}
#footer a:visited {color:#beb8ac;text-decoration:underline;}
#footer a:hover {color:#ffd699;text-decoration:underline;}
#footer a:active {color:#beb8ac;text-decoration:underline;}

/* EXTRA */