/* The base layout for the site is from http://www.glish.com/css/2.asp */
html { margin: 0; padding: 0; background-position: top left; background-attachment: fixed;
    background-repeat: repeat; background-image: url(images/parch2.gif); }
body{ margin: 10px 10px 0px 10px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif;
	/*background-color: #fff;*/ font-size: 100.01% }
p { font-size: 80%; }

/* Global styles */
.italicize { font-style: italic; }
.important { font-weight: bold; }

#wrapper { height: 90%; min-height: 90%; }
#intropage { clear: both; width: 100%; float: left; margin-top: 10%; }
#intropage p img { display: block; margin-left: auto; margin-right: auto; }
#intropage a { display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 90%; }

#banner { /*background-color: #fff; border-bottom: 1px solid #ccc;*/ }
#banner img { display: block; margin-left: auto; margin-right: auto; }
#date { float: left; font-size: 80%; text-align: left; padding: 5px 0 0 5px; }

#navleft { clear: both; width: 15%; float: left; padding-bottom: 10px; margin-top: 30px; font-size: 100.01%; }
#navleft img { vertical-align: middle; margin-left: auto; margin-right: auto; }

/* Vertical Navigation Menu */
#navleft ul { list-style: none; margin: 0 0 5px 5px; padding: 0; }
#navleft a, #navleft h2 { font-size: 85%; font-weight: bold; display: block;  margin: 0; }
#navleft h2 { color: #a90108; text-transform: uppercase; }
#navleft a { color: #a90108; text-decoration: none; text-align: center; }
#navleft a:hover { color: #efefef; background-color: #a90108; }
#navleft li { position: relative; }
#navleft ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; }
div#navleft ul ul ul, div#navleft ul ul li:hover ul ul { display: none; }
div#navleft ul ul li:hover ul, div#navleft ul ul ul li:hover ul { display: block; }
#navleft form { margin-top: 3px; margin-bottom: 0; padding-bottom: 0; }
#navleft form input { display: block; margin-top: 2px; margin-left: auto; margin-right: auto; }

#maincenter { width: 80%; float: left; /*background: #fff;*/ padding: 5px 10px 10px 10px; margin-top: 5px; }
#maincenter h1 { font-size: 100%; }
#maincenter h2 { font-size: 95% }
#maincenter h3 { font-size: 90%; font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: .9em;
    margin: 0; padding-bottom : 1px; border-bottom: 1px solid gray; color: #a90108; letter-spacing: 1px;
	text-transform: uppercase; text-align: right }
#maincenter h4 { font-size: 85%; margin-bottom: 10px; }
#maincenter  p.links a { display: block; padding: 3px 0 2px 6px; margin: 0; font-size: 100%; }
#maincenter p.dateline { text-align: left; font-size: .7em; margin-top: 2px; margin-bottom: -2px; }
#maincenter dl dt { font-size: 80%; font-weight: bold; margin-bottom: -8px; }
#maincenter ol li { font-size: 80% }
#maincenter ul li { font-size: 80% }
#maincenter ul.thanks { list-style-type: none; list-style-image: none;  }
#maincenter table { height: 100%; width: 80% }
#maincenter table th { font-size: 80%; }
#maincenter form { font-size: small; height: 100% }
#maincenter form table tr td.leftcol { text-align: right; }
#maincenter .news { color: #FF0000; text-transform: uppercase; font-weight: bold; }
#maincenter p.author { text-align: right; font-size: .7em; font-weight: bold; margin-top: 2px; font-style: italic;
	margin-bottom: -2px; }
#maincenter p.textlinks { font-size: 70%; text-align: center; }
#maincenter p.copyright { margin-left: auto; margin-right: auto; text-align: middle; font-size: .7em; }
#maincenter .articletitle { font-weight: bold; }
#maincenter .quote { font-style: italic; }
#maincenter .blazon { font-style: italic; color: #a90108; }
#maincenter .awards { font-weight: bold; font-color: #a90108; }
#maincenter p.badgeimg img { float: right; }
#maincenter .signature { font-family: cursive; }
#maincenter #awardrec form { font-size: 100.01% }

