﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* --=======================================-- */
/*				PRIMARY WRAPPERS			   */


body { background-color: #545454; }
#wrapper { background-color: #FFFFFF; width: 980px; position: relative; }
#content { clear: both; margin: 0px; }
#header { background-image: url(Images/Header.jpg); height: 190px; position: relative; width: 980px; }
#footer { clear: both; background-color: #000000; clear: both; color: #FFFFFF; height: 7px; margin-bottom: 10px; }



/* --=======================================-- */
/*				BASIC ELEMENTS				   */

h1 { font-size: 2.2em; font-variant: small-caps; font-weight: bold; }
h2
{
	background-color: #000000;
	color: #FFFFFF;
	display: inline;
	font-family: Georgia;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 3px;
	}
h3 { font-family: Verdana, Arial, Sans-Serif; font-weight: bold; margin: 10px 0 15px 0; }
h4 { font-family: Verdana, Arial, Sans-Serif; font-size: .9em; font-weight: bold; line-height: 1.3em; margin: 0px 0px 20px 0px; }
p, h5 { font-family: Verdana, Arial, Sans-Serif; font-size: .9em; line-height: 1.3em; margin: 12px 0px 12px 0px; }
em { font-weight: bold; }
a { color: #0000FF; }
a:visited { color: #0000FF; }

table tr th { background-color: #000000; color: #FFFFFF; font-family: Verdana, Sans-Serif; font-size: .9em; padding: 3px; }
table tr td { border: solid 1px #000000; font-family: Verdana, Sans-Serif; font-size: .9em; padding: 3px; }


/* --=======================================-- */
/*				    TITLE					   */

#title { padding-top: 50px; padding-left: 15px; }
#title a h1 span { display: none; }
#title a h1
{
	color: #000099;
	background-image: url(Images/Title.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 400px;
}

/* --=======================================-- */
/*				    MENU					   */

#menucontainer { height: 30px; position: absolute; top: 160px; width: 980px; }

ul#menu li { float: left; list-style-type: none; margin: 0px 55px 0px 10px; padding-top: 5px; }
ul#menu li a:hover { color: #FF0000; }
ul#menu li a 
{ 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: .9em; 
	font-variant: small-caps; 
	text-decoration: none; 
}


#wrapper { margin-left: auto; margin-right: auto; position: relative; width: 980px; }


#sidebar {border-bottom: solid 1px #6f4819; border-right: solid 1px #6f4819; background-color: #AF732A; display: inline; float: left; width: 319px; }
#sidebarHeader { background-image: url(Images/LeftPanelBackdrop.jpg); background-repeat: no-repeat; height: 150px; }
#sidebarContent { margin: 0px 10px 10px 10px; width: 300px; }
#sidebarContent a { color: #DDDDDD; }

#bookBlock
{
	background-image: url(Images/BookBlock.jpg);
	width: 301px;
	height: 191px;
}

#bookBlock img { float: left; margin: 12px 10px 10px 10px; }
#bookBlock ul { float: left; margin: 10px 0 0 0; }
#bookBlock ul li { line-height: 3em; list-style-type: none; }
#bookBlock ul li a { color: #FFFFFF; font-family: Verdana, Sans-Serif; font-size: 1.05em; }
#bookBlock ul li a:hover { color: #FF0000; font-family: Verdana, Sans-Serif; font-size: 1.05em; }

#content { background-color: #BEBE84; width: 980px; }


#primaryContent { border-top: solid 1px #444444; display: inline; height: 100%; float: left; padding: 10px; width: 640px; }


/* --=======================================-- */
/*				 PAGES						   */

div.pageHeader { background-repeat: no-repeat; height: 40px; margin: 0px 0px 10px 0px; width: 250px; }
div.pageHeader h2 { display: none; }

/* --=======================================-- */
/*				 INDEX PAGE					   */

#indexPage div.pageHeader
{
	background-image: url(Images/Announcements.png);
}


/* --=======================================-- */
/*			ONLINE PUBLICATIONS PAGE		   */

#onlinePublicationsPage div.pageHeader
{
	background-image: url(Images/OnlinePublications.png);
}


/* --=======================================-- */
/*				ARTICLES PAGE				   */

#articlesPage div.pageHeader
{
	background-image: url(Images/Articles.png);
}


/* --=======================================-- */
/*					CONTACT PAGE			   */

#contactPage div.pageHeader { background-image: url(Images/Contact.png); }

form fieldset div.field { clear: both; padding-top: 10px; }
form fieldset div.field label { color: #454545; font-family: Verdana; font-size: .9em; font-weight: bold; display: inline; }

form fieldset div.field input, form fieldset div.field textarea
{
	display: block;
}

form fieldset input { clear: both; display: block; }