body {
 background-color:#333;
 background-image:url(/images/texture-stonewall.jpg);
 padding:85px 0 0 0;
 margin:0;
}
body, th, td, div, p, ul, ol, dl, li {
 font-family:Arial, Verdana, sans-serif;
 font-size:10pt;
}

h1, h2, h3, h4, h5, h6, .subtitle {
 font-family: 'IM Fell English', Times, serif; 
 color:#900;
 line-height:110%;
}

h1	{font-size: 26pt; font-weight: normal; margin-bottom:12px; margin-top:20px;  text-shadow: #aab 2px 2px 2px;}
.subtitle { font-size: 18pt; font-weight: normal;}
h2	{font-size: 22pt; font-weight: normal; margin-bottom:6px; margin-top:30px}
h3	{font-size: 18pt; font-weight: normal; margin-bottom:6px; margin-top:27px}
h4	{font-size: 16pt; font-weight: normal; margin-bottom:3px; margin-top:24px; font-style: italic; }
h5	{font-size: 14pt; font-weight: normal; margin-bottom:3px}
h6	{font-size: 12pt; font-weight: normal; margin-bottom:3px;                  font-style: italic; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child {margin-top:0 !important}
.subheading {font-size:.6em; text-shadow:none; position:relative; top:-.3em;}

hr, .hr {
 clear:both;
 padding:0;
 margin:1.5em;
 border-width:1px 0 0 0;
 border-color:#333;
 border-style:dotted;
 height:1px;
}
*+html hr, *+html .hr {
 margin:0 1.5em;
}


/* nav */
#topNav	 {
 position: absolute; 
 z-index:2;
 top:0; 
 left:0; 
 width:100%; 
 height:75px;
 background-color:#000;
 border-bottom:3px solid #600;
}
#topNavInner {
 position:relative;
 margin:0 auto;
 width:960px;
 height:10px;
}
.questLogo {
 display:block;
 float:left;
 width:108px;
 height:63px;
 background-image:url(/images/quest-logo.gif);
 margin:4px 30px 0 4px;
 opacity:.9;
}
#topNavTabs {
 position:absolute;
 left:140px;
 top:0;
 width:740px;
 z-index:2;
}
.topNavTab {
 float:left;
 position:relative;
 margin:3px 6px 0 3px;
 font-weight:bold;
 font-size:.8em;
 text-align:center;
 width:60px;
 height:57px;
 background-image:url(/images/tab-shield.gif);
 background-repeat:no-repeat;
 background-position:center top;
}
.topNavTab a {
 display:block;
 padding:8px 6px 0 5px;
 height:57px;
 text-align:center;
 font-family:Times, serif;
 font-variant:small-caps;
 font-size:1em;
 letter-spacing:.02em;
 color:#933 !important;
 text-decoration:none;
}
#topNavplayers a, #topNavcontact a {letter-spacing:-.05em !important}
.topNavTab:hover a {
 color:#f33 !important;
 text-decoration:underline !important;
}
.topNavTabLit  {
 background-image:url(/images/tab-shield-lit.gif) !important;
}
.topNavTabLit a {
 color:#ffd !important;
}

