body {
	font-family: 'lato', Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-color: #000000;
	color: #ffffff;
	text-align: left;
	height: 100%;
	width: 100%;
}

.centerWrap
{
width: 1024px; 
	margin: 0 auto; 
}

/* 
font-family: 'lato';
font-size: 13px;
*/
a:link 
{ 
color: #A7B9BF; 
text-decoration: none; 
} 
a:visited 
{ 
color: #A7B9BF; 
text-decoration: none; 
} 
a:hover 
{ 
color: #5B8EB2; 
text-decoration: none; 
border-bottom: none; 
}

/*
td
{ 
font-family: 'latolight';
font-size: 13px;
} 
.forumborder { 
font-family: 'latolight';
font-size: 13px;
} 
*/


/*
.forumborder { 
width: 100%; 
border: 8px solid #15191a;
background-color: #15191a;
margin-top: 15px;
margin-bottom: 25px;
padding: 8px;
font-family: 'lato';
font-size: 13px;
} 

.headertr {
background-color: #000000;
margin-top: 15px;
margin-bottom: 25px;
font-family: 'lato';
font-size: 16px;
padding: 5px;
}


.forumborder { 
border: 1px solid #14282d; 
background-color: #101516;
margin-top: 15px;
margin-bottom: 25px;
padding: 8px;
font-family: 'lato';
font-size: 12px;
} 

.headertr {
background-color: #14282d;
margin-top: 15px;
margin-bottom: 25px;
font-family: 'lato';
font-size: 16px;
padding: 15px;
}
*/


.mainTable { 
border: 1px solid #14282d; 
background-color: #101516;
margin-top: 15px;
margin-bottom: 25px;
font-family: 'lato';
font-size: 14px;
/*
margin-left: auto;
margin-right: auto;
*/
} 

.mainTable td {
padding: 10px 6px 6px 12px;
}


.headerTR {
background-color: #14282d;
margin-top: 15px;
margin-bottom: 25px;
font-family: 'lato';
font-size: 16px;
padding: 15px;
}

.mainTR {
padding: 10px 6px 6px 12px;
}


.mainBox {
	background-color: #15191a;
	padding: 8px;
	width: auto;
	float:left;
}

.mainInput {

	background-color: #272d2f;
	font-family: 'lato';
	font-size: 14px;
	color: #fff;
	border: none;
	padding: 2px;

}

.mainButton {
	background-color: #385352;
	font-family: 'Midiet_Serif_Italic_Light';
	font-size: 15px;
	color: #fff;
	border: none;
	padding: 5px;
	margin-left: -4px;
	cursor: pointer;
}


