@charset "UTF-8";
/* CSS Document */

body {
	font-family: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {  
	width: 100%; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ 
	text-align: left;
}

#header {
	background: #e6ba34; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}



h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 15px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 15px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

A:link  {
	text-decoration : none;
	color : #0033DD;
}


A:visited  {
	text-decoration : none;
	color : #0033DD;
}

A:active  {
	color : #C43F05;
}

A:hover  {
	color : #C43F05;
	text-decoration: none;
}

#mainContent {
	padding: 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #6d9c8e;
}

#mainContent p {
	padding: 15px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.arcaslice {
	height:183px;
	background-image: url('/templates/arcaforge/images/arca_slice.gif');
    background-repeat: repeat-x;
	width:50%;
}

.headerspan {
	background-color:#e6ba34;
	width:50%; 
    height:25px;
}

.contentspan {
	background-color:#6d9c8e; 
	width:50%;
}

.footerspan {
	background-color:#e6ba34;
	width:50%;
	height:30px;
}

 #footer {
 	background-color:#e6ba34; 
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}


.usertile {
	border: 1px solid #52A300; 
	margin: 0.5em 0.5em 0.5em 0.5em; 
	float: left; 
	height:90px; 
	width: 65px; 
	table-layout: fixed;
}

.usertile-on {
	border:2px solid #ff9918;
	margin: 0.5em 0.5em 0.5em 0.5em; 
	float: left; 
	height:90px; 
	width: 65px; 
	table-layout: fixed;
}

.buddyicon {
  padding:1px;
  border:1px solid #ddd;
  vertical-align:text-bottom;
}

.buddyicon-on {
  padding:1px;
  border:2px solid #ff9918;
  vertical-align:text-bottom;
}
 
.bigavatar {
  padding:2px;
  border:1px solid #ddd;
  vertical-align:text-bottom;
  }

div.centered {text-align: center;} 
div.centered table {margin: 0 auto; text-align: left;}

.thlike {
	font-family : PrimaSans BT, Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin-left: 6px;
	color: #FFFFFF;
}

.popup {position: absolute; width: 400px; background-color:#CAF99B; layer-background-color:#CAF99B; visibility: hidden; left:30px; top: 50px; 
        font-size: 9pt; font-family: arial, helvetica, sans-serif; color:#000000; text-decoration:none; 
        padding: 5px 5px 5px 5px; border-width: 1; border-color: #FF6600; border-style: solid; margin: 0 0 0 0}

.dreampop {position: absolute; background-color:#CAF99B; layer-background-color:#CAF99B; visibility: hidden; left:30px; top: 50px; 
        font-size: 9pt; font-family: arial, helvetica, sans-serif; color:#000000; text-decoration:none; z-index:1;
        padding: 5px 5px 5px 5px; border-width: 1; border-color: #FF6600; border-style: solid; width: 222px; margin: 0 0 0 0}		



		.navbar{
			border: 1px solid #003366;
			width: 75px;
			height: 13px;
			text-align: center;
			vertical-align : middle;
			color: #003399;
			font-size: 12px;
			font-variant: small-caps;
			background-color: #CDA902;
			margin-top : 2px;
			margin-bottom : 2px;
		}

		.login {
			text-align: center;
			vertical-align : middle;
			font-size: 12px;
		}

		.navbaractive {
			border: 1px solid #003366;
			width: 75px;
			height: 13px;
			text-align: center;
			vertical-align : middle;
			color: #003399;
			font-size: 12px;
			font-variant: small-caps;
			background-color: #FFFFFF;
			margin-top : 2px;
			margin-bottom : 2px;
		}