#sideNav {
 position:absolute;
 z-index:1;
 top:78px;
 left:2px;
 width:130px;
 color:#700;
 background-image:url(/images/pennant-bottom.gif);
 background-repeat:no-repeat;
 background-position:bottom left;
}
#sideNav ul * {font-family:Garamond, serif;}
#sideNav a {
 text-decoration:none;
 color:#700;
 font-family:Garamond, serif;
}
#sideNav a:hover {text-decoration:underline}
.sideNavTitle {
 padding:0;
 font-family:Garamond, serif;
 font-size:10pt; 
 margin:0; 
 font-weight:bold; 
 text-align:center;
 font-variant:small-caps;
 background-color:#c3c399;
 border-width:0 2px 1px 2px;
 border-style:solid;
 border-color:#633 #633 #999 #633;
 text-shadow:none;
}
.sideNavTitle a {
 color:#977 !important;
 padding:5px 0 !important;
}
#sideNav ul {
 padding:0; 
 margin:0 0 52px 0; 
 list-style-type:none;
 background-color:#d3d3a9;
 border-width:0 2px;
 border-color:#633;
 border-style:solid;
}
#sideNav li  {
 font-size:1.1em;
 line-height:1em;
 padding:0 5px 0 15px;
 text-indent:-10px;
 border-bottom: 1px dashed #a98;
}
#sideNav li:last-child {border-bottom-width:0 !important}
#sideNav li:hover {
 background-color:#a76;
}
#sideNav a {
 display:block;
 padding:10px 0;
}
li.sideNavGroup {
 font-weight:bold; 
 font-size:1.1em !important;
 line-height:1em !important;
 padding:10px 5px 10px 15px !important;
 position:relative;
}
li.sideNavGroup ul {
 position:absolute;
 left:123px;
 width:150px;
 border-style:solid;
 border-color:#a76 !important;
 border-width:1px 2px 2px 1px !important;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 margin-top:-22px !important;
 padding:5px 0 !important;
 display:none;
 z-index:2;
 min-height:50px !important;
 background-image:none !important;
 background-color:#dda !important;
}
li.sideNavGroup:hover ul {
 display:block;
}
li.sideNavGroup li {
 font-size:.9em !important;
 line-height:.9em;
 font-weight:normal;
 border:0 solid white !important;
}
li.sideNavGroup li a {
 padding:5px 10px 5px 5px !important;
 text-indent:-10px;
}
.sideNavDivider {
 height:1px; 
 font-size:1px; 
 background-color:#ccc; 
 width:80px;
 margin:5px 0 5px 10px;
}
.navsearch {
 position:absolute; 
 top:0; 
 right:20px; 
 font-size:7pt; 
 font-family:Arial,sans-serif; 
 vertical-align:middle; 
 z-index:1;
}
.navsearch input {font-size:7pt}
#menuButton {display:none}

.leftnav {display:none}

/* content div for pages with a left nav */
div.content {
 margin:0 auto;
 padding:10px 20px 20px 20px;
 width:750px;
 background-color:#fcfef3;
 background-image:url(/images/texture-parchment.jpg);
 border-width:2px 4px 4px 2px; 
 border-style:solid;
 border-color:#633;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 position:relative;
 left:80px;
}
div.contentNoSideNav {
 width:940px;
 left:0;
}
/* layout */
.halfCol, .thirdCol, .twoThirdsCol {
 float:left;
 padding-right:10px;
 margin-right:10px;
}
.halfCol {width:350px;}
.thirdCol {width:200px;}
.twoThirdsCol {width:410px;}
.rightBorder {border-right:2px solid #ccc}

.footer {
 clear:both;
 width:490px;
 height:44px;
 padding:15px 7px 0 7px;
 margin:20px auto 0 auto;
 background-image:url(/images/lance.gif);
 background-repeat:no-repeat;
 background-position:top center;
}
.copyright {
 font-size:.8em; 
 color:#bbb; 
 text-align:right !important;
 margin:0 6px 0 0;
}

/* index page */
.contentIndex #columnNew, .contentIndex #columnCurrent { 
 padding:10px;
 width:210px; 
 min-height:560px; 
 background-repeat:no-repeat;
}
.contentIndex #columnNew {
 float:left;
 background-image:url(/images/bg-nature-man.jpg);
}
.contentIndex #columnCurrent {
 float:right;
 background-image:url(/images/bg-nature-woman.jpg);
}
.contentIndex #columnNew h2, .contentIndex #columnCurrent h2 {
 padding:20px 0 20px 0;
 line-height:105%;
 text-align:center;
}
.contentIndex ul {
 padding:0;
 margin:0 0 0 20px;
}
.contentIndex li {
 margin-bottom:15px;
 font-size:1.2em;
}
.contentIndex #columnUpcoming {
 float:left; 
 width:340px;
 margin:0 30px; 
 padding:30px 15px 0 15px;
}
.contentIndex #columnUpcoming .scrollMid {min-height:300px}
.contentIndex .upcoming h3 {margin-bottom:0; font-size:15pt;}
.contentIndex .upcoming p {margin-top:0}
.contentIndex .upcoming .unfilled {display:none}
#indexTips {
 clear:both;
 margin:0 auto;
 color:#888;
 padding:40px 15px 0 40px;
 text-align:center;
}
#indexTips p {font-size:.8em !important;}