/* Webfonts */
@font-face {
    font-family: 'CopseRegular';
    src: url('fonts/Copse-Regular-webfont.eot');
    src: url('fonts/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Copse-Regular-webfont.woff') format('woff'),
         url('fonts/Copse-Regular-webfont.ttf') format('truetype'),
         url('fonts/Copse-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hopfer_hornbookregular';
    src: url('fonts/hopferhornbook-webfont.eot');
    src: url('fonts/hopferhornbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hopferhornbook-webfont.woff') format('woff'),
         url('fonts/hopferhornbook-webfont.ttf') format('truetype'),
         url('fonts/hopferhornbook-webfont.svg#hopfer_hornbookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Midiet_Serif_Italic_Light';
	src: url('fonts/Midiet_Serif_Italic_Light.eot');
	src: url('fonts/Midiet_Serif_Italic_Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Midiet_Serif_Italic_Light.woff') format('woff'), 
		 url('fonts/Midiet_Serif_Italic_Light.ttf') format('truetype'), 
		 url('fonts/Midiet_Serif_Italic_Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Midiet_Serif_Italic_Medium';
	src: url('fonts/Midiet_Serif_Italic_Medium.eot');
	src: url('fonts/Midiet_Serif_Italic_Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Midiet_Serif_Italic_Medium.woff') format('woff'), 
		 url('fonts/Midiet_Serif_Italic_Medium.ttf') format('truetype'), 
		 url('fonts/Midiet_Serif_Italic_Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('fonts/Lato-Reg-webfont.eot');
    src: url('fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Reg-webfont.woff') format('woff'),
         url('fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('fonts/Lato-Reg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-italic-webfont.eot');
    src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-italic-webfont.woff') format('woff'),
         url('fonts/lato-italic-webfont.ttf') format('truetype'),
         url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* To replace Adobe owned : Myriad Pro*/
@font-face {
    font-family: 'vegurregular';
    src: url('fonts/vegur-regular-webfont.eot');
    src: url('fonts/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vegur-regular-webfont.woff') format('woff'),
         url('fonts/vegur-regular-webfont.ttf') format('truetype'),
         url('fonts/vegur-regular-webfont.svg#vegurregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hopfer_hornbookregular {
	font-family: 'hopfer_hornbookregular';
}

.Midiet_Serif_Italic_Light {
	font-family: 'Midiet_Serif_Italic_Light';
}

.Midiet_Serif_Italic_Medium {
	font-family: 'Midiet_Serif_Italic_Medium';
}

.lato_regular {
	font-family: 'latolight';
}

.lato_light {
	font-family: 'latolight';
}

.lato_italic {
	font-family: 'latoitalic';
}

.vegur_regular {
	font-family: 'vegurregular';
}

#headerNew {
	width: 1024px;
	margin:0 auto;
}

#topBar {
	background: url('https://img.hexrpg.com/images/topBar.png') repeat-x;
	height: 54px;
	width: 100%;
	position: fixed;
	z-index: 50;
}

#topBarWrapper {
	width: 1024px;
	margin:0 auto;
}

#topNav .selected,#topNavMenu .selected {
	color: #fff;
}

#topNav {
	margin-top: 10px;
	float:left;
	z-index: 9999;
}

#topNav ul,#topNavMenu ul {
	list-style: none;
	list-style-type:none;
	letter-spacing: 2px;
	height: auto;
	width: auto;
}

#topNav li {
	float: left;
	margin-right: 15px;
}

#topNavMenu li {
    margin-top: 10px;
    height: 34px;
    border-bottom: #333 2px solid;
}


#topNav a,#topNavMenu a {
	font-family: 'hopfer_hornbookregular';
	text-transform: uppercase;
	font-size: 12px;
	color: #aac2ab;
	padding-bottom: 20px;
	min-width: 69px;
	width: auto;
}

#topNav a:hover, #topNavMenu li:hover, #topNav a.current, #topNavMenu a.current {
	color: #fff;
	background: url('https://img.hexrpg.com/images/activeLinkHover.png') no-repeat bottom;
	min-width: 69px;
}

#topNavMenuLink {
    padding-top: 3px;
}


#topNavMenu a:hover, #topNavMenu a.current {
    background-position: 50% 10%;
}


#topNavMenu {
    margin-top: 49px;
    margin-left: -385px;
    float: left;
    z-index: 9998;
    width: 200px;
    height: 0px;
    background: url('https://img.hexrpg.com/images/topNavMenu.png');
    overflow-y: hidden;
    box-shadow: 0px 3px 10px #000;
    -moz-box-shadow: 0px 3px 10px #000;
    -webkit-box-shadow: 0px 3px 10px #000;
}

#facebookIcon {
  	float:left;
  	clear:right;
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/facebookOff.png');
	margin-right: -10px;
}

#facebookIcon:hover {
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/facebookOn.png');
}

#twitterIcon {
  	float:left;
  	clear:right;
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/twitterOff.png');
	margin-right: -10px;
}

#twitterIcon:hover {
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/twitterOn.png');
}

#rssIcon {
 	 float:left;
  	clear:right;
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/rssOff.png');
	margin-right: -10px;
}

#rssIcon:hover {
	width: 50px;
	height: 49px;
	background: url('https://img.hexrpg.com/images/rssOn.png');
}

