/*
khaz modan alliance v1.0 layout
hazy, light orange dominance with green highlights

container margins:
top 6px
left 6px

logo dimensions:
width 705px
height 119px

*/

body, html
	{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	background-color: #FAFAFA;
	color: #000000;
	}

code
	{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	}

.align_right
	{
	text-align: right;
	}

h2
	{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	}

div, p
	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

div#spacer
	{
	position: absolute;
	color: #FFFFFF;
	background-color: transparent;
	bottom: -60px;
	height: 16px;
	width: 699px;
	}

div#container
	{
	margin-top: 6px;
	margin-left: 6px;
	position: absolute;
	width: 705px;
	color: #E08000;
	background-color: #F2F2F2;
	background-image: url(gfx/texture.png);
	overflow: visible;
	}

div.infobar
	{
	margin-top: 4px;

	border-width: 1px;
	border-style: dashed;

	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 24px;
	height: 16px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	width: 679px;
	color: #000000;
	background-color: #E0F0B0;
	}

div#tabardimage
	{
	margin-top: 10px;
	margin-bottom: 14px;
	position: relative;
	left: 40%;
	width: 128px;
	height: 96px;
	text-align: center;
	}

div#menubar
	{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 24px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	width: 681px;
	color: #000000;
	background-color: #E0A040;
	}

div.specialbox
	{
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
	margin-top: 6px;
	margin-bottom: 14px;
	left: 30px;
	font-size: 12px;
	width: 621px;
	border-width: 2px;
	border-style: dotted;
	color: #808080;
	background-color: #FFE080;
	}

div#menuitem1
	{
	position: absolute;
	top: 125px;
	left: 60px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	text-align: center;
	}

div#menuitem2
	{
	position: absolute;
	top: 125px;
	left: 160px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	text-align: center;
	}

div#menuitem3
	{
	position: absolute;
	top: 125px;
	left: 260px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;

	text-align: center;
	}

div#menuitem4
	{
	position: absolute;
	top: 125px;
	left: 360px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	text-align: center;
	}

div#menuitem5
	{
	position: absolute;
	top: 125px;
	left: 460px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	text-align: center;
	}

div#menuitem6
	{
	position: absolute;
	top: 125px;
	left: 560px;
	width: 80px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	text-align: center;
	}

div.menuitem
	{
	background-color: #F0B050;
	color: #000000;
	}

div.selectedmenuitem
	{
	background-color: #E0F0B0;
	color: #000000;
	}

div#shortcutforum2
	{
	font-size: 14px;
	font-weight: bold;
	/*top: 516px;*/
	bottom: -20px;
	left: 552px;
	position: absolute;
	height: 26px;
	width: 150px;
	background-color: #E0F0B0;
	color: #000000;

	border-width: 1px;
	border-style: dotted;
	border-color: #000000;

	z-index: 10;

	padding-top: 6px;
	text-indent: 8px;
	}

div#shortcutforum1
	{
	font-size: 14px;
	font-weight: bold;
	/*top: 480px;*/
	bottom: 16px;
	left: 552px;
	position: absolute;
	height: 26px;
	width: 150px;
	background-color: #E0F0B0;
	color: #000000;

	border-width: 1px;
	border-style: dotted;
	border-color: #000000;

	z-index: 10;

	padding-top: 6px;
	text-indent: 8px;
	}

textarea, select
	{
	font-family: Verdana, sans-serif;
	font-size: 12px;

	}

