/*  Frontend CSS - frontend-style.css	*/

/*  Establish general layout parameters */
	

body       { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 	

}



td         { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000; 
}

td.header		  {
	background-color: #189D61; 
	color:#FFF; 
	font-weight: bold;
}

h1	{
	color: #000;	
	font-size: 18px;
	font-weight: bold;
}

h2	{
	color: #000;	
	font-size: 16px;
	font-weight: bold;
}

h3	{
	color: #000;	
	font-size: 16px;
	font-weight: bold;

}

.text-header	{
	color: #000000;	
	font-size: 14px;
	font-weight: bold;
}

.text-small	{
	color: #000000;	
	font-size: 11px;
}

.text-small-welcome	{
	color: #FFF;	
	font-size: 11px;
	font-weight: bold;
}


/*  Define the Link Color(s) */

a            { 
	color: #9D080D; 
	text-decoration: none; 
	font-weight: bold 
}

a:active     { 
	color: #9D080D; 
	text-decoration: none; 
	font-weight: bold

}
	
a:link       { 
	color: #9D080D; 
	text-decoration: none; 
	font-weight: bold 
}

a:visited    { 
	color: #9D080D; 
	text-decoration: none; 
	font-weight: bold 

}
	
a:hover      { 
	color: #9D080D; 
	text-decoration: underline; 
	font-weight: bold 

}

a.topnav {
	font-size:11px;
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold 
}

a.topnav:active {
	font-size:11px;
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold 
}

a.topnav:link {
	font-size:11px;
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold 
}

a.topnav:visited {
	font-size:11px;
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold 
}

a.topnav:hover {
	font-size:11px;
	color: #FFF; 
	text-decoration: underline; 
	font-weight: bold 
}

a.floatnav {
	font-size:11px;
	color: #000; 
	text-decoration: none; 
	font-weight: bold 
}

a.floatnav:active {
	font-size:11px;
	color: #000; 
	text-decoration: none; 
	font-weight: bold 
}

a.floatnav:link {
	font-size:11px;
	color: #000; 
	text-decoration: none; 
	font-weight: bold 
}

a.floatnav:visited {
	font-size:11px;
	color: #000; 
	text-decoration: none; 
	font-weight: bold 
}

a.floatnav:hover {
	font-size:11px;
	color: #000; 
	text-decoration: underline; 
	font-weight: bold 
}

/*  Define the footer */


.text-copyright	{
	color: #737373;	
	font-size: 10px;
}


/*  Define the form elements */


input.loginbox	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #000; 
	background-color: #FFF;
	width: 160px;
	height:20px;
}

input.Loginbutton	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
	border: 1px solid #000; 
	background-color: #E4E4E4;
	width: 100px;
	height:20px;
}


input.button	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 100px;
	height:20px;
}

input.largebutton	{
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 150px;
	height:20px;
}

input.textbox	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 200px;
	height:20px;
	padding-left:3px;
}

select.select	{  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 200px;
	height:20px;
}

select.selectmedium	{  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 365px;
	height:20px;
}

select.selectlarge	{  
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 425px;
	height:20px;
}


select.LoginSelect	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #000; 
	background-color: #E4E4E4;
	width: 160px;
	height:20px;
}

textarea.textarea	{
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 300px;
	height:100px;
	padding-left:3px;
}

input.searchbutton	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 30px;
	height:20px;
	vertical-align:middle;
}

input.searchbox	{
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 180px;
	height:20px;
	padding-left:3px;
}

input.smalltextbox	{ 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 100px;
	height:20px;
	padding-left:3px;
}

input.mediumtextbox	{
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #FFF;
	width: 150px;
	height:20px;
	padding-left:3px;
}




/* Define the memu elements */

table.border {
	width: 100%;
	height: 100%;
}

td.border {
	vertical-align: top;
	text-align: center;
}

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
}

div.Nav {
	position: absolute;
	top: 75px;
	left: 213px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:3;

}

div.AuthorNav {
	position: absolute;
	top: 152px;
	left: 132px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:3;

}

div.TitleNav {
	position: absolute;
	top: 152px;
	left: 215px;
	width: 149px;
	padding: 0px;
	visibility: hidden;
	z-index:3;

}

div.CharacterNav {
	position: absolute;
	top: 152px;
	left: 290px;
	width: 150px;
	padding: 0px;
	visibility: hidden;
	z-index:3;

}

div.HideLayer {
	position: absolute;
	top: 153px;
	left: 0px;
	width: 768px;
	padding: 0px;
	visibility: hidden;
	z-index:2;

}


/* Define the Menu Styles */


#SubNav td		{
	font-size:11px;
	font-weight:bolder;  
	text-align: center;
   	vertical-align: middle;	
	background-image: none;	
	background-color: #E2E2E2;
	display: block; 
	width: 200px;	
	color: #000;
	float: none;
	padding: 0px;
}


#SubNav td a		{
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;	
	height: 24px;
	line-height:24px;
	background-image: none;	
	background-color: #FFF;
	display: block; 
	width: 200px;	
	color: #000;
	float: none;
	text-decoration: none;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}


#SubNav td a:hover  {
	background-image: none;
	color: #000;
	background-color: #E2E2E2;
   	text-decoration : none;   
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;	
}