/* Global styles */

	body {margin: 0; padding: 0; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif;	}

	h1 {margin: 0; padding: 15px 0px 5px 0px; font-weight: bold; font-size: 24px; color: #99CC66; }
	h2 {margin: 0; padding: 15px 0px 5px 5px; font-weight: bold; font-size: 16px; color: #003366; }
	h3 {margin: 0 0 -5;	padding: 10px 0px 0px 10px;	font-weight: bold; color: #3399AA; font-size: 11px;}
	h4 {margin: -17 0 -5; padding: 10px 0px 0px 10px; font-weight: bold; font-size: 11px; color: #3399AA;}

	p {padding: 0; margin: 5px 5px 10px 10px; line-height: 1.3em; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
    p.small {font-size: 10px; color: #999999;}
	
	a {color:#3399CC;}
	a:link {color:#3399CC;}
	a:visited {color:#006699;}
	a:hover {text-decoration: none; color:#3399CC;}
	a.nowalk {color:#999999; text-decoration: none;}
	a.nowalk:link {color:#999999; text-decoration: none;}
	a.nowalk:visited {color:#999999; text-decoration: none;}
	a.nowalk:hover {color:#999999; text-decoration: none;}

	.rm {display:none;}

    #menucontrol {vertical-align: top; width: 190px; margin: 0px; padding: 0px;}
	#content {margin: 0 300px 0 10em; padding: 15px 20px 0;	background: url(../images/content_back_top.gif) no-repeat; vertical-align: top;	width: 100%;}
	#contentmap {margin: 0 300px 0 10em; padding: 15px 20px 0; vertical-align: top; width: 100%;}
	#content ul {margin: 5px 5px 10px 30px;	font-size: 11px; list-style-image: url(../images/bullet_green.gif);}
	#content ol {margin: 5px 5px 10px 30px;	font-size: 11px;}
	#content ol ul ol li {list-style-image: none; margin-left: 60px; color: #6FA637;}
	#content li {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px 0 10px; padding: 0;}
	#content li li {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px 0 1px; padding: 0;}
	#content img.number {margin-right: 10px;}

    #blurb {width: 180px; margin: 0px; background-color: #E3F1F9; border-left: 1px solid #BADDEF; padding: 10px 0px 0px 0px;}
    #blurb p {font-size: 11px;}
	#blurbcontrol {vertical-align: top; width: 180px; background-image: url(../images/blurb_dark_bottom.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0px; padding: 0px 0px 25px 0px; background-color: #E3F1F9;}

/* == DESIGN TABLES == */
table.layout {width: 90%; border: 1px solid #BADDEF; margin: 0px; padding: 0px;}
.layout td {font-size: 11px; padding: 3px 3px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #BADDEF; vertical-align: top;}
.layout th {font-size: 11px; background-color: #E3F1F9; padding: 3px 3px 3px 5px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;	border: 1px solid #BADDEF;}

table.npcs {border: 1px solid #BADDEF; margin: 0px;	padding: 0px;}
.npcs td {font-size: 11px; padding: 3px 3px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #BADDEF; vertical-align: top;}
.npcs th {font-size: 11px; background-color: #E3F1F9; padding: 3px 3px 3px 5px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif;	border: 1px solid #BADDEF;}

table.areas {margin: 0px 0px 10px 10px; padding: 0px;}
.areas td {font-size: 11px; padding: 3px 3px 3px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top;}
.areas th {font-size: 11px; background-color: #E3F1F9; padding: 3px 3px 3px 5px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #BADDEF;}

/* == HEADER == */
#header {background-color: #000099;}
#header h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #FFFFFF; letter-spacing: 0.4em; margin: 0px; padding: 0px; text-indent: 18px; line-height: 32px; text-transform: uppercase;}
#header img {margin: 0px 18px 0px 0px; padding: 0px; vertical-align: middle;}

/* == QUICK LINKS == */
#quicklinks {padding: 2px 5px 3px 2px; vertical-align: middle; text-align: right; line-height: 110%; background-color: #99CC66; border-top: 1px solid #003366; border-bottom: 1px solid #003366;}
#quicklinks ul {margin: 0px; list-style-type: none; font-size: 11px; font-weight: bold; color: #000000;}
#quicklinks ul li {display: inline;	border-left: 1px solid #EEF7E6;}
#quicklinks ul li .nolink {background-color: #d1e8ba; padding: 5px 8px 5px 8px;	margin-right: -3px;}
#quicklinks ul li a {background-color: #EEF7E6; padding: 5px 8px 5px 8px; margin-right: -3px;}
#quicklinks ul li a:link { background-color: transparent; color: #003366; text-decoration: none; }
#quicklinks ul li a:visited { background-color: transparent; color: #003366; text-decoration: none; }
#quicklinks ul li a:active { background-color: #99CC66; color: #003366; text-decoration: none; }
#quicklinks ul li a:hover { background-color: #EEF7E6; color: #003366; text-decoration: none; }

/* == NAVIGATION MENU == */
	table#menu {font-size: 11px; padding: 25px 0px; margin: 0px; width: 190px; background-color: #99CC66; background-image: url(../images/content_back_bottom.gif); background-repeat: no-repeat; background-position: right bottom;}
  	table#menu a {text-decoration: none;}
	table#menu a:hover {color: #036; background-image: url(../images/arrow_yellow.gif); background-repeat: no-repeat; background-position: 5px;}

/* == Level 1 == */
    table#menu ul {list-style-type: none; margin: 0; padding: 0; font-weight: bold; border-top: 1px solid #99CC66;}
	table#menu ul li {border-right: 1px solid #99CC66; background-color: #EEF7E6;}
  	table#menu ul li a {display: block; color: #003366; padding: 5px 3px 5px 18px; margin: 0; width: 100%; border-top: 1px solid #99CC66; }
  	table#menu ul li .nolink {background-color: #d1e8ba; color: #003366; padding: 5px 3px 5px 18px; margin: 0; width: 100%; border-top: 1px solid #99CC66;}
	table#menu ul li .section {background-color: #d1e8ba;}
    table#menu ul li a.subsection {background-color: #E2F0D2;}
	table#menu ul li .map {background-color: #d1e8ba; padding: 0px; margin: 0 0 -3; width: 100%; border-top: 1px solid #99CC66;}

/* == Level 2 == */
	table#menu ul ul {display: none; margin: 0; padding: 0; border: none;}
	table#menu ul ul#full {display: block; margin: 0; padding: 0; border: none;}	
  	table#menu ul ul li a {padding: 5px 3px 5px 28px; margin: 0 -2px 0 0; width: 100%; border-top: 1px solid #BADDEF; border-right: 1px solid #BADDEF; background-color: #E3F1F9;}
	table#menu ul ul li .nolink {padding: 5px 3px 5px 28px; margin: 0 -2px 0 0; width: 100%; border-top: 1px #BADDEF solid; background-color: #c7e4f1; background-image: none;}
	
/* == GOOGLE SEARCH == */
#search { text-align: right; padding: 2px 10px 2px 0px;	margin: 0px; }
form { margin: 0px; padding: 0px; }
input { border: 1px solid #003366; }
input#btnG { background-color: #3399CC;	color: #FFFFFF;	margin-left: 2px; border: 0px; }

/* == BREADCRUMB == */
#breadcrumbcontrol {width: 100%;}
#breadcrumb {padding: 4px 0px 4px 18px; border-bottom: 1px solid #003366; font-size: 11px; width: auto;}
#breadcrumb a:link { color: #3399CC; }
#breadcrumb a:visited { color: #006699; }
#breadcrumb a:active { color: #3399CC; }
#breadcrumb a:hover { color: #000099; }

/* == REVISION == */
#revision {width: 180px; text-indent: 18px; padding: 4px 0px 4px 0px; border-bottom: 1px solid #003366; background-color: #BADDEF; margin: 0; font-size: 11px;}
#map {margin: 0px -8px 5px 10px; padding: 0px;}
#Alaric {margin: 0px -8px 5px 10px; padding: 0px;}
.reward {color: #3399AA;}
.parts {font-size: 11px; color: #999999; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
.trapped {color: #CC0000;}

/* == RANDOM == */
.random {font-size: 12px; font-family: "Courier New", Courier, mono;}
img.waylaid {margin-right: 10px;}
.dudleyfix {
	color: #FF9900;
}
.dudleyout {
	color: #FF9900;
	text-decoration: line-through;
}