/*
// Base Layout orig bg: 8EC1C4
*/

body {
	margin : 0;
	background : #8EC1C4 url(../images/body-background.jpg) center 0 repeat-y;
	color : #1C299F;
	font-family : "Microsoft Sans Serif", Trebuchet MS, Arial, Gill Sans MT;
	font-size : 10pt;
	text-align : center;
}

#gradient-background {
	width : 100%;
	height : 480%;
	background : transparent url(../images/gradient-background.jpg) 0 0 repeat-x;
	position: relative;
}


.layout-container {
	position : relative;
	width : 946px;
	height : 485px;
	background : transparent url(../images/layout-container.jpg) 0 0 repeat-x;
	text-align : left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*
// Main Content
*/

#main-content, #main-content .header, #main-footer {
	width : 900px;
}

#main-content {
	margin : 0;
	margin-top : 0px;
	margin-left : 23px;
	background : #fff url(../images/main-content/background.gif) 0 0 repeat-y;
	line-height : 1.65em;
}

#main-content .header {
	height : 22px;
	margin-left : 0 !important;
	margin-right : 0 !important;
	margin-bottom : 3px;
	background : transparent url(../images/main-content/headers/default.gif) 0 0 no-repeat;
}


#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6,
#main-content p,
#main-content li,
#main-content table,
#main-content div {
	margin-left : 11px;
	margin-right : 11px;
}

#main-content h1,
#main-content h2,
#main-content h3 {
	margin-top : 11px;
}

/* Every page of main content should start with one of these...
#main-content h3 {
	margin-top : 0;
} */

/* Main Footer */

#main-footer {
	height : 11px;
	margin : 0;
	margin-left : 0 !important;
	margin-right : 0 !important;
	margin-top : 7px;
	background : transparent url(../images/main-content/footer.gif) 0 0 no-repeat;
}

/*
// Useful Generic Classes
*/

table {border-width: 0;  }
.text {border-width: 0; width: "85%"; }
.full {width: "100%";  }
td {	valign: top; }
.r {	text-align: right; }
.rs { text-align: right; font-weight: bold; }
.c { valign: top; text-align: center; background: #EFEFEF; }
.title {	font-size: 16pt; text-align: center; font-weight: bold; }
.smalltitle {	font-size: 12pt; text-align: center; font-weight: bold; }
.text {	font-size: 11pt; }
.back {	font-size: 10pt; text-align: right; }

#general-image2 {
	float: left;
	margin: 0;
	margin-left : 20px;
	margin-top : 0px;
}

#general-image {
	float : right;
	margin : 0,0,0,0;
	margin-right : 28px;
	margin-top : 28px;
}

.h2 {
	font-family: "Microsoft Sans Serif", Trebuchet MS, Arial, Gill Sans MT;
	color: #000066;
	letter-spacing: 1px;
	font-size : 18pt;
	margin : 10px 10px 4px 0px;
	/*color: #7A8B69;*/
}

.h3 {
	font-family: "Microsoft Sans Serif", Trebuchet MS, Arial, Gill Sans MT;
	color: #000066;
	letter-spacing: 1px;
	font-size : 14pt;
	margin : 10px 10px 4px 0px;
	/*color: #7A8B69;*/
}

.h4 {
	font-family: "Microsoft Sans Serif", Trebuchet MS, Arial, Gill Sans MT;
	color: #000066;
	font-size : 12pt;
	margin : 4px 4px 4px 0px;
	font-weight : bold;
	/*color: #7A8B69;*/
}


.alt,
.show_hide {
	display: none;
}

.pagenumber {
	font-weight : bold;
	float: right; 
	display: inline;
}

a, img {
	margin : 0;
	border : none;
	padding : 0;
}

p {
	margin : 2px;
	border : none;
	padding : 2px;
}

.banner-text {
	font-weight : bold;
	text-align: right;
	color: #ffffff;
	position : absolute;
	top : 102px;
	display : block;
	right : 20px;
	font-size : 16px !important;
}

/*4E569D*/
.a-plain {
	color: #4E569D !important;
	font-weight : bold;
	text-decoration : underline;
}

.a-plain-small {
	color: #4E569D !important;
	text-decoration : underline;
	font-size : 10px !important;
}

h1, h2, h3, h4{
	color: #000066;
}


.a-white {
	color: #ffffff !important;
	text-decoration : none;
}

