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

/* HOW TO GET THE NAVBAR AND BREADCRUMBS TO SPAN THE WIDTH OF THE PAGE AND 
HAVE THE RIGHTSIDEBAR SIT BELOW THEM AND TO THE RIGHT OF THE PAGE CONTENT: 

1) Set the position of #container, #header, #headerTitle, #body, 
#main, #navbar, #breadcrumb and #content to "relative".
#navbar and #breadcrumb need to be the same width as #main.

2) Set #rightSidebar to "float: right" "position: absolute" and
"z-index: 1"; then make other adjustments necessary to position it.

DETAILS RE: THE COPYRIGHT NOTICE THAT APPEARS AT THE BOTTOM OF EACH WEB PAGE
(THE PROBLEM WAS THAT THE TEXT DISPLAYED DIFFERENTLY ACROSS THE SITE AND
 NEEDED TO LOOK CONSISTENT)
1) This notice appears in the Journal Page Footer (see The Look, 5.4)
2) I created a custom div id called "copyright"
3) When I added this footer during setup, I used the HTML Source editor
to type in the text and the div codes. 
4) After I uploaded the custom CSS the pages found the custom div and its 
settings.
*/


body {
margin: 0;
padding: 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: center;
background-color: #8B7355;
}


html{
height:100%;
}


.blockTitle{
color:#FFF;}


.blockSubtitle{
color:#FFF;}


/* Begin Div Styles */
#container {
position: relative;
margin-left : auto ;
margin-right : auto ;
margin-bottom:0px;
padding-bottom:0px;
text-align: center;
width:900px;
}


#header {
width: 900px;
text-align: left;
margin-left: auto ;
margin-right: auto ;
margin-top:5px;
margin-bottom:0px;
padding-bottom:0px;
padding-left: 0px;
border-bottom: 0px;
border: 0px;
position: relative;
}


#headerTitle {
margin-left:0px;
padding-left:0px;
margin-bottom:0px;
padding-bottom:0px;
margin:0px;
position: relative;
}


#body {
width: 900px;
margin: auto;
padding: 0;
border:0px;
position: relative;}


#rightSidebar {
float: right;
position:absolute;
margin-top:80px;
 right:0;
width: 138px;
padding-top: 0;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
font-size: 0.65em;
margin-right: 7px;
border-left: 0px dotted black;
height:auto;
overflow: hidden;
background-color:#4f4945;
z-index:1;
}


#main {
position: relative;
background-color:white;
float: left;
padding-top:0px;
margin-left:0;
padding-left:0px;
padding-right:0px;
padding-bottom:220px;
margin-right:0px;
margin-top:0px;
border:0px;
width:900px;}


#navbar {
position: relative;
background-color:#4f4945;
padding-left:5px;
width:895px;
margin-top:0px;
padding-top:0px;
border-bottom: none;}


#breadcrumb {
background-color: #d0c2aa;
padding-left:5px;
width:895px;
border-bottom: none;
padding-bottom:5px;
margin-bottom:10px;
position: relative;
clear: both;}


#content {
position: relative;
margin: 0;
padding: 0;
margin-left:5px;
padding-top: 0.5em;
width: 690px;
font-size: 0.7em;
border-top: 2px dotted #4f4945;
background-color: white;}

#authors {
	width: 685px;
	padding: 0px;
	margin:0px;}


#topBar {
position:relative;
padding: 5px 0 0 0;
border:0px;
width: 900px;
}

#articleFontSize {
position:absolute;
float: right;
margin-top:0px;
right:0;
width: 158px;
padding: 1em 1em 1em 1em;
margin-right: 11px;
height:auto;
overflow: hidden;
background-color:#4f4945;
z-index:+1;
}


#articleTitle{
position: relative;
margin: 0;
padding: 0;
padding-left:0px;
padding-top: 0.5em;
font-size: 0.7em;
width: 690px;
background-color: white;}


#authorString{
position: relative;
font-size:12px;
margin: 0;
padding: 0;
padding-left:0px;
padding-top: 0.5em;
width: 690px;
background-color: white;}


#articleAbstract{
position: relative;
font-size:12px;
line-height:20px;
margin: 0;
padding: 0;
padding-left:0px;
padding-top: 0.5em;
width: 690px;
background-color: white;}

#copyright{
position: relative;
width: 690px;
padding-left:5px;
padding-right:5px;
text-align:left;
font-size:11px;
line-height:15px;
color:#444;}

#footer div.debugStats {
display: none;
font-size: 0.6em;
color:black;}


#footer {
position: relative;
display: none;}
/* End Div Styles */


/* Begin Link Styles */

/* Navbar Link Styles */

#navbar a {
text-decoration: none;}


#navbar a:link {
color: white;}


#navbar a:active {
color: #253;}


#navbar a:visited {
color: #d0c2aa;}


#navbar a:hover {
color: #fff;
background: #d0c2aa;}


#navbar a.plain {
text-decoration: none;}

#breadcrumb a {
text-decoration: none;}

/* Breadcrumb Link Styles */
#breadcrumb a:link {
color: white;}


#breadcrumb a:active {
color: #253;}


#breadcrumb a:visited {
color: #222;}


#breadcrumb a:hover {
color: #fff;
background: #4f4945;}


#breadcrumb a.plain {
text-decoration: none;}


/* Right Sidebar Link Styles */
#rightSidebar a {
text-decoration: none;}

#rightSidebar a:link {
color: #8B7355;}

#rightSidebar a:active {
color: #8B7355;}

#rightSidebar a:visited {
color: #d0c2aa;}

#rightSidebar a:hover {
color: #8B7355;
background: #d0c2aa;}

#rightSidebar a.plain {
text-decoration: none;}



/* General Link Styles */
a {
text-decoration: none;}


a:link {
color: #861316;}


a:active {
color: #253;}


a:visited {
color: #4f4945;}


a:hover {
color: #861316;
background: #d0c2aa;}


a.plain {
text-decoration: none;}

/* End Link Styles */


/* Begin Header Styles */
#headerTitle h1{
text-align: left !important;
margin: 0px;
padding: 0px;
line-height: 100%;
background-color: #8B7355;}


#header h1 {
margin: 0;
padding: 0;
padding-top:0px;
padding-bottom:0px;
background-color: #8B7355;
line-height: 100%;}


h2, h3, h4, h5 {
color: #3D3D3D;
padding-left:5px;}



#main h2 {
font-size: 24px;
color:#3D3D3D;
margin: 0 1em 0.25em 0;}

#articleTitle h3{
	font-size:20px;}

#content h3 {
margin: 0.25em 1em 0.25em 0;
padding-top: 0em;
color: #3D3D3D;}

#articleAbstract h4{
margin-top:0px;
margin-bottom:0px;
margin-left: 0px;
padding-left:0px;
font-size: 18px;}

/* End Header Styles */

/* Begin Image Styles */
#homepageImage img {
width:auto;
display: block;
margin: 0 auto;
border: 0;
text-align: center;
vertical-align: text-top;}


.homepageImage img {
margin: 0 auto;
border: 0;
float: left;
margin: 1em 1em 1em 0;
text-align: center;}


input.button {
padding-left: 0.5em;
padding-right: 0.5em;
background-color: #E8E8E1;
font-size: 1em;}


input.defaultButton {
background-color: #CCCCCC;
color: #3D3D3D;
font-weight: bold;}
/* End Image Styles */


li#announcements {
width: auto;}

#articlePdfResizer, #articlePdf {
  height: 800px;
}