﻿html { margin: 0; padding: 0}
body { background-color: #452C16; margin: 0; padding: 0;}
img { border: none; }

.content { position: relative; height: 460px; }
.content2 { width: 900px; margin: auto; height: 1100px; display: block; }
.imgs { margin-top: 200px; vertical-align: top; }

.publication { position: absolute; }
.publication img { width: 175px; height: 227px; display: block; border: none; position: absolute; z-index: 1; }
.back1 { top: 0px; left: 20px; }
.back2 { top: 0px; left: 230px; }
.back3 { top: 0px; left: 440px; }
.back4 { top: 0px; left: 650px; }
.mid1 { top: 115px; left: 90px; }
.mid2 { top: 175px; left: 340px; }
.mid3 { top: 115px; left: 580px; }
.front1 { top: 225px; left: 182px; }
.front2 { top: 225px; left: 493px; }

/****modal styling****/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}

.LoginBackground { width: 100%; height: 1120px; background-color: Gray; filter: alpha(opacity=80); opacity: 0.8; position: absolute; display: block; top:0; left: 0; z-index: 10; }
.LoginForm { position: absolute; width: 100%; top: 100px; left: 0; z-index: 11;}
.LoginForm div {width: 450px; padding: 10px; margin: auto ; background-color: #ffd; font-family: Verdana; font-size: 80%; }
.LoginForm table { width: 400px; margin: auto;}
.logo { width: 550px; margin: 50px auto 0;}
.logo img { border: none; }
.main-background { background: transparent url(images/grad_bg.jpg) repeat-x; width: 850px; height: 1100px; margin: 0 auto;}
.main-background2 { background: #D59953 url(images/grad_bg_top.jpg) repeat-x; width: 850px; min-height: 800px; margin: 0 auto; }
.header {background: url(images/welcome_header.jpg) no-repeat top left; height: 200px; display: block; margin: 0; }
.header h1 {padding: 135px 20px 0 0; text-align: right; font-family: Verdana; font-style: italic; font-weight: bold; font-size: 160%; font-stretch: condensed; }
.issue-bar {background-color: #442c17; width: 90%; margin: auto; text-align: center; color: White; font-family: Verdana; margin-top:20px;}
.issue-bar h1 {font-size: 120%; padding: 10px 0; margin: 0;}
.passionate { color: #452C16; font-size: 150%; font-family: Verdana; font-weight: bold; text-align: center; margin: 5px 0; font-style: italic;}
.pastimes { background-color: #442c17; width: 90%; margin: auto; position: relative; height: 220px; display: block; margin-top: 10px; padding: 30px 0;}
.pastimes a, .pastimes a:visited { color: #F0A158; font-weight: bold; font-family: Verdana; font-size: 150%; font-style: italic; text-decoration:none;}
.regularparagraphs p { margin-bottom: 30px;}
.bigparagraphs p { margin-bottom: 50px;}

.secondary-header { width: 100%; text-align: center; height: 200px; line-height: 200px; vertical-align: middle; }
.secondary-header img { padding-top: 50px;}
.secondary-image-location { min-height: 500px; width: 90%; margin: auto; }
.secondary-image-location table { font-weight: bold; text-align: center; }
.secondary-bottom { width: 100%; height: 228px; background: url(images/grad_bg_bottom.jpg) repeat-x center bottom;}
.secondary-bottom-inner { width: 90%; margin: auto; background-color: #442c17; height: 100px; display: block; padding: 30px; position: relative; margin-bottom: 30px;}

#commonheader 
{
    width:100%;
    height:75px;
    margin:0px;
    padding:0px;
}