#socialIcons {
    float: right;
    margin-top: -50px;
}

#topButtons {
	float:right;
  	width: 204px;
}

#topSearch {
    float: right;
    width: 75px;
    margin-right: 85px;
    margin-top: 10px;
}

.searchBar,.searchBar:focus {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    padding-left: 25px;
    height: 12px;
    width: 125px;
    border: #333 2px solid;
    background-color: transparent;
    color: #FFF;
    outline: none;
    font-size: 9pt;
    font-family: lato;
    background-image: url('https://img.hexrpg.com/images/searchBG.png');
    background-repeat: no-repeat;
}

#searchLocation {
	background: url('https://img.hexrpg.com/images/topBar.png') repeat-x;
	height: 23px;
	width: 140px;
    margin-top: 49px;
	z-index: 50;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    margin-right: -160px;
    text-align: center;
}

.searchLabel {
    font-family: 'hopfer_hornbookregular';
    font-size: 8pt;
    letter-spacing: 2px;
    cursor: pointer;
    color: #aac2ab;
    padding-bottom: 9px;
    padding-left: 5px;
    padding-right: 5px;
    
}

.searchLabel:hover {
    color: #FFF;
    background: url('https://img.hexrpg.com/images/activeLinkHover.png') no-repeat bottom;
}


#enrollButton {
  float:left;
  clear:right;
	width: 102px;
	height: 39px;
	background: url('https://img.hexrpg.com/images/enrollOff.png');
}

#loginButton {
  float:left;
  clear:right;
	width: 102px;
	height: 39px;
	background: url('https://img.hexrpg.com/images/loginOff.png');
}

#logoutButton {
  float:left;
  clear:right;
  width: 102px;
  height: 39px;
  background: url('https://img.hexrpg.com/images/logoutOff.png');
}

#logo {
	width: 520px;
	height: 109px;
	float:left;
	clear:right;
    margin-top: 40px;

}

#membersOnline {
	width: 210px;
	height: 32px;
	background: url('https://img.hexrpg.com/images/membersOnlineBackground.png') repeat-x;
	color: #fff;
	float:right;
	clear:left;
	margin-top: -80px;
	font-family: 'hopfer_hornbookregular';
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	padding: 5px;
	text-align: center;
    cursor: pointer;
}

#membersOnlineHat {
    width: 22px;
    height: 22px;
    float: left;
    margin-left: 3px;
    background: url('https://img.hexrpg.com/images/magicHat3.png') no-repeat;
}

#content {
  width: 1024px;
  margin:0 auto;
  margin-top: -340px;
 
}

#mainContent {
	float:left;
	width: 80%;
	margin-top: 20px;
	margin-left: 20px;
    min-height: 500px;
}

.horizontalAd {
	width: 100%;
	height: 110px;
	padding-top: 10px;
	padding-bottom: 0px;
	/* background-color: #14282d; */
	text-align: center;
}

#footerWrapper {
	background: url('https://img.hexrpg.com/images/footer.png');
	background-size: 100% 262px;
    width: 100%;
    height: 262px; 
}

#footerContent {
	width: 1024px;
	margin:0 auto;
	padding-top: 40px;
}


#footerMagic {
	float:left;
	clear:right;
	font-family: 'hopfer_hornbookregular';
	text-transform: uppercase;
	font-weight: 500;
	font-size: 21px;
	color: #425c5c;
  	width: 25%;
}

/* Mozilla and IE */
#footerMenu {
     float:right;
	 width: 72%;
	 /* IE 6, 7, 8, and sometimes 9*/
	 width: 73%\9;
	 
}

/* IE 9,10*/
@media screen and (min-width:0\0) {
	#footerMenu {
		 float:right;
		 width: 73%;
		 /* IE 6, 7, 8, and sometimes 9*/
		 width: 73%\9;
	}
}