input, .nomargin
	{
	font-family: Verdana, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

input.textfield
	{
	vertical-align: top;
	font-size: 8px;
	height: 10px;
	width: 45px;
	border-width: 1px;
	}

div#loginformbox
	{
	width: 550px;
	height: 17px;
	bottom: -20px;

	padding-top: 1px;

	border-style: dotted;
	border-width: 1px;

	font-size: 10px;

	z-index: 5;

	position: absolute;
	color: #000000;
	background-color: #FFF2F2;
	}


div#loginformboxB
	{
	padding-top: 1px;


	border-style: dotted;
	border-width: 1px;

	z-index: 5;

	font-size: 10px;

	position: absolute;
	bottom: -20px;
	width: 550px;
	height: 17px;
	color: #000000;
	background-color: #F2FFF2;
	}

div#shortcutlink
	{
	font-size: 10px;
	font-weight: bold;
	bottom: 52px;
	left: 552px;
	position: absolute;
	height: 13px;
	width: 150px;

	background-color: #E0F0B0;
	/*background-color: #6090E0;*/
	color: #000000;

	text-align: center;

	border-width: 1px;
	border-style: dotted;
	border-color: #000000;

	z-index: 10;

	padding-top: 1px;
	text-indent: 8px;
	}


/*
UNFINISHED/UNUSED
div#jumpout
	{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 24px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	width: 681px;
	color: #000000;
	background-color: #E0C080;
	}

div#headline
	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 24px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	width: 681px;
	color: #000000;
	background-color: #E0A040;
	}
*/


div.blocktext
	{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 24px;
	width: 670px;
	color: #C07020;
	background-color: transparent;
	text-align: justify;
	}

div.newsbody
	{
	/*text-indent: 4px;*/
	padding-top: 3px;
	font-size: 12px;
	font-weight: normal;

	position: relative;
	left: -24px;
	top: -20px;
	width: 546px;
	border-style: dotted;
	border-width: 1px;
	}

div.newsheadline
	{
	text-indent: 4px;
	color: #000000;
	background-color: #E0A040;
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: -24px;
	height: 21px;
	width: 546px;
	border-style: dotted;
	border-width: 1px;
	}

div.newscomments
	{
	position: relative;
	font-size: 10px;
	left: 528px;
	top: -25px;

	height: 12px;
	width: 150px;

	/*color: #000000;
	background-color: #E0A040;*/
	color: #808080;
	background-color: #FFE080;


	text-indent: 4px;
	}

div.newsposter
	{
	position: relative;
	font-size: 10px;
	top: -18px;
	left: 409px;
	width: 113px;

	text-align: right;

	border-width: 1px;
	border-style: dotted;
	}

div.newsdate
	{
	position: relative;
	font-size: 10px;
	left: 528px;
	top: -26px;

	height: 12px;
	width: 150px;

	color: #808080;
	background-color: #FFE080;

	text-indent: 4px;
	}

div#footer
	{
	position: absolute;
	bottom: -40px;
	height: 16px;
	width: 696px;

	border-style: dotted;
	border-width: 1px;

	z-index: 8;

	padding-top: 2px;
	padding-left: 6px;

	color: #808080;
	background-color: #FFE080;
	}

div#submenu1
	{
	position: absolute;
	top: 146px;
	left: 185px;
	width: 55px;
	z-index: 9;

	text-align: center;

	border-width: 1px;
	border-style: outset;
	}

div#submenu2
	{
	position: absolute;
	top: 160px;
	left: 185px;
	width: 55px;
	z-index: 9;

	text-align: center;

	border-width: 1px;
	border-style: outset;
	}

li
	{
	margin-top: 4px;
	margin-bottom: 30px;
	}

ul
	{
	margin-top: 8px;
	margin-bottom: 8px;
	}

.hide
	{
	visibility: hidden;
	}

div#time
	{
	position: absolute;
	bottom: 0px;
	height: 16px;
	left: 496px;
	width: 200px;
	text-align: right;

	color: #808080;
	background-color: transparent;

	z-index: 10;
	}


a, a:link, a:visited
	{
	color: #0000FF;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
	}

a:hover, a:active
	{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

a.raffle, a.raffle:link, a.raffle:visited
	{
	color: #F0F0F0;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

a.raffle:hover, a.raffle:active
	{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

a.shortcut, a.shortcut:link, a.shortcut:visited
	{
	color: #0000FF;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

a.shortcut:hover, a.shortcut:active
	{
	color: #FF0000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

a.menu, a.menu:link, a.menu:visited
	{
	color: #804000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}

a.menu:hover, a.menu:active
	{
	color: #804000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	}

img
	{
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: transparent;
	color: #000000;
	vertical-align: middle;
	}

table#memberlist
	{
	margin-top: 8px;
	margin-bottom: 16px;
	border-width: 1px;
	border-style: solid;
	width: 550px;
	color: #C07020;
	background-color: transparent;
	font-weight: normal;
	}

td.divider
	{
	background-color: #C07020;
	color: #C07020;
	height: 2px;
	font-size: 0px;
	}

th
	{
	text-align: left;
	}

h1
	{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	}

.nocenter
	{
	text-align: left;
	}

.forcecenter
	{
	text-align: center;
	}

div#membersidebar
	{
	position: absolute;
	top: 177px;
	width: 146px;
	left: 554px;
	height: 72px;
	border-width: 1px;
	border-style: dotted;

	color: #000000;
	background-color: #E0F0B0;
	}

div#membersidebar2
	{
	position: absolute;
	top: 255px;
	width: 146px;


	left: 554px;
	border-width: 1px;
	border-style: dotted;

	color: #000000;
	background-color: #E0F0B0;
	}

div#rollsidebar
	{
	position: absolute;
	top: 195px;
	width: 186px;
	left: 514px;
	border-width: 1px;
	border-style: dotted;

	color: #000000;
	background-color: #E0F0B0;
	}

#memberinlinetable
	{
	width: 100%;
	}

div.eventbar
	{
	position: relative;
	margin-top: 4px;
	margin-bottom: 12px;
	left: 4px;
	width: 138px;

	border-width: 2px;
	border-style: dotted;
	color: #808080;
	background-color: #FFE080;
	overflow: visible;
	}

div#calendarintroblock
	{
	text-align: justify;
	position: relative;
	left: 160px;
	top: 6px;
	font-size: 12px;
	width: 540px;
	}

h3
	{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 2px;
	padding-bottom: 6px;

	text-align: center;

	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

div#upcomingevents
	{
	position: absolute;
	width: 150px;
	top: 176px;
	height: 140px;

	border-width: 1px;

	color: #000000;
	background-color: #E0F0B0;
	border-style: dashed;
	}

div#eventlisting
	{
	position: relative;
	left: 6px;
	top: 75px;
	width: 550px;
	color: #C07020;
	background-color: transparent;
	}

table#eventtable
	{
	margin-top: 8px;
	margin-bottom: 2px;
	border-width: 1px;
	border-style: solid;
	width: 540px;
	color: #C07020;
	background-color: transparent;
	font-weight: normal;
	}

div#calendaractionblock
	{
	position: absolute;
	width: 548px;
	top: 288px;
	left: 155px;
	border-width: 1px;
	height: 24px;

	padding-top: 4px;
	text-align: center;
	font-size: 14px;

	color: #000000;
	background-color: #E0F0B0;
	border-style: dashed;
	}

div#editorhelptext
	{
	font-size: 10px;
	top: 174px;
	left: 552px;
	position: absolute;
	width: 150px;
	background-color: #E0F0B0;
	color: #000000;

	border-width: 1px;
	border-style: dotted;
	border-color: #000000;

	z-index: 10;

	padding-top: 6px;
	padding-bottom: 6px;
	}

table.itembox
	{
	border-width: 2px;
	border-style: solid;
	border-color: #F0F0F0;
	width: 45%;
	color: #FFFFFF;
	background-color: #303030;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
	}

.itempurple
	{
	font-weight: bold;
	font-size: 14px;
	color: #9050D0;
	background-color: transparent;
	}

.itemblue
	{
	font-weight: bold;
	font-size: 14px;
	color: #6060E0;
	background-color: transparent;
	}

.itemgreen
	{
	font-weight: bold;
	font-size: 14px;
	color: #40F020;
	background-color: transparent;
	}

.itemwhite
	{
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background-color: transparent;
	}

span.goldtext
	{
	color: #E0C040;
	background-color: transparent;
	}

span.silvertext
	{
	color: #B0B0B0;
	background-color: transparent;
	}

.itemtext
	{
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
	}


.effecttext
	{
	color: #40F020;
	background-color: transparent;
	font-size: 12px;
	}

table#rolls1
	{
	position: relative;
	left: 0px;
	top: 0px;
	}

table#rolls2
	{
	z-index: 20;
	position: absolute;
	top: 56px;
	left: 100px;
	}

table.raffletable
	{
	width: 100%;
	background-color: #303030;
	color: #C07020;
	}

.r47
	{
	width: 47%;
	}

#rollbox
	{
	position: relative;
	margin-top: 4px;
	width: 296px;
	height: 49px;
	background-image: url(gfx/rollback2.png);
	padding-top: 15px;
	vertical-align: top;
	}

.itemtitle
	{
	width: 30%;
	}