/* Title: Eric Bana Archives.com
 * By Christy Olsen, http://www.ericbana-archives.com/
 * January 10, 2006
 *
 */


/*-----------------------------------------------------------------*/
/*                GENERAL FORMAT                                   */ 
/*-----------------------------------------------------------------*/


body  {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	background:#FFF9E6; color: #000000;
	font-weight:normal;
}
	
td, tr, th {
	background:#EBEBEB;
	font-size:medium;
	color:#444444;
}

img {border:0px solid #000000}

table.Thumb{
	font-family: "Arial", Helvetica, sans-serif;
	margin:0px 0px 0px 225px;
	text-align:center;
	vertical-align:middle;
	font-size:small;
	color:#0000FF
}


table.Lingo{
	font-family: "Arial", Helvetica, sans-serif;
	margin:0px 0px 0px 225px;
	text-align:left;
	vertical-align:middle;
	font-size:small;
	color:#0000FF
}

table.AvatarMenu{
	font-family: "Arial", Helvetica, sans-serif;
	font-size:x-large;
    margin-bottom:0px;
    margin-left:225px;
    margin-right:10px;
    margin-top:10px;
	text-align:left;
}

table.PageNumbers {
	font-family:"Comic Sans MS"; 
	font-size:20px; color:#669966;
	margin:0px 0px 0px 10px;
    text-align:center;
	vertical-align:middle;
	text-decoration:none;
	}
	
table.White{
	font-family : "Arial Narrow", verdana, sans-serif;
	margin:20px 0px 10px 150px;
	background-color:#FFFFFF;
}


.td5 {
	width:5px;
}
.td10 {
	width:10px;
}
.td15 {
	width:15px;
}
.td20 {
	width:20px;
}
.td50 {
	width:50px;
}

/*-----------------------------------------------------------------*/
/*                  FORMATING                                      */ 
/*-----------------------------------------------------------------*/

/* Fix for Images in Mozillia & Netscape */
.imgcell img, .imgcell a { 
	display: block; float:inherit; margin:0px; padding:0px;
}
 
/* Float Image Left */
.floatleft { 
  float: left; clear:left;
  margin:10px; 
}

/* Float Image Right */
.floatright { 
  float: right; clear:right;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
}

.floatForumPic { 
  float: right; clear:right;
  margin-bottom:30px;
  margin-left:40px;
  margin-right:0px;
  margin-top:5px;
  border:1px solid #000000;
}

/* with boarder */
p.clearboth{ 
	clear:both;
	margin:-20px 0px 0px 30px;
	padding:0px;
}

.boarder {
	border:1px solid #2A5005;
}


/*-----------------------------------------------------------------*/
/*                   TEXT                                          */ 
/*-----------------------------------------------------------------*/

/**** HTML Tags Redefined ***/

h1 {
	font-family : "Arial Narrow", verdana, sans-serif;
	font-size:xx-large; font-weight:200; color:#5B5B5B;
	
	padding-bottom:10px; padding-left:50px; padding-right:100px; padding-top:15px;
	margin-top:50px; margin-left:175px; margin-bottom:0px; margin-right:70px;
	
	background-image: url(images/Format/EBR-Moon.gif);
	background-position:left;
	background-repeat:no-repeat;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-large; color:#5B5B5B;
	margin-left:225px; margin-right:300px;
	
	padding-bottom:10px; padding-left:50px; padding-right:100px; padding-top:15px;
	margin-top:10px; margin-left:175px; margin-bottom:0px; margin-right:70px;
	
	background-image:url(images/Smiles/Art.gif) ;
	background-position:left;
	background-repeat:no-repeat;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large; color:#5B5B5B;
	margin-top:10px; margin-left:10px; margin-bottom:0px; margin-right:10px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium; color:#5B5B5B;
	padding-bottom:10px; padding-left:40px; padding-right:100px; padding-top:15px;
	margin-top:10px; margin-left:150px; margin-bottom:0px; margin-right:70px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small; color:#FFFF99;
	padding-bottom:10px; padding-left:5px; padding-right:5px; padding-top:5px;
	margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
}

h6 {
	padding-bottom:10px; padding-left:50px; padding-right:100px; padding-top:15px;
	margin-top:10px; margin-left:175px; margin-bottom:0px; margin-right:70px;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#222222;
	text-align:justify;
	margin-left:225px;
	margin-right:300px;
}

blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#222222;
	text-align:left;
	margin:2.0em 2.0em 2.0em;
	}
li {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#222222;
	text-align:left;
	margin-left:10px;
	}

ul {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#222222;
	text-align:left;
	margin-left:225px;
	margin-right:300px;
	}

ol {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#222222;
	text-align:left;
	margin-left:225px;
	margin-right:300px;
	}

	
small {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#222222;
	text-align:left;
	margin-left:55px;
	margin-right:70px;
	}

.blue {color: #0000FF}

#Forum p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#444444;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:5px;
}


/*-----------------------------------------------------------------*/
/*                   LINKS                                         */ 
/*-----------------------------------------------------------------*/

