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

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

This document works for Firefox, Safari, Opera, etc. (not IE). 

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;
*/

body {
	background-color:#666666;
	color:#000033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	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:8px;
	left:6px;
	width:124px;
	}

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

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

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

.nav {
	color:#beb8ac;
	font-size:.8em;
	text-align:center;
	position:absolute;
	left:-130px;
	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 {	
	border-color:#000033;
	border-width:2px;
	border-style:solid;
	}

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

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

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

/* LEFT */

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

#colLeft ul { 
	list-style-type:none;
	width:136px;
	position:relative;
	left:-24px;
	top:-10px;
	}

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

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

#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 {
	background-color:#ffffff;
	float:left;
	width:404px;
	}
	
.brownBox {
	margin:4px 0px 4px -4px;
	padding:2px 4px;
	text-align:left;
	width:392px;
	}

.colContentBoxTop {
	background-image:url(images/templateImages/leftCol-top.jpg);
	font-size:.6em;
	font-weight:bold;
	padding:inherit;
	height:10px;
	}
	
.colContentBox {
	background-color:#f6f6f6;
	font-size:.8em;
	height:auto;
	padding:inherit;
	}

.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 {
	background-color:#ffd699;
	float:left;
	width:236px;
	}

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

.colRightBoxTop {
	background-image:url(images/templateImages/rightCol-top.jpg);
	font-size:.6em;
	font-weight:bold;
	padding:inherit;
	height:10px;
	}
	
.colRightBox {
	background-color:#ffffff;
	font-size:.8em;
	height:auto;
	padding:inherit;
	}

.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;}
.blueBox a:hover {color:#a5b4c3;}
.blueBox a:active {color:#ff9900;}

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

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

.editorVideo {
	text-align:center;
	}

/* FOOTER */

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