/* -------- Tag Markups -------- */

body
{
	margin: 0px;
	background-color: #F8F4E8;
	font-family: Times,serif;
/*	font-size: 12pt; */
	border-color: #3B3181;
}

html, body
{
/*	height: 100%; */
/*	width: 100%; */
}

p {}

/* -------------- Anchor Markups -------------- */
A { text-decoration: underline; }
A:link { background-color: inherit; }
A:visited { background-color: inherit; }
A:hover { text-decoration: none; }
A:active { background-color: inherit; }

hr
{
	width: 45%;
	height: 0px;
	border-style: solid;
	border-width: 1px;
}


/* -------- Area-Specific Markups -------- */

#display-area
{
/*	height: 100%; */
/*	width: 100%; */
	border-style: solid;
	border-width: 4px;
	padding: 8px;
}

#main-area
{
/*	height: 100%; */
/*	width: 100%; */
	border-style: solid;
	border-width: 4px;
	margin-bottom: 8px;
	color: inherit;
	background-color: #FEC;
/*	background-image: url(../images/Kittiwake-Watermark.gif); */
	background-image: url(../images/Kittiwake-Watermark.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}


p.title
{
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0.4em;
	font-weight: bold;
	z-index: 2;
}

.header
{
	font-size: 1.66em;
	font-variant: small-caps;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: center;
}

.guidetitle {padding-bottom: 10px;}

.kittiwake-logo
{
	position: absolute;
	top: 12px;
	left: 2%;
}


/* ------------ Menu Items ------------ */

#menu-container
{
	border-width: 0 6px 0 0;
	border-style: none double none none;
	width: 178px;
}

#menu-container .content {
	padding: 6px;
}

#menu-container .content .notice {
	font-size: .5em;
}

.menu
{
	width: 178px;
}

.menu-title
{
	color: #E9D9B2;
	font-weight: bold;
	font-variant: small-caps;
}

.menu-items
{
	line-height: 1.3em;
}



/* ------------ Main Area ------------ */

#main {
	width:100%;
}

#main .content {
	padding: 6px;
	line-height: 1.3em;
	margin: 1em auto 1em auto;
}

#main .content hr
{
	margin-bottom: 2em;
}

.ticket
{
	width: 75%;
	text-align: justify;
	margin: 0 auto 0 auto;
	border-width: 1px;
	border-style: solid;
	padding: 0 1.3em 0 1.3em;
}

.shorttop
{
	margin-top: -.65em;
}

.rtal
{
	float: right;
}

.rtal img
{
	border: 0 none;
	padding: 0 0 0 .5em;
}

.bigbottomlines
{
	width: 100%;
	border-width: 0 0 6px 0;
	border-style: none none double none;
}



/* -------------- How-To (Instructions) Markups -------------- */
P.howto-item { vertical-align: top; }

.howto-highlight
{
	color: #224422;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.25em;
	margin-bottom: -.3em;
}

DT { font-style: italic; }


/* -------------- For the Maps -------------- */

.map {
	background: #e2ce89; 
	font-size: 10pt;
}

.map p
{
	text-align: center;
}

.map #footer
{
	color: #000000;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}

DIV.nation { margin-bottom: 1em; }

.nation-name
{
	font-variant: small-caps;
	font-weight: bold;
}

.nation-text {  padding-left: 1em;}
.nation-allyenemy { font-weight: bold; padding-left: 1em;}
.nation-ally, .nation-enemy { font-weight: bold; }


/* -------------- Resource Markups -------------- */
.resource { }

.resource-title
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: -0.5em;
}

.resource-text
{
	padding: 0 5% 0 5%;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

/* -------------- Copyright -------------- */

.copyright
{
	width: 100%;

	border-style:solid;
	border-color:#E9D9B2;
	border-width: 2px 0 2px 0;

	padding: 0px;

	color:#E9D9B2;
	font-size: 0.66em;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 0.3em;
	line-height: 14pt;
}

.copyright a {
	color: #E9D9B2;
	font-weight:bold;
}

P.logo
{
	font-size: 0.66em;
	border-color: #3B3181;
	border-width: 1pt 0 0 0;
	border-style: solid;
}



/* -------- Formatting Items -------- */
.center {text-align: center;}
.bold {font-weight: bold;}
.italic {font-style: italic;}