.medallion {
 margin:10px auto 0 auto;
 background-color:#cc9;
 background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.05, rgb(223,190,81)),
    color-stop(0.54, rgb(205,172,63))
 );
 background-image: -moz-linear-gradient(
    center bottom,
    rgb(223,190,81) 5%,
    rgb(205,172,63) 54%
 );
 border:2px solid #663;
 -moz-border-radius:6em;
 -webkit-border-radius:6em;
 border-radius:6em;
 -moz-box-shadow:5px 2px 5px rgba(0,0,0,.5);
 -webkit-box-shadow:5px 2px 5px rgba(0,0,0,.5);
 box-shadow:5px 2px 5px rgba(0,0,0,.5);
 width:10em;
 height:10em;
 padding:1em;
 text-align:center;
}
.medallion p {
 font-size:.9em;
 font-weight:bold;
 margin:0;
 color:#440;
 font-family:Garamond,Times,serif;
}
.medallion p:first-child {margin-top:1.2em}
.medallion h2 {
 margin:.5em 0; 
 font-size:2.2em;
 line-height:100%;
 color:#620;
}

.callout {
 background-color:rgba(180, 150, 150, .2);
 border:1px solid #633;
 -moz-border-radius:2em;
 -webkit-border-radius:2em;
 border-radius:2em;
 padding:1em;
 margin:0 0 1em 0;
}


/* photoframes */
.photoframe {
 border-width:2px;
 border-style:solid;
 border-color:#b85 #741 #741 #b85;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 -moz-box-shadow:0 0 3px 3px #963;
 -webkit-box-shadow:0 0 3px 3px #963;
 box-shadow:0 0 3px 3px #963;
 margin:10px;
}
.photoframe.photoframeLeft {
 float:left;
 margin-left:0;
 margin-right:20px;
}
.photoframe.photoframeRight {
 float:right;
 margin-right:0;
 margin-left:20px;
}
.photoframe.photoframeCenter {
 margin-left:auto;
 margin-right:auto;
}