/* Older Safari versions and Chrome Only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	#footerMenu {
     	float:right;
		width: 71%;
	}

}

/* Safari 5 at least, maybe lower, need to test */
::made-up-pseudo-element, #footerMenu {
	float:right;
	width: 71%;
}


.footerNav {
	width: 100%;
}

.footerNav ul {
	float: right;
	height: auto;
	width: auto;
}

.footerNav li {
	float:left;
	padding-left: 5px;
}

.footerNav a {
	font-family: 'hopfer_hornbookregular';
	text-transform: uppercase;
	font-size: 11px;
	color: #aac2ab;
	position:relative;
	top: 5px;
}

.footerNav a:hover {
	color: #fff;
}

#footerCopyright {
	float:left;
	clear:right;
	color: #4b6969;
	
	font-size: 11px;
	margin-top: 90px;
}

#footerDescription {
	float:right;
	clear:left;
	color: #4b6969;
	width: 60%;
	font-size: 11px;
	margin-top: -30px;
	text-align:right;
}



#footerBar {position: fixed; bottom: 0px; left: 0px; height: 25px; width: 100%;	
		     background-color: #202526; text-align: left;
		        font-family: arial; font-size: 12pt; font-weight: bold; color: black; 
			padding-top: 8px; padding-bottom: 3px; cursor: pointer;
			color: #fff;
}

#footerBarContent {
	width: 1024px;
	margin:0 auto;
	font-family: 'hopfer_hornbookregular';
    font-size: 11px;
	text-transform: uppercase;
}

#footerBarContent a {
	color: #e4e2b8;
	letter-spacing: 3px;
	
}

.searchSelector {
	float:right;
}

.searchSelect {
   width: 75px;
   height: 21px;
   overflow: hidden;
   background: url('https://img.hexrpg.com/images/bottomBarSearchIcon.png') no-repeat right #233635;
}

.searchSelect select {
   background: transparent;
   width: 98px;
   padding: 3px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 21px;
   -webkit-appearance: none;
	color:#fff;
	font-family: 'hopfer_hornbookregular';
    font-size: 12px;
	text-transform: uppercase;
	
}

.searchSelect option {
	border: none;
	color: #fff;
	background-color: #233635;
	font-family: 'hopfer_hornbookregular';
    font-size: 12px;
	text-transform: uppercase;
}

.searchInput {
	padding: 3px;
	padding-left: 3px;
	color: #fff;
	background-color: #233635;
	margin-right: 3px;
	font-family: 'lato';
	font-size: 12px;
}

/* Safari and Chrome Only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.searchInput {
	padding: 1px;
	padding-left: 3px;
	color: #fff;
	background-color: #233635;
	margin-right: 3px;
	font-family: 'lato';
	font-size: 11px;
}

}

/* Safari 5 at least, maybe lower, need to test */
::made-up-pseudo-element, .searchInput {
	
	color: #fff;
	background-color: #233635;
	margin-right: 3px;
	font-family: 'lato';
	font-size: 11px;
	padding: 1px;
	padding-left: 2px;
}
			
.barShadow {
	-webkit-box-shadow: #000 0 -.1em .5em;
	-moz-box-shadow: #000 0 -.1em .5em;
	box-shadow: #000 0 -.1em .5em;
 }

.topLinks {
	float:left;
	padding: 8px;
}

.topLinks ul {
	width: auto;
}
 .topLinksLinks li {
	width: auto;
	float:left;
	margin-right: 19px;
	font-family: 'hopfer_hornbookregular';
	color: #50a09b;
	text-transform: uppercase;
	font-size: 13px;
}

#announcementPrev, #announcementNext {
    width: 20px;
    height: 20px;
    background-color: #000;
    color: #FFF;
    float: right;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -25px;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer;
}

#announcementPrev:hover, #announcementNext:hover {
    background-color: #385352;
}

#announcementPrev:active, #announcementNext:active {
    background-color: #15191a;
}

.tooltipIcon {
    cursor: pointer;
    display: inline-block !important;
}