/* HOME PAGES */

body#home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	background-image: none;
	background-color: #365761;
	margin: 0px;
	padding: 0px;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

#homecontainer { text-align: left; width: 800px; margin: 0px auto; }


/* ALL OTHER PAGES */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	background-color: #365761;
	background-image: url('imagescomm/bg_page.gif');
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

a:link { color: #365761; text-decoration: none; }
a:visited { color: #365761; text-decoration: none; }
a:hover { color: #993333; text-decoration: none; }
a:active { color: #365761; text-decoration: none; }

p { margin: 0px 0px 7px 0px; padding: 0px; }
h1 { font-size: 14px; line-height: 16px; margin: 10px 0px 2px 0px; padding: 0px; color: #993333; }
h2 { font-size: 12px; line-height: 16px; margin: 10px 0px 2px 0px; padding: 0px; }

#container { text-align: left; width: 800px; margin: 0px auto; background-color: #88abb2; }
#positionedleft { width: 150px; position: absolute; top: 35px; left: 28px; z-index: 2; }
#positionedright { width: 150px; position: absolute; top: 35px; right: 38px; z-index: 3; }

.smaller { font-size: 10px; }
.copyright { color: #88abb2; text-align: center; }
.copyright a:link { color: #88abb2; text-decoration: underline; }
.copyright a:visited { color: #88abb2; text-decoration: underline; }
.copyright a:hover { color: #88abb2; text-decoration: none; }
.copyright a:active { color: #88abb2; text-decoration: underline; }

.downloadlink { color: #B8A751; text-align: center; font-size: 18px; line-height: 22px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; }
.downloadlink a:link { color: #B8A751; text-decoration: none; }
.downloadlink a:visited { color: #B8A751; text-decoration: none; }
.downloadlink a:hover { color: #B8A751; text-decoration: underline; }
.downloadlink a:active { color: #B8A751; text-decoration: none; }


/* PAGE MENU */
#pagemenu { width: 520px; position: absolute; top: 9px; left: 10px; z-index: 4; text-transform: uppercase; }
#pagemenu img { margin: 0px 9px; } /*creates space around menu bullets */

#pagemenu a:link { color: #000000; text-decoration: none; }
#pagemenu a:visited { color: #000000; text-decoration: none; }
#pagemenu a:hover { color: #b26d64; text-decoration: none; }
#pagemenu a:active { color: #000000; text-decoration: none; }

#pagemenu a.current:link { color: #993333; text-decoration: none; font-weight: bold; }
#pagemenu a.current:visited { color: #993333; text-decoration: none; font-weight: bold; }
#pagemenu a.current:hover { color: #993333; text-decoration: none; font-weight: bold; }
#pagemenu a.current:active { color: #993333; text-decoration: none; font-weight: bold; }


/* MAIN CONTENT */
/* The design dictates that main content areas vary in margin, width, and 
/* other fundamental attributes. Some styling of this element is done locally 
/* on each page. */


   /* CHARACTERS section  */

#containercharacters { width: 800px; height: 1200px; background-color: #88abb2; background-image:url('characters/images/bg_blue.jpg'); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; }

#maincharacters { width: 556px; background-color: #EDE4C1; background-image:
url('characters/images/bg_cream.jpg'); background-repeat: no-repeat; margin: 0px 20px 0px 0px; position: absolute; top: 1px; left: 129px; z-index: 1;}

.tdcharactersleft { background-image:url('imagescomm/main_left.gif'); background-repeat: repeat-y; width: 6px; vertical-align: top; }
.tdcharactersmain { padding: 0px 80px 20px 110px; width: 543px; vertical-align: top; }
.tdcharactersright { background-image:url('imagescomm/main_right.jpg'); background-repeat: repeat-y; width: 7px; vertical-align: top; }

   /* KEYS section  */

#containerkeys { width: 800px; height: 950px; background-color: #88abb2; background-image:url('keys/images/bg_blue.jpg'); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; }

#mainkeys { width: 556px; background-color: #EDE4C1; background-image:
url('keys/images/bg_cream.jpg'); background-repeat: no-repeat; margin: 0px 20px 0px 0px; position: absolute; top: 1px; left: 129px; z-index: 1;}

.rune { margin: 8px 0px; }
.rune img { float: left; vertical-align: middle; margin: 0px 6px 3px 0px; }

 /* ALISON (AUTHOR) section  */

#containeralison { width: 800px; height: 900px; background-color: #88abb2; background-image:url('alison/images/bg_blue.jpg'); background-repeat: no-repeat; position: relative; top: 0px; left: 0px; }

#mainalison { width: 556px; background-color: #EDE4C1; background-image:
url('alison/images/bg_cream.jpg'); background-repeat: no-repeat; margin: 0px 20px 0px 0px; position: absolute; top: 1px; left: 129px; z-index: 1;}

.question { font-style: italic; margin: 8px 0px 0px 0px; }
.answer  { font-weight: bold; vertical-align: middle }
.answer img { float: left; vertical-align: middle; margin: 0px 3px 0px 0px; }
.pronunciation  { font-weight: bold; vertical-align: middle }
.pronunciation img { vertical-align: middle; margin: 0px 3px 0px 0px; }
.backtotop { float: right; width: 125px; font-weight: bold; vertical-align: middle }
.backtotop img { vertical-align: middle; margin: 0px 3px 0px 0px; }

   /* MAPS section is built a little differently than others to accommodate Flash */

.tdcontentbgmaps { padding: 0px 0px 0px 126px; height: 950px; background-image: url('maps/images/bg.jpg'); background-repeat: no-repeat; }


/* THIRD-LEVEL MENU */

#thirdmenu { width: 151px; position: absolute; top: 35px; right: 9px; z-index: 3; }
td.thirdmenucontent { padding: 0px 8px 8px 10px; background-image:url('imagescomm/3rd_bg.gif'); background-repeat: repeat-y; text-transform: uppercase; }
td.thirdmenucontent p { margin: 0px 0px 6px 0px; padding: 0px; }
td.thirdmenucontent h3 { margin: 0px 0px 6px 0px; padding: 0px; color: #993333; font-size: 11px; line-height: 14px; font-weight: normal; }

#thirdmenu a:link { color: #333333; text-decoration: none; }
#thirdmenu a:visited { color: #333333; text-decoration: none; }
#thirdmenu a:hover { color: #b26d64; text-decoration: none; }
#thirdmenu a:active { color: #333333; text-decoration: none; }

#thirdmenu a.current:link { color: #333333; text-decoration: none; font-weight: bold; }
#thirdmenu a.current:visited { color: #333333; text-decoration: none; font-weight: bold; }
#thirdmenu a.current:hover { color: #333333; text-decoration: none; font-weight: bold; }
#thirdmenu a.current:active { color: #333333; text-decoration: none; font-weight: bold; }

#thirdmenu td.thirdmenucontent h3 a { color: #993333; }
#thirdmenu td.thirdmenucontent h3 a:visited { color: #993333; text-decoration: none; }
#thirdmenu td.thirdmenucontent h3 a:hover { color: #b26d64; text-decoration: none; }
#thirdmenu td.thirdmenucontent h3 a:active { color: #333333; text-decoration: none; }