.small {
	font-size : smaller !important;
}

.red {
	color: #9c0000 !important;
}

.white {
	color: #ffffff !important;
}

.grey {
	color: #58595D !important;
}

.green {
	color: #A2C1A4 !important;
}

.darkgreen {
	color: #14582C !important;
}
.amber {
	color: #DF4914 !important;
}

.blue {
	color: #4E569D !important;
}

.strong {
	font-weight : bold !important;
}

.italic {
	font-style : italic !important;
}

.strike {
	text-decoration: line-through !important;
}

.underline {
	text-decoration: underline !important;
}

.boxedtable2 {
	border : thin dashed;
	border-color : Silver;
	padding : 2px 4px 2px 4px;
}

.boxedtable {
	border : thin solid;
	border-color : Silver;
	padding : 2px 4px 2px 4px;
}
.boxedcell-solid {
	border : thin solid;
	border-color : #4E569D;
	padding : 1px 1px 1px 1px;
}

.alt {
	display : none;
}

.css-irt span {
	display : none;
}

.clear, .row {
	display : block;
	clear : both;
}

/*
// Page Header & Navigation
*/
/*
#page-header {
	position : relative;
	width : 728px;
	height : 76px;
	margin : 0 9px 8px;
	background : #52589B url(../images/page-header.jpg) 0 0 no-repeat;
}
*/
#page-header {
	position : relative;
	width : 928px;
	height : 82px;
	margin : 0 9px 8px;
	background : #52589B url(../images/page-header.jpg) 0 0 no-repeat;
}

#navigation {
	position : absolute;
	left : 266px;
	top : -2px;
	width : 430px;
	height : 63px;
	margin : 0;
	padding : 0;
	list-style : none;
}

#navigation li {
	position : absolute;
	top : 0;
	margin : 0;
	/*background : #ff00ff;*/
}


/*background : #ff00ff;*/
li.nav-sub {
	top : 110px;
}

li.nav-sub, li.nav-sub a {
	height: 14px;
}

#subnav {
	position : relative;
	height : 20px;
	top: 63px;
}

#subnav abbr, #subnav a {
	color : #000000;
	border : 0;
	text-decoration : none;
}

#subnav a:hover {
	color : #577C1E;
}

#subnav #larp, #subnav #about, #subnav #contact, #subnav #mailto, #subnav #phone , #subnav #gallery, #subnav #links, #subnav #home, #subnav #herofest {
	position : absolute;
	top : 2px;
	font-size : 9pt !important;
	font-style : normal;
}

#subnav #herofest	{
	left: 220px;
}

#subnav #larp {
	left : 380px;
}

#subnav #about {
	left : 210px;
}

#subnav #contact {
	left : 540px;
}

#subnav #gallery {
	left : 655px;
}

#subnav #links {
	left : 755px;
}

#subnav #home {
	left : 850px;
}

/*background : #ff00ff;*/

#navigation li, #navigation a {
	display : block;
	height : 68px;
}

#navigation #hq-logo {
	left : -255px;
	width : 230px;
}

#navigation #characters {
	left : 100px;
	width : 100px;
}

#navigation #characters a:hover {
	background : transparent url(../images/page-header.jpg) -366px -81px no-repeat;
}

#navigation #campaign {
	left : 204px;
	width : 76px;
}

#navigation #campaign a:hover {
	background : transparent url(../images/page-header.jpg) -470px -81px no-repeat;
}

#navigation #rules {
	left : 284px;
	width : 76px;
}

#navigation #rules a:hover {
	background : transparent url(../images/page-header.jpg) -550px -81px no-repeat;
}

#navigation #events {
	left : 392px;
	width : 70px;
}

#navigation #events a:hover {
	background : transparent url(../images/page-header.jpg) -658px -81px no-repeat;
}

#navigation #forums {
	left : 490px;
	width : 65px;
}

#navigation #forums a:hover {
	background : transparent url(../images/page-header.jpg) -756px -81px no-repeat;
}

#navigation #new {
	left : 552px;
	width : 110px;
}

#navigation #new a:hover {
	background : transparent url(../images/page-header.jpg) -818px -81px no-repeat;
}

hr	{
	margin: 2px;
}

/*	___________________________________________________________________________________________________________________
*/
.clearFloat {
	clear: both;
	float: none;
}