/* THE VIGIL STYLES */
#maincenter ul.vigilparts { list-style: none; }
#maincenter li.vigil_list { display: inline; }

/*ROLL OF ARMS HISTORICAL LISTING OF RECIPIENTS OF BARONIAL AWARDS */
#maincenter table.roll-of-arms { border: 0; height: 100%; width: 75%; display: block; margin-left: auto;
    margin-right: auto; }
#maincenter table.roll-of-arms tr td { font-size: 80%; }

/* BARONIAL OFFICERS/LOCAL SENESCHALS TABLE LAYOUT */
#maincenter #officers table { border: 0; width: 100%; display: block; margin-left: auto; margin-right: auto; }
#maincenter #officers tr td { vertical-align: top; }
#maincenter #officers tr td.badge { width: 65px; }
#maincenter #officers tr td.officer { width: 40%; }
#maincenter #officers tr td p.office { font-weight: bold; margin-bottom: -12px; margin-top: -2px; }
#maincenter #officers tr td p.sca { font-weight: bold; margin-bottom: -12px; }
#maincenter #officers tr td p.mundane { font-style: italic; margin-bottom: -12px; }
#maincenter #officers tr td p.address { margin-left: 10px; margin-bottom: -12px; }
#maincenter #officers tr td p.email { margin-left: 10px; margin-bottom: -12px; }
#maincenter #officers tr td p.geoarea { text-align: center; font-style: italic; font-size: 70%; }
#maincenter #officers tr td p.groupweb { margin-left: 15px; font-style: italic; margin-bottom; -12px;}

/* BARONIAL OP TABLE LAYOUT */
#maincenter #op table { border: 0; width: 100%; display: block; margin-left: auto; margin-right: auto; }
#maincenter #op tr td { width: 48%; vertical-align: top; }
#maincenter #op tr td p.sca { font-weight: bold; margin-bottom: -12px; }
#maincenter #op tr td p.mundane { font-style: italic; margin-bottom: -12px; }
#maincenter #op tr td p.award { margin-left: 5px; margin-bottom: -12px; }
#maincenter #op tr td p.currently { margin-bottom: -12px; }

/* CHAMPIONS PAGE/TABLE LAYOUT */
#maincenter #champions table { border: 0; width: 100%; display: block; margin-left: auto;
    margin-right: auto; }
#maincenter #champions table tr td img { display: block; margin-left: auto; margin-right: auto; }
#maincenter #champions table tr td img.portrait { margin: 10px; padding-top:10px; }
#maincenter #champions table tr td p.sca { font-weight: bold; margin-bottom: -12px; }
#maincenter #champions tr td p.group { font-style: italic; margin-bottom: -12px; }
#maincenter #champions tr td p.award { margin-left: 5px; }
#maincenter #champions tr td p.currently { margin-bottom: -12px; }

/* EVENT CLASSES TABLE LAYOUT */
#maincenter #eventclasses table { border: 0; width: 50%; display: block; margin-left: auto; }
#maincenter #eventclasses tr th.timeheader { width: 10%; }
#maincenter #eventclasses tr td.timecell { width: 10%; text-align: right; }
#maincenter #eventclasses tr td { width: 40%; vertical-align: top; }
#maincenter #eventclasses tr td p.time { width: 10%; font-weight: bold; vertical-align: top; margin-bottom: -12px; }
#maincenter #eventclasses tr td p.sca { margin-bottom: -12px; }
#maincenter #eventclasses tr td p.classname { font-style: italic; margin-bottom: -12px; }

#footer { font-size: .7em; width: auto; border: 0; border-top: 1px solid #036;
	margin: 5px; padding: 2px 5px 3px 5px; }
#footer img { display: block; margin-left: auto; margin-right: auto; }
