/* elements */

html {
padding-bottom: 35px; 
padding-top: 25px; 
padding-left: 10px; 
padding-right: 10px;
}

body {
background: url('img/bkg2.png') #fff; 
text-align: center;
}

a, a img {
text-decoration:none;
border: none;
}

p a, pre a {color: #5e8e3e; border-bottom: 1px dotted #5e8e3e; }

blockquote.bodytext { font-style:italic; }

h1 {
text-transform: uppercase; 
font-family: Arial; 
font-size: 11pt; 
font-weight: bold; 
padding: 0px auto;
margin: 0px auto;
font-size:small;
 padding-bottom: 10px;
}

h3 {
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 1em;
}

h4, h4 a {
padding: 0px; 
margin: 0px; 
font-family: sans-serif; 
color: #5e8e3e; 
text-transform: capitalize;
font-size: 9pt;
line-height: 1.2em;
}


img {
padding-top:0px;
margin-top:0px;
}



/* IDs */

#canvas {
background: url('img/shadow-back.png'); 
width: 812px; 
margin: 0px auto; 
text-align:left;
}

#bluebars {
background: #070a7b; 
display: table; 
margin-left:40px; 
margin-right: 40px;
}

#liveCanvas {
display: block; 
width: 100%; 
padding-bottom: 0px; 
padding-top: 23px;
}

#liveContainer {
background: #fff; 
width: 732px;
}

#liveContainer a:hover { color: #000; }

#title {
width: 100%; 
padding-top: 0px; 
padding-bottom: 0px; 
margin-bottom: 0px; 
height: 81px; 
overflow: hidden;
background: #fff;
}

#menublock {
margin-top:-17px;
position: absolute; 
height: 16px; 
width: 732px;
float: left;
}

#menublock div {padding-bottom: 3px;}


#current {
margin-right: -5px; 
margin-top: -17px; 
text-align: right; 
float: right; }

#nav {
width: 728px; 
margin-top: 4px; 
padding-top:1px; 
height: 16px; 
line-height: 16px; 
border: 2px solid #e7e7e7;
}

#banner {
overflow: hidden;
margin-top: 3px; 
margin-bottom: 3px;
}

#banner img {
border-top:1px solid #bbb; 
border-bottom: 1px solid #bbb; 
padding-top: 2px; 
padding-bottom: 2px;
margin-bottom: 0px;
margin-top:1px;
}


#content {
width: 728px; 
min-height: 226px; 
border: 2px solid #d1d1d1; 
margin-top: 0px; 
margin-bottom: 0px;
}

#content p, #content h3, #content ol, #content pre, .bodytext {
padding-top:6px; 
margin-top: 0px; 
font-family: sans-serif; 
color: #787878; 
font-size: 0.8em;
line-height: 1.2em;
}

#content ul {
padding-top:6px; 
margin-top: 0px; 
font-family: sans-serif; 
color: #787878; 
font-size: 0.8em;
line-height: 1.2em;
}

#quicklinks { 
width: 25%; 
float:right; 
border-left: 1px solid #d1d1d1; 
}

#quicklinks p {
padding-left: 6px;
padding-right: 6px;
font-size: 8pt;
margin-bottom: 2px;
margin-top: 0px;
}

#quicklinks p a { border-bottom: none;}


/* Classes */

.archiveTable {
font-family: Helvetica, sans-serif; 
font-size: 13px;
color: #A6A6A6;
font-weight:bold;
}

.archiveTable a {color: #333333;}
a.archiveTable:visited {color: #333333;}
a.archiveTable:hover {color: #CCCCCC;}
a.archiveTable:active {color: #333333;}

.archiveTableVolume {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px;
color: #7296CD;
}

.articleLink p:hover {
background-color: #f7f4e0;
border-top: 1px solid #5e8e3e;
border-left: 1px solid #5e8e3e;
border-bottom: 1px solid #5e8e3e;
border-right: 1px solid #5e8e3e;
color: #000;
}

.breadcrumbs, .breadcrumbs a {
font-family: Verdana, Helvetica;
font-size: 6.5pt;
color: #a5a5a5;
font-weight: bold;
text-transform: uppercase;
padding-top: 0px;
padding-bottom: 2px;
}


.date { 
color: #787878; 
font-size: 7pt; 
text-transform: uppercase; 
}


.dynamicFrameLeft {
width: 70%; 
padding-top: 15px; 
padding-left: 15px; 
padding-right: 15px; 
float: left;
}

.dynamicFrameRight {
width: 35%; 
float:right; 
border-left: 1px solid #d1d1d1; 
height: 226px;
overflow:hidden;
}


.head {
text-transform: uppercase; 
text-decoration: underline;
}

.indent { margin-left: 100px; }


.menuitem {
display: inline-block; 
z-index: 25; 
vertical-align: top; 
padding-left: 13px; 
padding-right: 13px; 
font-family: sans-serif, Arial, Helvetica; 
color: #696969; 
font-weight: bold; 
font-size: 0.65em; 
text-transform:uppercase;
overflow:hidden;
width:auto;
}

.menuitem a {color: #7e7e7e;}

.more {
text-transform: uppercase; 
font-family: Tahoma; 
color: #5e8e3e; 
font-size: 8pt;
letter-spacing: 0.5px; 
font-weight: bold;
}


.news { 
padding-bottom: 6px; 
font-size: 9pt; 
text-transform: uppercase;
}


.sublinks {
padding-top: 0px;
}

.sublinks a {
border-left: 2px solid #d1d1d1;
margin-left: -2px;
padding-left: 5px;
padding-right: 5px;
}

.selected a, a.selected { color: #000; }


/* END Classes */



/* clearfix all divs */
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Done with that */




/* Front Page Specific Styles */

.frontpanes {
padding-left: 5px; 
border-bottom: 1px solid #d1d1d1;
}

.headingWelcome { color: #1c7fdb; padding-top: 5px; }

.frontpanes div:hover { background-color: #fff; }

.frontpanes h2 {
font-family: Gill Sans MT, Eras Demi ITC, Tahoma; 
font-size: 7.1pt; 
font-weight: 600;
color: #3a3a3a; 
text-transform: uppercase; 
padding-top: 0px; 
margin-top: 0px; 
padding-bottom: 4px;
margin-bottom: 0px;

}

.frontpanes a {
display: block; 
padding-bottom: 4px; 
margin-bottom:0px;
font-family: Trebuchet MS, Arial, Helvetica; 
font-size: 8pt;  
line-height: 1.2em;
color: #5c5c5c;
}


#NA {
height: 47%;
background: #e6eae0;
}

#NA a {padding-bottom: 6px;}

#recentpane {
height: 28%; 
background: #fbf7ee; 
}

#linkspane {
height: 25%;
background: #efece7; 
}

#liveContainer .frontpage { width: 60%; min-height: 514px;}

#content .frontpage { min-height: 0px; }

/* done with front page styles */




/* footer specific styles */
.footer {
padding-top: 5px; 
padding-bottom: 0px; 
padding-left: 5px; 
padding-right: 5px;
height: 18px; 
display: block; 
color: #fff; 
text-transform: uppercase; 
font-family: Arial; 
font-size: 0.6em;
}

.footer a {color:#fff;}

.footer a:hover {color: #7d7d7d;}

#leftFooter { float: left; }
#rightFooter { float: right; }
/* done with footer styles */



/* colors */
.headingAbout { color: #63b43f;  }
.headingSubmissions { color: #b8be55; }
.headingIssues { color: #1d388d;  }
.headingAlumni { color: #B8282E; }
.headingSubscribe { color: #C26E1F; }
.headingNews { color: #960C76;  }

</style>