/* for "back to __" buttons */
a.jumpbutton, a.jumpbutton:active {
 background-color:#ddd; 
 text-decoration:none; 
 color:black; 
 font-family:sans-serif; 
 font-size:.9em;
 padding:.4em .7em;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
a.jumpbutton        {border:2px outset #999}
a.jumpbutton:active {border:2px inset  #999}

/* rules */
.text {font-family: "Times New Roman", Times, serif}
.CitedSpell {font-style: italic}
.CitedSkill {font-weight: bold}
.emphasize {font-style: italic; font-family: "Times New Roman", Times, serif}
div.rulescontent {margin-left:150px}

/* new player guide */
#npgtitle {float:left; width:180px}
#npgnavlist ul {float:left; width:200px; margin-top:20px; margin-bottom:20px;}
#npgnavlist li {padding-bottom:3px}
#npgcontent p {margin-left: 15px}
#npgfooter {margin-top:10px}
#npgfooter a {
 float:left;
 display:block;
 text-decoration:none; 
 color:black !important;
 background-color:#eee; 
 font-size:1.1em; 
 font-weight:bold;
 border:2px outset; 
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 padding:4px;
 margin:0 10px;
}
#npgfooter a:active {
 border:2px inset;
 padding:5px 3px 3px 5px;
}

/* uncle lloyd */
.ulContent h1 {margin-top:0}
.ultitle {
 font-family:'IM Fell English',Verdana,Arial,sans-serif; 
 margin-bottom:0; 
 color:#633; 
 font-weight:bold;
}
.ulsource {margin:0 0 2 20px; color:#999; font-weight:bold; font-size:1.1em;}
.ulbyline {margin:0 0 0 20px; color:#999; font-style:italic; font-size:1em}

/* teasers */
h1.teaser {
 line-height:85%;
}
h1.teaser .cg {font-size:.4em;}
.teaserIngame {
 border-color:#631 #b85 #b85 #631; 
 border-width:1px 3px 3px 1px;
 border-style:outset;
 background-color:#f8f4e0;
 padding:10px 20px 15px 20px;
 margin:5px auto;
 width:490px;
}
.teaserIngame p {
 font-family:'IM Fell English',Times,serif; 
 font-size:1.2em;
}
.cg {
 font-size:.5em;
 font-family:Arial,sans-serif;
 font-weight:normal;
 font-style:italic;
 padding-left:3px;
 text-shadow:none;
}
.teaserBasics {
 width:40%;
 float:left;
 background-color:#fff;
 border:1px solid #600;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 padding:10px;
 margin:10px 20px 10px 0;
}
.teaserBasics h3 {margin-bottom:0}
.teaserBasics h3 + p {margin-top:.5em}
.teaserBasics h4 {
 font-size:1.2em;
 font-style:normal;
 margin:0;
}
.teaserBasics h4 + p {margin-top:.2em}
.teaserBasics address {
 font-style:normal;
 margin:0 0 0 10px;
}
.teaserBasics form {margin:0; padding:0}

/* forums */
body.forums {padding-left:10px; padding-right:10px; padding-bottom:10px}
body.forums .bodyline {
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 border-radius:20px;
 background-image:url(/images/texture-parchment.jpg);
}
body.forums table {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}
body.forums .forumline {border-color:#966 !important}
body.forums th {
 background-color:#a88 !important;
 color:#eea;
}
body.forums .row2 {background-color:#e7e3de !important}
body.forums .row3, body.forums .row3Right, body.forums td.spaceRow, body.forums td.catHead, body.forums td.catBottom {
 background-color:#dcd7d1 !important
}

/* scroll */
.scroll {
 width:270px;
 background-image:url(/images/scroll-middle.jpg);
 position:relative;
 padding:60px 35px 30px 35px;
 margin:0 10px 20px 0;
}
.scrollTop {
 position:absolute;
 background-image:url(/images/scroll-top.jpg);
 background-repeat:no-repeat;
 width:340px;
 height:87px;
 top:0;
 left:0;
 z-index:3;
}
.scrollBottom {
 position:absolute;
 background-image:url(/images/scroll-bottom.jpg);
 background-repeat:no-repeat;
 width:340px;
 height:48px;
 z-index:3;
 bottom:0;
 left:0;
}
.scrollMid {
 position:relative;
 z-index:4;
}
.scroll h3 {
 line-height:90%;
}

/* initium */
.initiumHeader {text-align:center}
.initiumHeader h1 {
 font-size:3.8em;
 color:#b90; 
 font-style:italic;
 margin-bottom:0;
 text-shadow:none;
}
.initiumHeader h2 {margin-top:10px}

.initiumHighlights {margin-top:50px}
.initiumHighlights li {
 margin-bottom:1em;
 font-size:1.1em;
 font-weight:bold;
}

.initiumContent {
 margin-left:20px;
}
.initiumContent h2 {
 margin-left:-20px;
 margin-bottom:0;
}
.initiumContent h3 {
 margin-left:-10px;
 font-size:1.3em;
}
.initiumContent h4 {
 margin-left:-10px;
 font-size:1.1em;
}

.initiumContent h2 + h3 {
 margin-top:1em;
}

.initiumFootnote {
 font-size:.8em;
 color:#666;
 margin:1.5em -10px;
}

/* news */

.newsLinks {
 float:left;
 width:48%;
 border-right:1px solid #ccc;
}
.newsArchives {
 float:right;
 width:48%;
}
.newsArchives ul, .newsArchives li {
 list-style-type:none;
 display:inline;
}
.newsArchives li:after {
 content:",";
}
.newsArchives li:last-child:before {
 content:" or ";
}
.newsArchives li:last-child:after {
 content:".";
}
.newsContent {
 border-top:1px solid #ccc;
 margin-top:10px;
}

/* tables */
.zebra {border-collapse:collapse}
.zebra thead tr, .zebra tbody tr:nth-child(even) {background-color:#ddb;}
.zebra, .zebra td, .zebra th {border: 1px solid #999;}
.zebra th {color:#660000; text-align:left; padding:3px; vertical-align:bottom}
.zebra td {vertical-align:top; padding:2px}

/* misc */
ul.tall li {
 margin-bottom:.5em;
}
ul.short li {
 margin-bottom:1px;
}
.shadow {text-shadow: #aab 2px 2px 2px;}
.symbolimage, .godicon {
 padding:10px; 
 border:2px groove #600;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px; 
 background-color:white;
 margin:10px;
}
.pronounce {
 font-family:Arial,sans-serif; 
 font-size:.8em; 
 color:#c33; 
 font-weight:normal; 
 font-style:normal;
}
.x {display:none}
.clear {clear:both}
.flushleft { /* for ul and ol */
 padding:0;
 margin:0 0 10px 15px;
}
.flushleft li {
 padding:1px 0 1px 0;
 margin:0;
}
.alignRight {text-align:right}
form.donate {
 width:130px; 
 float:left;
 margin:0 10px 10px 0;
}

.metanote {
 background-color:#fff4f4;
 border:1px dashed #600;
}
.metanote:before {
 content:"Design Notes:";
 font-weight:bold;
 color:#300;
}
div.metanote {
 margin:10px 0 20px 20px;
 padding:10px;
 width:200px;
 float:right;
}
div.metanote p {margin:0 0 6px 0}
div.metanote:before {
 display:block;
 margin-bottom:4px;
 font-size:12px;
}
.metanote, .metanote p {font-size:11px}
.fullWidth {
 width:100% !important; 
 float:none !important; 
 margin:10px 20px 10px 10px !important;
}
table.terms {margin:30px 30px 0 30px}
table.terms td {font-size:.9em; vertical-align:top}
.qmail:after {
 content:"\0020(\1EA1\0163) quest\00A0<\0064\1ECD\0163>\00A0org";
}
.mobileOnly, .iphoneOnly {display:none}


	/* old nav */
	#qiplogo {margin-right:32px}
	.navtabscell {text-align:left; vertical-align:bottom; padding-right:20px}

	table.navtabs td {}
	table.navtabs td.navtableft {background-image:url(http://www.quest.org/navtableft.gif); width:9px}
	table.navtabs td.navtabmain {background-image:url(http://www.quest.org/navtabmain.gif); background-position:right top; text-align:left; padding:10px 10px 6px 1px}
	table.navtabs span {background-color:purple; width:6px}
	table.navtabs a {color:#eeeeee; text-decoration:none; font-family: verdana, sans-serif; font-size:9pt; color:#eeeeee; font-weight:bold}
		
	table.navtabs .topnavleftlit {background-image:url(http://www.quest.org/navtableftlit.gif); width:9px}
	table.navtabs .topnavmainlit {background-image:url(http://www.quest.org/navtabmainlit.gif); background-position:right top; padding:10px 10px 6px 1px}


	/* left nav */
	div.leftnav * {font-family:Verdana, Arial, sans-serif;}
	div.leftnav {position: absolute;top:77px; left:0px; clip: rect(   ); width:130px; font-family:Verdana, Arial, sans-serif; color:#663300; background-color:#eeeeee}

	div.leftnav a {text-decoration:none !important; color:#663300; display:block; margin:0 0 0 0; padding:10px 5px}

	div.leftnav h3 {color:#eeeeee; font-size:10pt; margin:0; padding:0; font-weight:bold; background-color: #993300; border-bottom: 2px solid #663300; text-align:center}
	div.leftnav h3 a {color:#eeeeee !important}

	div.leftnavgroup {background-color:#eeeeee; border-bottom:2px inset #663300}
	div.leftnavgroup h4 {font-size:10pt; font-style:normal; margin:0; padding:0}

	div.leftnavgrouppages {display:none; font-size:8pt}
	div.leftnavgrouppages p {margin:0}
	div.leftnavgrouppages a {margin:0; padding:2px 3px 7px 10px; line-height:8pt}

	div.leftnav p {margin:0; padding:0; font-size:8pt}

	
  /* DEPRECATED - use div.content instead */
  div.leftnavcontent, div.thereal-leftnavcontent {
	 padding-top:80px;
	 margin-left:150px;
	 max-width:840px;
     padding-right:10px;
  }
  /* DEPRECATED */