/* Links */
a{
	color:#669966;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:500;
	text-decoration:underline;
	text-align:left;
}
a:visited{
	color:#008000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:500;
	text-decoration:underline;
	text-align:left;
}
a:active{
	color:#008000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:500;
	text-decoration:underline;
	text-align:left;
}
a:hover{
	color:#990033;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:500;
	text-decoration:underline;
	text-align:left;
}

/* PageNumber */
	a.LinkPageNumber:link{font-family:Comic Sans MS; font-size:18px; color:#669966;
		text-decoration:underline;
		}
	a.LinkPageNumber:visited{font-family:Comic Sans MS; font-size:18px; color:#669966;
		text-decoration:underline;
		}
	a.LinkPageNumber:active{font-family:Comic Sans MS; font-size:20px; color:#008000;
		text-decoration:underline;
		}
	a.LinkPageNumber:hover{font-family:Comic Sans MS; font-size:20px; color:#008000;
		text-decoration:underline;
		}

			
/* Menu = Main Menu Links Large Font Gery to Green */
	a.LinkMenu:link{color:#808080;
		font-family:Arial;
		font-size:14px;
		font-weight:400;
		text-decoration:none;
		cursor:auto;
		z-index:20;}
	a.LinkMenu:visited{color:#808080;
		font-family:Arial;
		font-size:14px;
		font-weight:400;
		text-decoration:none;
		cursor:auto;
		z-index:20;}
	a.LinkMenu:active{color:#008000;
		font-family:Arial;
		font-size:14px;
		font-weight:400;
		text-decoration:none;
		cursor:auto;
		z-index:20;}
	a.LinkMenu:hover{color:#008000;
		font-family:Arial;
		font-size:14px;
		font-weight:400;
		text-decoration:none;
		cursor:pointer;
		z-index:20;}

	a.AvatarLink:link{font-family : "Arial Narrow", verdana, sans-serif; font-size:xx-large; color:#5B5B5B;
		text-decoration:underline;
		}
	a.AvatarLink:visited{font-family : "Arial Narrow", verdana, sans-serif; font-size:xx-large; color:#5B5B5B;
		text-decoration:underline;
		}
	a.AvatarLink:active{font-family : "Arial Narrow", verdana, sans-serif;font-size:xx-large; color:#990033;
		text-decoration:underline;
		}
	a.AvatarLink:hover{font-family : "Arial Narrow", verdana, sans-serif; font-size:xx-large; color:#990033;
		text-decoration:underline;
		}


/*-----------------------------------------------------------------*/
/*                  SideBar                                        */ 
/*-----------------------------------------------------------------*/

/* For Side Bar Link List*/

#Menu {
	position:absolute; overflow:visible; z-index:1;
	background-color:#80B751; color:#000000;
	border:1px solid #2A5005;  
	top:270px; left:10px; width:154px; height:648px; 
}

#Menu ul {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	padding:0px; 
	list-style: none;
}

#Menu ul li {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:0px; margin-left:10px; margin-right:0px; margin-top:0px;
	padding-bottom:10px; padding-left:0px; padding-right:0px; padding-top:0px;
}

#Menu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#444444;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:5px;
}

/* For Side Bar Small */
a.MenuA{font-family:'Arial'; text-decoration:underline; font-weight:400; color:#FFFFFF;}
	a.MenuA:link{color:#FFFFFF;}
	a.MenuA:visited{color:#FFFFFF;}
	a.MenuA:active{color:#2A5005;}
	a.MenuA:hover{color:#2A5005;}
	
#MenuTechnical {
	position:absolute; overflow:visible; z-index:1;
	background-color:#80B751; color:#000000;
	border:1px solid #2A5005;  
	top:270px; left:10px; width:154px; height:358px; 
}

#MenuTechnical ul {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	padding:0px; 
	list-style: none;
}

#MenuTechnical ul li {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:0px; margin-left:10px; margin-right:0px; margin-top:0px;
	padding-bottom:10px; padding-left:0px; padding-right:0px; padding-top:0px;
}

#MenuTechnical p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#444444;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:5px;
}

#MenuBanatics {
	position:absolute; overflow:visible; z-index:1;
	background-color:#80B751; color:#000000;
	border:1px solid #2A5005;  
	top:270px; left:10px; width:154px; height:168px; 
}

#MenuBanatics ul {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	padding:0px; 
	list-style: none;
}

#MenuBanatics ul li {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:0px; margin-left:10px; margin-right:0px; margin-top:0px;
	padding-bottom:10px; padding-left:0px; padding-right:0px; padding-top:0px;
}

#MenuBanatics p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#444444;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:5px;
}

#MenuLinks {
	position:absolute; overflow:visible; z-index:1;
	background-color:#80B751; color:#000000;
	border:1px solid #2A5005;  
	top:270px; left:10px; width:154px; height:308px; 
}

#MenuLinks ul {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	padding:0px; 
	list-style: none;
}

#MenuLinks ul li {
	background-color:#80B751; color:#FFFFFF;
	margin-bottom:0px; margin-left:10px; margin-right:0px; margin-top:0px;
	padding-bottom:10px; padding-left:0px; padding-right:0px; padding-top:0px;
}

