/* -- PAGE LAYOUT CONTAINERS and their styles */

body {
padding: 0;
margin: 0;
text-align: center;
	/*To make IE 5 for Windows center pagewrapper div on screen */
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
background-image: url(graphics/bg-oldpaper.jpg);
background-position: left top;
background-repeat: repeat;
}


/* -- Whole Page Container -- */
/* Styles borders, colors, margins, etc. for entire page */
#pagewrapper {
width: 760px;
	/* Set width for entire page contents container */
padding: 10px;
	/*To provide consistent padding between all inner content containers and edge of page wrapper div */
margin: 20px auto 20px auto;
	/*Center pagewrapper div on screen*/
text-align: left;
	/*To overcome inheritence of margin center style from body container and return text within pagewrapper div to proper left alignment */
border: 2px solid #D2F5AE;
background-color: #FFFFFF;
}


/* -- Header Container -- */
#header {
padding: 0;
margin: 0;
}

/* -- Header Styles -- */
#header .h1 {
padding: 0;
margin: 0;
font-size: 2em;
font-style: normal;
font-weight: bold;
/*font-size: 34px;*/
font-family: arial, verdana, helvetica, sans-serif;
color: #00709E;
}

#header .h2 {
padding: 0;
margin-top: 0px;
font-style: normal;
font-weight: bold;
font-size: 1.25em;
font-family: arial, verdana, helvetica, sans-serif;
color: #000000;
}



/* -- Page Content Container -- */
#pagecontent {
float: left;
padding: 0;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
width: 545px;
background-color: #FFFFFF;
font-size: .80em;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
line-height: 110%;
/*border: 1px solid black;*/
}



/* -- Image Sidebar Container -- */
.imagesidebar {
float: right;
width: 200px; /* Width of sidebar */
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: -710px;
	/* 4 (border R&L) +20 (padding R&L inside page wrapper container) + *** (width of main content container) + 160 (left margin of main content container) + 6 (padding inside page wrapper container) = 732 */
}

#homepage-imagedisplay {
padding: 2px;
margin: 30px 0 0 0;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid black;
border-bottom: 1px solid black;
background-color: #F0E0BC;
font-size: 9px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-style: italic;
color: #000000;
}



/* --  GLOBAL TYPOGRAPHY STYLES -- */
.copyright {
padding: 0 0 2px 0;
margin: 0 0 8px 0px;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
border-bottom: 2px solid #00709E;
}

.abstract {
padding: 0;
margin: 0;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

.backtotop {
padding: 0;
margin: 15px 0 10px 0;
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
}

.citation {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #000000;
}

.quotation {
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
margin: 5px 0 10px 20px;
}

.subheading {
font-weight: bold;
font-size: 12px;
font-family: arial, sans-serif;
color: #000000;
line-height: 16px;
}


/* -- GLOBAL LINKS -- */
a:link, a:visited {
color: #A90017;
background: transparent;
text-decoration: none;
}

a:hover  {
color: #003366;
background: #EEE8AA;
text-decoration: underline;
}


/* -- TABBED MENU CONTAINER --*/
.shadetabs {
padding: 3px 0 3px 0;
margin: 0 0 0 8px;
font: normal 10px verdana, arial, helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

/* -- TABBED MENU STYLES -- */
.shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li a {
padding: 3px 5px;
margin-right: 2px;
border: 1px solid #778;
background: transparent url(../graphics/menus/contenttabs/shade.gif) top left repeat-x;
color: #A90017;
text-decoration: none;
}

.shadetabs li a:visited {
color: #A90017;
}

.shadetabs li a:hover {
text-decoration: underline;
color: #003366;
background: #eee8aa;
}

.shadetabs li.selected {
position: relative;
top: 0px;
}

.shadetabs li.selected a { /*selected main tab style */
background-image: url(../graphics/menus/contenttabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover { /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle { /*style of tab content container*/
padding: 8px;
margin: 0;
font-style: normal;
font-weight: normal;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
color: #000000;
border: 1px solid gray;
background-color: #FFFFFF;
}

.tabcontent {
display: none;
}



/* -- WINDOW FOR FULL TEXT OF RELEASES, ETC -- */
.dhtmlwindow {
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle { /*CSS for Drag Handle*/
padding: 3px;
text-indent: 3px;
font: bold 12px Arial;
background-color: green;
color: white;
cursor: move;
overflow: hidden;
width: auto;
height: 30px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls { /*Controls (min, close etc) within Drag Handle*/
position: absolute;
right: 4px;
top: 4px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea { /*Content Display Area div; full text of reviews, essays, etc*/
padding: 0;
margin: 0;
border-top: 1px solid brown;
background-color: #CCFF99;
height: 150px;
overflow: auto;
}


.drag-statusarea { /*Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #ECECEC;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


/* -- TYPOGRAPHY STYLE FOR FULL TEXT OF RELEASES, ETC. --*/
.fulltext {
padding: 10px;
margin: 0;
font-size: 9px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-align: left;
color: #000000;
}


/* -- Dotted lines used as dividers -- */
.divider {
padding: 0;
margin: 10px 0 15px 0;
font-style: normal;
font-weight: normal;
color: #000000;
border-top: 1px dotted black;
}