#MenuLinks p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#444444;
	text-align:justify;
	margin-top:10px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:5px;
}



#AvatarDatabase {
	position:absolute; overflow:visible; z-index:1;
	top:25px; left:20px; width:700px; height:100px;
	border:1px solid #2A5005;
}

/*-----------------------------------------------------------------*/
/*                  CONTAINERS                                     */ 
/*-----------------------------------------------------------------*/

div#wrapper {
    position:relative; margin-left:0px; margin-right:auto;
    top:0px; width:1000px;
    background:#EBEBEB; color:#000000;
}

div#head {
	position:absolute;
	width:1000px; height:190px; left:0px; top:0px;
	background-color:#EBEBEB;
	border:solid #003300; border-left:1px; border-right:1px; border-bottom:0px; border-top:0px; 
}

div#subhead {
	position:absolute;
	width:1000px; height:35px; left:-1px; top:190px;
	z-index:1;
	background:#EBEBEB; color:#000000;
	border:solid #003300; border-left:1px; border-right:1px; border-bottom:0px; border-top:0px; 
}

div#columns {
    position:relative;
    width:990px; top:220px;
    background:#D4D4D4; color:#000000;
	border:solid #003300; border-left:1px; border-right:1px; border-bottom:0px; border-top:0px; 
}

/* SideBar */
div#sidebar {
	position:absolute;
	width:35px;
	top:0px;
	left:0px;
	background:#D4D4D4;
	color:#000000;
	background-image: url(images/Format/EBR-Navigation.jpg);
	background-repeat:repeat-y;
	background-position:left;
	height: 700px;
}

div#content {
    position:relative; overflow:hidden;
    width:965px; top:0px; left:15px; padding:10px;
    background:#EBEBEB; color:#000000;
	background-image:url(images/Format/EBR-Graphics-01.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

div#footer {
    position:relative; z-index:10;
    width:1000px; height:1px;
    background:#5A7846; color:#FFFFFF;
    clear:both;
} 

#EricBana {
	position:absolute; overflow:visible; z-index:50;
	top:-210px; left:780px; width:200px; height:310px;
}

#ColumnTop {
	position:absolute; overflow:visible;
	top:0px; left:0px; width:90px; height:100px;
}

#Guestbook {
	position:absolute; overflow:visible; z-index:1;
	top:50px; left:54px; width:154px; height:53px; 
}

#GuestbookText {
	position:absolute; overflow:visible; z-index:18; 
	left:810px; top:197px; width:110px; height:20px;
	text-align:center;
	}

#Guestbook {
	position:absolute; overflow:visible; z-index:1;
	top:180px; left:790px; width:154px; height:120px; 
}

#EricLinks {
	position:absolute; overflow:visible; z-index:1;
	text-align:center;
	top:190px; left:777px; width:154px; height:120px; 
}

#Forum {
	position:absolute; overflow:visible; z-index:1;
	top:120px; left:790px; width:154px; height:53px; 
}

#ForumText {
	position:absolute; overflow:visible; z-index:18; 
	left:810px; top:137px; width:110px; height:20px;
	text-align:center;
	}

#Rules {
	position:absolute; overflow:visible; z-index:1;
	top:120px; left:110px; width:154px; height:53px; 
}
#Counter {
	position:absolute; overflow:hidden; z-index:1;
	top:140px; left:0px; width:154px; height:25px; 
}

#Map {
	position:absolute; overflow:visible; z-index:1;
	top:30px; left:102px; width:154px; height:53px; 
}

#Map2 {
	position:absolute; overflow:visible; z-index:1;
	top:25px; left:130px; width:154px; height:53px; 
}

#PageNumbers {
	position:absolute; overflow:visible; z-index:1;
	top:35px; left:150px; width:250px; height:45px;
}

/* For Top Anchor, At Top of Page */
#BackToTop {
	position:absolute; z-index:50;
	top:0px; left:1040px; width:10px; height:10px;
    }

/*-----------------------------------------------------------------*/
/*                  MENU CONTAINERS                                */ 
/*-----------------------------------------------------------------*/

#Home {
	position:absolute; z-index:20;
	width:85px; height:20px; left: 15px; top:163px;
	text-align:center; vertical-align:middle;
	}

#Banatics {
	position:absolute; z-index:20;
	width:85px; height:20px; left:130px; top:163px;
	text-align:center; vertical-align:middle;
	}

#Technical {
	position:absolute; z-index:20;
	width:85px; height:20px; left:265px; top:163px;
	text-align:center; vertical-align:middle;
	}

#Avatars {
	position:absolute; z-index:20;
	width:85px; height:20px; left:400px; top:163px;
	text-align:center; vertical-align:middle;
	}

#Ecards {
	position:absolute; z-index:20;
	width:85px; height:20px; left:535px; top:163px;
	text-align:center; vertical-align:middle;
	}
	
#Links {
	position:absolute; z-index:20;
	width:85px; height:20px; left:675px; top:163px;
	text-align:center; vertical-align:middle;
	}
