/* CSS file */

/* Main wrapper for the entire layout */
/* Currently created for resolutions of 1280 by 800 */
/* Sets all the inside windows relative to the wrapper, not the monitor */
div#main-wrapper
{
	position: relative;
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	top: 0;
	left: 0;
	text-align: left; /* for IE --- counter the body center */
}

/* Sets the entire website background to gradient blue */
body
{
	background:url(../Pictures/Overall-Background/Green-Bg-Graffiti.jpg);
	behavior: url(../IE-fixes/csshover3.htc); /* For IE's hover bug */
	text-align: center; /* for IE to center */
	width: 100%;
	margin:0;
	padding:0;
	border:0;
}

/* Global anchor link visited */
a:visited
{
	color:#090; /* dark green #090;*/	
}

:focus 
{
  -moz-outline-style:none;
}

div.right hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.right h2
{
	background: url(../Pictures/Right-Pictures/Topic-Line-Bg-Green-2.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 0px;
	color: white;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

div.right p
{
	text-align: justify;   /* Global */
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px
}

/* accordion id */
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion 
{
	/*background-image:url(Pictures/Left-Pictures/Accordion-inside.jpg);*/
	top: 35px; /* 55 pixels from the left side's top - 110px */
	position: relative;
	width: 277px;   /* how wide the whole accordion is */
	/*border:1px solid black;*/
	margin-left: 4px;
	/*margin-left: auto;*/  /* Centers the tab block */
	/*margin-right: auto;*/
	/*text-align: left;*/
	z-index: 10;
}


/* accordion header */
#accordion h2 
{
	-moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
			
	background:url(../Pictures/Left-Pictures/Dark-Green-glow-resize.jpg);
	color: #360;
	margin-top: 2px;
	margin-bottom: 2px;
	
	cursor: pointer;
    height: 32px;
	background-repeat: no-repeat;
	z-index: 10;
}

/* currently active header */
#accordion h2.current 
{
	color: white;
	cursor:default;
	background:url(../Pictures/Left-Pictures/Dark-green-glow-current-resize.jpg);
}

/* Adds the text within the accordion headers */
#left-tab-title
{
	padding-top: 7px;
	padding-left: 15px;
	/*color: #666;*/
	font-size:13px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index: 15px;
}

/* Background for the accordion section */
#accordion #accordion-bg
{
    /*position: absolute;
    top: 0px;*/
	/*filter:alpha(opacity=75); /* IE's opacity*/
	/* opacity:0.75;*/ /* Sets each pane to be transparent */
	/*background-image:url(Pictures/Left-Pictures/Accordion-inside.jpg);
	z-index: 45;*/
}

/* accordion pane */
#accordion div.pane 
{
	-moz-border-radius: 10px; /* For Mozilla/Safari */
	-webkit-border-radius: 10px; /* For everything else */
	border-radius: 10px; /* For Opera */
	
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	
	background-color:transparent;
	background-image:url(../Pictures/Left-Pictures/Accordion-inside.jpg);
	/*opacity:0.75;*/ /* Sets each pane to be transparent */
	border:1px solid #000;
	border-width:0 0px 0px;
	display:none;
	height:230px;   /* how tall the current accordion is */
	color:#fff;
	font-size:12px;
	z-index: 50;
	overflow: auto;
}

#accordion div.pane ol,ul,li
{
	/*margin:0;
	padding-left:30px;*/
}

/* The title inside pane */
#accordion div.pane h3 
{
	color: white;
	/*font-weight:bold;*/
	/* margin:0 0 -5px 0;*/
	font-size:12px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* The text inside */
#accordion p
{
	color: #CFC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	margin-left: 10px;
	margin-bottom: -7px;
}

/*#accordion #article-total-1 p
{
	color: #CFC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	margin-left: 10px;
	margin-bottom: -7px;
}*/

#accordion ol
{
	/* All needed to align the left side for Opera, Firefox, and IE7+ */
	padding:0 0 0 0;
    margin:0 0 0 0;
	list-style-position:inside;
}

/*  Font for the article titles */
#accordion ol #add-Content-1st li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*margin-left: -10px;*/  /* very small indent */
	margin-left: 10px;
}


/* For all links*/
#accordion ol li a
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/*#accordion ol li a.1-line
{
	list-style-type: decimal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	margin-left: 15px;
}

#accordion ol li a.2-lines
{
	list-style-type: decimal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	margin-left: 30px;
}

#accordion ol li a.3-lines
{
	list-style-type: decimal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	margin-left: 45px;
}*/

/*#accordion ol #add-Content-1st li a
{
	list-style-type: decimal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}*/

/* For all add-Content images. */
#accordion ol img
{
	position: relative;
	top: 14px;
	
	width: 35px;
	height: 35px;
}

/*#accordion ol img.1-line
{
	position: relative;
	top: 14px;
	
	width: 35px;
	height: 35px;
}

#accordion ol img.2-lines
{
	position: relative;
	top: 14px;
	margin-top: -15px;
	
	width: 35px;
	height: 35px;
}

#accordion ol img.3-lines
{
	position: relative;
	top: 14px;
	margin-top: -30px;
	
	width: 35px;
	height: 35px;
}*/


#accordion ol #add-Content-2nd li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*margin-left: -10px;*/ /* very small indent */
	margin-left: 10px;
}

#accordion ol #add-Content-3rd li
{
	list-style-type: decimal;
	color: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*margin-left: -10px;*/  /* very small indent */
	margin-left: 10px;
}


div.left a
{
	text-decoration: none;
}

/* Classes */
div.left
{
	position: absolute;
	left: 20px;
	top: 20px;
	
	background-image:url(../Pictures/Left-Pictures/green-strip-glossy.jpg);
	background-repeat: no-repeat;
	color: black;
	
	width: 286px;  /* How wide the left section is */
	height: 449px;	
	border: none;	
	z-index:5;  /* Places the left side beneath the day tabs */
	overflow: auto;
	overflow-x: hidden;
}

div.left img#search-bar
{
	position: absolute;
	top: 20px;
	left: 5px;
}

div.left img#search-icon
{
	position: absolute;
	top: 10px;
	left: 215px;
}

div.left img#top-articles
{
	position: absolute;
	top: 77px;
	left: 5px;
}

/* The right sides are in Article.css and Main-Page.css */


div.center-middle
{
	/*height: 449px;*/
	width: 100%;
	height: 100%; /* Stretches as far vertically as possible */
	clear: both;

	position: absolute;
	top: 176px;
	left: 0px;
	
	margin:0;
	padding:0;
	border:0;
}

div.center-pos
{
	position: relative;
    margin-left: auto;
    margin-right: auto;
	width: 1064px; /* 1022px */
	min-width: 600px;
}

div.top
{
   /* background-image:url(../Pictures/Banner-Pictures/GTG-Banner-large.jpg);
	background-repeat: repeat-x;*/
	
	position:absolute;
	top: 0px;
	text-align: center;
	border: none;
	/*left: 115px;*/
	/*height:126px;*/
	/*width:1021px;*/
	
	width: 100%;
	z-index:5;
}

div.bottom
{
	/*background:url(../Pictures/Bottom-Pictures/bottom-bg.jpg);
	background-repeat: repeat-x;
	background-size: 100% 100%;*/
	
	position:absolute;
	top:666px; /* the 625px position is the top border */
	width: 100%;
	/* Do not specify width and height when using an image. */
	/*width:1021px;
	height:110px;*/
	
	text-align: center;   /* Global */
	color: black;
	font-family: arial;
	font-size: 10px;
	left: 0;
	z-index: 20;
}

div#bottom-bg
{
	left: 0;
	top: 0;
	width: 100%;
	height: 115px;
	z-index: -1;
	position:absolute;
}

/*div#bottom-bg img
{
	width: 100%;
	height: 100%;
}*/

.stretch
{
	width: 100%;
	height: 100%
}


/* The image sizes for each section */
div.top img
{
	border-width: 0px;	
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu-top-container ul.submenu li { float: left; }
* html ul.menu-top-container ul.submenu li a { height: 1%; }
/* End */

/*  The menu-top-container class */
div.menu-top-container
{
	/* The default backcolor for the menu container */
	/*background-image:url(../Pictures/Tab-Pictures/Tab-bg.jpg);
	background-repeat: repeat-x;*/
	
	background-image:url(../Pictures/Tab-Pictures/Green-tab-bar.png);
	background-repeat: no-repeat;
	
	position:relative; /* Relative needed so that the menu-top-container is centered. */
	top:125px;
	width: 1095px;
	left: 0;
	height: 43px;
	padding:0;
	border:0;
	z-index: 25;
	margin-left:auto;
	margin-right:auto;
}

div.menu-top-container .center-menu
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width:1060px;
	height:43px;
}

ul.menu-top-container
{	
    /*background-image:url(../Pictures/Tab-Pictures/Tab-bg.jpg);*/
	position: relative;
	width: 147px;
	height: 43px;
	margin: 0;
	/*margin-right: -5px;*/
	padding: 0;
	border: 0;
	list-style-type: none;
	z-index: 25;
	display: inline-block;
	left: 3px; /* Starts the menu a little inside. */
}

ul.menu-top-container li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline-block;
}

/* Class for the submenu */
ul.menu-top-container ul.submenu
{
	z-index: 50;
}

ul.menu-top-container ul.submenu li
{
    position: relative;	/* Must tie the position relative to the list (li) in Opera. */
}

/* Positioning for each category from the above tabs */
ul.menu-top-container ul.submenu li a
{
	position: relative;
	top: -5px; /* Needed to close the gap between the tab bar and the menu list down. */
	
	text-align: left;
	font-size:11px;
	font-weight:bold;
	padding-top:12px;
    font-family:arial;
	background: black;
	/*background-position:0 0;*/
	display:block;
	width:133px;
	height:24px;
	padding-left:10px;
	text-decoration:none;
	color:#FFFFFF;   /* white */
			
	/*border: solid 1px #c5bc53;*/
	border: solid 1px #b6dcba;
	z-index: 50px;
}

/* Places an image alongside with text horizontally*/
div.place-pix
{
	position: absolute;
	top: 2px;
	left: 110px;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 60;
}

div.place-pix img
{
	border: none;	
}

ul.menu-top-container ul.submenu li a:hover
{
	background:url(../Pictures/Tab-Pictures/Green-Gloss-Hover.jpg);
	z-index:25;
}

ul.menu-top-container ul
{
	position:relative;
	list-style-type:none;
	padding:0;
	margin:0;
	display:none;
	/*margin-left:-40px;*/
	z-index:50;
	float: left;
}

/* For the 2nd sublist -- if needed */
ul.menu-top-container ul ul
{
	position:absolute;
	display:none;
	margin-top:-20px;
	margin-left:121px;
	z-index:50;
}


/* When the user hovers on a menu, display its submenu */
ul.menu-top-container:hover ul
{
	display:block;
}

/* Brings up a blue hover highlight -- used for all six tabs*/
ul.menu-top-container:hover li a
{
	/* Moves down 43 pixels to the highlighted verison */
	background-position:0 -43px;	
}

/* The 2nd submenu */
ul.menu-top-container:hover ul ul
{
	display:none;
}

/* The 2nd submenu's expansion */
ul.menu-top-container ul li:hover ul
{
	display:block;
}

/* Common among all menu container tabs */
ul.menu-top-container li a
{
	margin-bottom:-1px;
	display:inline-block;
	width:146px;
	height:43px;
	text-decoration:none;
	z-index:10;
}

/*  There are six containers, since each of them is a container */
a.menu-top-container-forums
{	
	background-image:url(../Pictures/Tab-Pictures/Forums-Rollover-Green.jpg);
}

a.menu-top-container-anime
{	
	background-image:url(../Pictures/Tab-Pictures/Anime-Rollover-Green.jpg);
}

a.menu-top-container-music
{	
	background-image:url(../Pictures/Tab-Pictures/Music-Rollover-Green.jpg);
}

a.menu-top-container-movies
{	
    background-image:url(../Pictures/Tab-Pictures/Movies-TV-Rollover-Green.jpg);
}

a.menu-top-container-video-games
{	
    background-image:url(../Pictures/Tab-Pictures/Video-Games-Rollover-Green.jpg);
}

a.menu-top-container-culture
{	
    background-image:url(../Pictures/Tab-Pictures/Culture-Rollover-Green.jpg);
}

a.menu-top-container-media
{	
    background-image:url(../Pictures/Tab-Pictures/Media-Rollover-Green.jpg);
}

/*************************************************************************/
/*  index.html */
/*************************************************************************/
div.Index #Flash-Win
{
	/* Must put the positioning and top and left coords, since IE can't center an object */
	position: absolute;
	top: 21px; 
	left: 5px;
}

div.Index object
{
	/* position: absolute; */  /* Absolute using div.right's left corner as (0, 0) */
}

div.Index #Updates-section
{
	position: relative;
	top: 8px;
	left: 545px;
	width: 183px;
	height: 415px;
	background: url(../Pictures/Right-Pictures/Updates-Block.png) no-repeat;
}

div.Index #Updates-section #title
{
	position: absolute;
	top: 35px;
	left: 68px;
	
    font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

div.Index #Updates-section #new-updates
{
	position: absolute;
	top: 56px;
	width: 180px;
	height: 338px;
	overflow: auto;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}

#new-updates h3
{
	margin-bottom: 0;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b9f3c6;
	float: left;
	margin-left: 10px;
}

#new-updates ul
{
	margin: 0;
	margin-left: 25px;
	padding: 0;
}

#new-updates ul li
{
	margin-right: 5px;	
	/* padding: 0;*/
}

#new-updates hr
{
	clear: both;
	margin-left: 10px;
	margin-right: 3px; /* Gives a little right margin to the hr so the line doesn't look weird. */
	/*margin-right: 0;*/
	border: 0;

	background-color:#90d68f;
	color: white;
	height: 1px;
}

#new-updates a
{
	color: #36F;	
}

#new-updates a:visited
{
	color: #3C0;	
}

div.Index #Pic-1
{
	position: absolute;
	top: 15px;
	left: 565px;
}

div.Index #Pic-2
{
	position: absolute;
	top: 158px;
	left: 565px;
}

div.Index #Pic-3
{
	position: absolute;
	top: 300px;
	left: 565px;
}

div.Index #Pic-2 img:hover
{
	
	
}

div.Index #Pic-3 img:hover
{
	
	
}

/* Default behavior */
div.Index img
{
	float:right;
	margin-right:8px;
	border:none;
}

/*  For the other pages in the site  */

/*************************************************************************/
/*  About-Us.html */
/*************************************************************************/
div.About-Us
{
	/*float: left;*/
}

div.About-Us #staff
{
	width: 140px;
	margin-left: 15px;
	margin-right: 10px; /* Room between left and right columns */
	/*margin-bottom: 15px;*/ 
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}

div.About-Us #purpose
{
	width: 560px;
	margin-left: -15px;
	float: left;
}

div.About-Us #purpose img
{
	margin-left: 75px;
}

div.About-Us #arrows
{
	float: left;
	margin-left: 225px;
}

div.About-Us #arrows a
{
	cursor: pointer;
	cursor: hand;
}

div.About-Us #comicPage
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin-right: 25px;
}

* html #staff
{ 
    /*IE 6 only */
	/*w\idth: 147px;*/ /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

div.About-Us #staff ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

div.About-Us #staff li 
{
	/*border-bottom: 1px solid #90bade;*/
	/*border-bottom: 1px solid #3f5394;*/
	margin: 0;
	padding-bottom: 1px;
	width: 120px; /* Needed because the list does not go too into white space. */
}

div.About-Us #staff li a
{
	display: block;
	padding: 9px 0 5px 0px;
	background-image:url(../About-Us-Pictures/Staff-Names.png);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

html>body div.About-Us #staff li a
{ 
    /*Non IE6 width*/
    width: auto;
}

div.About-Us #staff li a:hover
{
	/*border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;*/
	/*background-color: #5673c6;*/
	background-image:url(../About-Us-Pictures/Staff-Names-hover.png);
	color: #fff;
	cursor: pointer;
	cursor: hand;
}

div.About-Us #staff img
{
	margin-right: 10px;
}

div.About-Us p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px
}

div.About-Us hr
{
	margin-left: 3px;
	margin-right: 15px;
	height: 1px;
}

div.About-Us h2
{
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 15px;
	color:#abdb92; /* Dark green */
}

div.About-Us #staffdesc
{
	float: left;
}

/* The Staff bio on the right side. */
div.About-Us table
{
	/*float: left;*/
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	border-left: 1px solid green;
	border-right: 1px solid green;
	border-bottom: 1px solid green;
	border-top: 1px solid #3e6d4c;
	margin-bottom: 15px;
	margin-left: -5px;
	/*margin-left: -15px;*/
}

div.About-Us caption
{
	/* Do not add height or width, since IE adds add padding to the CAPTION's height, while Firefox includes padding in the CAPTION height */
	border-top: 1px solid #3e6d4c;
	border-left: 1px solid #17351e;
	border-right: 1px solid #17351e;
	border-bottom: 0px;
	/*height: 30px;
	width: 543px;*/
	
}

div.About-Us caption img
{
	margin:0; 
	padding:0;
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing:0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	display: block;
	/*float: left; /*
	/*display: block;*/
}

div.About-Us th
{
	/*arial,helvetica,clean,sans-serif*/
	/*"Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 155px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #abdb92; /* Bg color on left */
	color: #386422; /* Font color */
	vertical-align: top;
	text-align:left; /* For IE */
	padding-top: 9px; /* Aligns the header with its corresponding data text vertically*/
}

div.About-Us td
{
	width: 360px;
	margin-right: 10px;
	border-bottom: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #e0f2d7;
	color: #59863a;
}
/*************************************************************************/
/*  Contact-Us.html */
/*************************************************************************/
div.Contact-Us
{
	/*float: left;*/
}

div.Contact-Us-Desc .Advertise-arrows
{
	float: right;
}

div.Contact-Us-Desc #adPage
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	
	top: 107px;
	left: 520px;
}

div.Contact-Us-Desc #picName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 107px;
	left: 200px;
}

div.Contact-Us-Desc #artistName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 127px;
	left: 200px;	
}


div.Contact-Us-Desc
{
	width: 585px;
	float: left;	
}

div.Contact-Us-Options
{
	width: 90px;
	margin-left: 15px;
	margin-right: 5px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}




div.Contact-Us-Options img
{
	/*border-bottom: 1px solid #2e6d34;*/
	margin-top:-4px; /* Makes the images right next to each other so there's no space. */
}

/*div.Contact-Us-Options img:hover
{
	background:url(../Advertise-Pictures/Hover-Options.jpg);
	z-index:25;
}*/

div.Contact-Us-Options a
{
	cursor: pointer;
	cursor: hand;
}

div.Contact-Us-Desc img
{
	border: none;
}

div.Contact-Us-Desc a
{
	cursor: pointer;
	cursor: hand;
}

div.Contact-Us-Desc p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*margin-left: 15px;*/
	margin-right: 15px;
	font-size: 13px
}

div.Contact-Us-Desc hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.Contact-Us-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Contact-Us-Desc ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

/*************************************************************************/
/*  Advertise.html */
/*************************************************************************/
div.Advertise
{
	/*float: left;*/
}

div.Advertise-Desc .Advertise-arrows
{
	float: right;
}

div.Advertise-Desc #adPage
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	
	top: 107px;
	left: 520px;
}

div.Advertise-Desc #picName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 107px;
	left: 200px;
}

div.Advertise-Desc #artistName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 127px;
	left: 200px;	
}


div.Advertise-Desc
{
	width: 525px;
	float: left;	
}

div.Advertise-Options
{
	width: 150px;
	margin-left: 15px;
	margin-right: 5px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}




div.Advertise-Options img
{
	border-bottom: 1px solid #2e6d34;
	margin-top:-4px; /* Makes the images right next to each other so there's no space. */
}

div.Advertise-Options img:hover
{
	background:url(../Advertise-Pictures/Hover-Options.jpg);
	z-index:25;
}

div.Advertise-Options a
{
	cursor: pointer;
	cursor: hand;
}

div.Advertise-Desc img
{
	border: none;
}

div.Advertise-Desc a
{
	cursor: pointer;
	cursor: hand;
}

div.Advertise-Desc p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*margin-left: 15px;*/
	margin-right: 15px;
	font-size: 13px
}

div.Advertise-Desc hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.Advertise-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Advertise-Desc ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

/*************************************************************************/
/*  Join-GTG.html */
/*************************************************************************/
div.Join-GTG-Right-Side
{
	/*float: left;*/
}


div.Join-GTG-Options
{
	width: 125px;
	margin-left: 15px;
	margin-right: 15px; /* Room between left and right columns */
	margin-top: 15px;
	float: left;/* This is to ensure that text in the Purpose section stays on the right side. */
}


div.Join-GTG-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Join-GTG-Desc ul
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px;
	font-size: 13px;	
}

div.Join-GTG-Desc ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	/*font-size: 0.92em;*/
}

div.Join-GTG-Desc ol
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 20px; /* Represents the text to the end of the right section's border */
	font-size: 13px;
}


div.Join-GTG-Desc a img
{
    /*border: 1px solid #33C;*/
	border: none;
}

div.Join-GTG-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

/* Represents the right side of the Join-GTG section. */
div.Join-GTG-Desc
{
	width: 550px;
	float: left;	
}

div.Join-GTG-Options a
{
	cursor: pointer;
	cursor: hand;
}

div.Join-GTG-Desc p
{
    text-align: justify;
	color:black;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 15px;
	margin-right: 15px;
}

/*************************************************************************/
/*  Links.html */
/*************************************************************************/
div.Links
{
	/*float: left;*/
}

div.Links img
{
	/*float: left;*/
	border: 1px solid #000;
	/*margin-right: 15px;
	margin-left: 15px;*/ /* Gives space between the text and image */
	margin-left: 5px;
	border: none;
}

div.Links p
{
	text-align: justify;
	color: black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px
}

/*div.Links hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}*/

div.Links h3
{
	font-weight: bold;
	text-align: justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	/*margin-right: 15px;*/
	font-size: 14px;
	
}

div.Links a
{
	text-decoration:none;
}

/*div.Links ul li
{
	font-weight: normal;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px;
	font-size: 13px;
}*/

div.Links .list
{
	float:left;	
}

/* Ordered Lists - fancy */
div.Links ol.steps 
{
	position: relative;
	
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
		
	background: #ac832c;
	background-repeat: repeat-y;
	padding: 0 0 0 35px; /*--Distance between the order numbers--*/
	border: 1px solid #FC0;
}

div.Links ol.steps img
{
	position: absolute;
	top: 0px;
	left: 3px;
	
	border: 1px solid #000;
	border: none;
	z-index: 50;
}

div.Links ol.steps li 
{
	/* margin: 0; */
	position: relative;
	
	padding: 1px 1px;
	color: white; /* Number of list */
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight: bold;
       /*--The bevel look is styled with various colors in the border properties below--*/
	border-top: 1px solid #C90;
	border-right: 1px solid #C90;
	border-bottom: 1px solid #FC9;
	background-image: url(../Links-Pictures/Links-bg.jpg);
	background-repeat: repeat-y;
	
}

div.Links ol.steps li.first 
{ 
    border-top: 1px solid #353535; 
}

div.Links ol.steps li.last 
{ 
    border-bottom: none;
}

div.Links ol.steps li h3 {
	/* Top section */
	font-size: 16px;
	/*padding: 5px 0;*/ /* The line between the title and underline*/
	border-bottom: 1px solid #C90; /* The underline color */
	
	color: white;
}

div.Links ol.steps li p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C60;
	font-size: 13px;
	font-weight: normal;
	padding-top: 20px;
    /* font-size: 0.7em; */
	/*line-height: 1.6em;*/
	/*line-height: 50px;*/
}

/* Each Link title */
/*ol.steps li a{
    
	color: #C90;
	text-decoration: none;
	margin-left: 60px;
}*/


/*************************************************************************/
/*  Credits.html */
/*************************************************************************/
div.Credits
{
	/*float: left;*/
}

div.Credits img
{
	float: right;
	border: 1px solid #000;
	width: 150px;
	height: 150px;
	margin-left: 15px;
	margin-right: 15px;
}

div.Credits p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px
}

div.Credits h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

div.Credits ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

div.Credits hr
{
	color: black;
}

div.Credits ul
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px	
}
/*************************************************************************/
/*  News-Holder.html */
/*************************************************************************/
div.News-Holder
{
	/*float: left;*/ /* Floats left so the whole class will have a small margin bottom */
}

div.News-Holder img#comic
{
	float: none;
	margin-left: 0 auto;
	margin-right: 0 auto;
	text-align: center;
}

div.News-Holder #comicPage
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	
	top: 467px;
	left: 225px;
	
	/*top: 255px;
	left: 500px;*/
	/*float: left;*/
	/*margin-right: 25px;*/
}

div.News-Holder #left-arrow
{
	position: absolute;
	
	top: 460px;
	left: 150px;
	
	cursor: pointer;
	cursor: hand;
	
	/*top: 200px;
	left: 475px;*/
	/*margin-right: 25px;*/
}

div.News-Holder #right-arrow
{
	position: absolute;
	
	top: 460px;
	left: 260px;
	
	cursor: pointer;
	cursor: hand;
	
	/*top: 200px;
	left: 475px;*/
	/*margin-right: 25px;*/
}

/*div.News-Holder #arrows
{
	position: absolute;
	
	top: 460px;
	left: 175px;
}*/

div.News-Holder #arrows a
{
	cursor: pointer;
	cursor: hand;
}

div.News-Holder .float-left
{
	float: left;	
}

div.News-Holder .float-left img
{
	border: none;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 5px;
	float: left;
	border: 0;
}

div.News-Holder img
{
	float: right;
	border: 1px solid #000;
	margin-left: 15px;
	margin-right: 15px;
	border: none;
}

div.News-Holder p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px
}

div.News-Holder h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px
}

div.News-Holder ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

div.News-Holder hr
{
	color: black;
}

div.News-Holder ul
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px	
}

div.News-Holder a
{
	text-decoration:none;
}
/*************************************************************************/
/*  Media-Holder.html */
/*************************************************************************/
div.Media-Holder hr
{
	height: 1px;
	border: 0;
	color: #3C0;
	background-color: #390;
}

div.Media-Holder
{
	/*float: left;*/
}

div.Media-Holder img
{
	/*border-bottom: 1px solid #000;*/
	
}

div.Media-Holder .float-left img
{
	border: none;
	/*margin-bottom: 10px;*/
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	float: left;
	border: 0;
}

div.Media-Holder .float-right img
{
	border: none;
	float: right;
	border: 0;
}

div.Media-Holder .float-left-2 img /* For the Media-Holder playlist*/
{
	border: none;
	/*margin-bottom: 10px;*/
	margin-right: 10px;
/*	margin-left: 3px;*/
	margin-top: 5px;
	float: left;
	border: 0;
}


div.Media-Holder p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 25px;
	font-size: 13px;
}

/*div.Media-Holder h2
{
	background: url(Pictures/Right-Pictures/Topic-Line-Bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 15px;
	color:#096;  Dark green 
	color: white;
}*/

div.Media-Holder h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Media-Holder ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

div.Media-Holder hr
{
	color: black;
}

div.Media-Holder ul
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px	
}

div.Media-Holder a
{
	text-decoration:none;
}


div.Media-Holder img#music-charts
{
	margin-bottom: 20px;	
	
}

div#songTable
{
    z-index:50;	
	text-align: center; /* for IE to center */
	float: left;
	margin-left: 8px;
}

/* Table -- used for the Media-Holder's playlist*/
div#songTable table {
	/*margin-left: auto;*/ /* Centers the table */
	/*margin-right: auto;*/
	margin-bottom: 15px;
	width: 700px;
	border:1px solid #000000;
	
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	}

div#songTable table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

div#songTable table caption {
	font-size: 1.15em;
	text-align: left;
	text-indent: 5px;
	background: url(../Media-Holder-Pictures/Table-Contents-bg.jpg) left top;
	height: 40px;
	color: #FFFFFF;
	border: none;
	}

div#songTable table caption #update
{
	font-size: 12px;
	font-weight: bold;
}

div#songTable table caption #theme
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

div#songTable thead th {
	background: url(../Media-Holder-Pictures/Header-bg.jpg) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

div#songTable tbody tr { background: #ffffff;}

div#songTable tbody tr.odd {background: #f0f0f0;}

div#songTable tbody th {
	background: url(../Media-Holder-Pictures/Blue-Orb-Stop-Button.png) left center no-repeat;
	background-position: 1px;
	padding-left: 50px !important; 
	}

div#songTable tbody tr.odd th {
	background: url(../Media-Holder-Pictures/Green-Orb-Stop-Button.png) left center no-repeat;
	background-position: 1px;
	padding-left: 50px !important; 
	}

div#songTable tbody th, tbody td {
	font-size: 0.75em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 7px;
	border-bottom: 1px solid #063;
	text-align: left; 
	color: black;}

div#songTable tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

div#songTable tbody a:hover {
	color: #ffffff;
	text-decoration: underline; }

div#songTable tbody tr:hover th {
	background: #030 url(../Media-Holder-Pictures/Blue-Orb-Play-Button.png) left center no-repeat;
	background-position: 1px;
	color: #ffffff; }

div#songTable tbody tr.odd:hover th {
	background: #000000 url(../Media-Holder-Pictures/Green-Orb-Play-Button.png) left center no-repeat;
	background-position: 1px;
	color: #ffffff; }

div#songTable tbody tr:hover th a, tr.odd:hover th a	{
	color: #ffffff; }

div#songTable tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background: #030;
	color: #ffffff;	 }

div#songTable tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 }

div#songTable tfoot th, tfoot td {
	background: #ffffff url(../Media-Holder-Pictures/Header-bg.jpg) left;
	font-size: 0.8em;
	color: #ffffff;
    height: 21px;
	padding: 0px 7px;
	}

/* --------------------------------------------------- */
/* For the music charts */
div#musicCharts
{
    z-index:50;	
	text-align: center; /* for IE to center */
	float: left;
	margin-left: 8px;
}

/* Table -- used for the Media-Holder's playlist*/
div#musicCharts table {
	margin-bottom: 15px;
	width: 700px;
	border:1px solid #000000;
	
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	}

div#musicCharts table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

div#musicCharts table caption {
	font-size: 1.15em;
	text-align: left;
	text-indent: 5px;
	background: url(../Media-Holder-Pictures/Table-Contents-bg.jpg) left top;
	height: 40px;
	color: #FFFFFF;
	border: none;
	}

div#musicCharts table caption #update
{
	font-size: 12px;
	font-weight: bold;
}

div#musicCharts table caption #theme
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

div#musicCharts thead th {
	background: url(../Media-Holder-Pictures/Header-bg.jpg) left;
	height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left; }

div#musicCharts tbody tr { background: #ffffff;}

div#musicCharts tbody tr.odd {background: #f0f0f0;}

div#musicCharts tbody th {
	/*background: url(../Media-Holder-Pictures/Blue-Orb-Stop-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*padding-left: 10px !important; */
	}

div#musicCharts tbody tr.odd th {
	/*background: url(../Media-Holder-Pictures/Green-Orb-Stop-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*padding-left: 10px !important; */
	}

div#musicCharts tbody th, div#musicCharts tbody td {
	font-size: 0.75em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 7px;
	border-bottom: 1px solid #063;
	text-align: left; 
	color: black;}

div#musicCharts tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

div#musicCharts tbody a:hover {
	/*color: #ffffff;*/
	text-decoration: underline; }

div#musicCharts tbody tr:hover th {
	/*background: #030;*/
	/*background: #030 url(../Media-Holder-Pictures/Blue-Orb-Play-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff;*/ }

div#musicCharts tbody tr.odd:hover th {
	/*background: #000000;*/
	/*background: #000000 url(../Media-Holder-Pictures/Green-Orb-Play-Button.png) left center no-repeat;*/
	/*background-position: 1px;*/
	/*color: #ffffff;*/ }

div#musicCharts tbody tr:hover th a, div#musicCharts tr.odd:hover th a	{
	/*color: #ffffff;*/ }

div#musicCharts tbody tr:hover td, div#musicCharts tr:hover td a, div#musicCharts tr.odd:hover td, div#musicCharts tr.odd:hover td a {
	/*background: #030;*/
	/*color: #ffffff;*/	 
	background: none;}

div#musicCharts tbody tr.odd:hover td, div#musicCharts tr.odd:hover td a{
	/*background: #000000;*/
	/*color: #ffffff;*/	 }

div#musicCharts tfoot th, div#musicCharts tfoot td {
	background: #ffffff url(../Media-Holder-Pictures/Header-bg.jpg) left;
	font-size: 0.8em;
	color: #ffffff;
    height: 21px;
	padding: 0px 7px;
	}








div.Space-Bottom
{
	clear: both;
	float: left;
}



/* For the section bgs */
.bg-Right-Side img
{
	margin-bottom: -5px; /* Removes the auto-image spacing. */
}

/* Video Games */
/* Directory */
div.video-games-container 
{
	position:relative;
	z-index: 5;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	
	width: 735px;
	height: 410px;
	
	/*background: url(../Section-Music-Japanese-Pictures/Japanese-Bg.jpg);*/
	background-attachment: scroll;
	overflow: scroll;
	overflow-x: hidden;
}

div#video-games-title
{
	position: absolute;
	top: 10px;
	left: 10px;
}

div#video-games-mid-left
{
	position: absolute;
	top: 50px;
	left: 10px;
}




/* Music-Japanese */
/* Directory */
div.music-container 
{
	position:relative;
	z-index: 5;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;

	width: 735px;
	height: 410px;
	
	/*background: url(../Section-Music-Japanese-Pictures/Japanese-Bg.jpg);*/
	background-attachment: scroll;
	overflow: scroll;
	overflow-x: hidden;
}

div#music-title
{
	position: absolute;
	top: 10px;
	left: 10px;
}

div#music-mid-left
{
	position: absolute;
	top: 50px;
	left: 10px;
}

div#BgTable
{
	position: relative;
	text-align: center;
}

/* Table -- used for the Media-Holder's playlist*/
div#BgTable table  {
	position: absolute;
	top: 275px;
	left: 15px;
	
	/*height: 200px;*/
	width: 680px;
	border-collapse: separate;  /* hack is needed for IE7 also */
    border-spacing: 0;
    *border-collapse: collapse; /* hack is needed for IE7 also */
	
	margin-bottom: 20px;
	}

div#BgTable table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}

div#BgTable table caption {
	/*background: url(../Section-Music-Japanese-Pictures/Japanese-top-table.png) left top;*/
	position: relative;
	font-size: 1.15em;
	height: 26px;
	color: #FFFFFF;
	border: none;
	}

div#BgTable #header
{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #8e7a7a;
	height: 21px;
	width: 676px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* For IE8 */
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index: 1;
}

/*div#BgTable table caption #update
{
	position:relative;
	top: -35px;
	left: 3px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
}*/

div#BgTable thead {
	position: relative;
	/*z-index: 10;*/	
}

/* The top titles */
div#BgTable thead th {
	
	height: 21px;
	color: #ffffff;
	font-size: 13px;
	/*font-family: Arial;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-bottom: 1px white solid;
	z-index: 10;
	}

div#BgTable tbody
{
	/*position: relative;	*/
	/*z-index: 1;
	background: url(../Section-Music-Japanese-Pictures/Japanese-mid-table.png);
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;*/
}

div#BgTable .main-body
{
	/*background: url(../Section-Music-Japanese-Pictures/Japanese-mid-table.png) left top;*/
	/*background-position: 15px;*/
	/*position: relative;
	top: 5px;
	left: 5px;*/
	/*top: 25px;
	left: 15px;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index: 1;
}

div#BgTable tbody tr { /*background: #ffffff;*/ z-index: 10; }

div#BgTable tbody tr.odd {	/*background: #f0f0f0;*/ }





/* The topic icons. */
/* -------------------------------------------------- */

div#BgTable tbody tr th{
	background-position: 1px;
	padding-left: 50px !important; /* Space between icon and article title */
	z-index: 10;
}

div#BgTable tbody tr.music th {
	background: url(../Pictures/Left-Pictures/Music-Icon-Resize.png) left center no-repeat;
	}

div#BgTable tbody tr.movies th {
	background: url(../Pictures/Left-Pictures/Movie-Icon-Resize.png) left center no-repeat;
	}

div#BgTable tbody tr.video-games th {
	background: url(../Pictures/Left-Pictures/Video-Game-Icon-Resize.png) left center no-repeat;
	}

div#BgTable tbody tr.anime th { /* For now, use the movie icon as a temp anime icon. */
	background: url(../Pictures/Left-Pictures/Movie-Icon-Resize.png) left center no-repeat;
	}

/* The topic icons when hovered on. */
/* -------------------------------------------------- */
div#BgTable tbody tr:hover th {
    color: #ffffff;

}

div#BgTable tbody tr.music:hover th {
	background: black url(../Pictures/Left-Pictures/Music-Icon-Resize.png) left center no-repeat;
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div#BgTable tbody tr.movies:hover th {
	background: black url(../Pictures/Left-Pictures/Movie-Icon-Resize.png) left center no-repeat;
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div#BgTable tbody tr.anime:hover th { /* For now, use the movie icon as a temp anime icon. */
	background: black url(../Pictures/Left-Pictures/Movie-Icon-Resize.png) left center no-repeat;
  }

div#BgTable tbody tr.video-games:hover th {
	background: black url(../Pictures/Left-Pictures/Video-Game-Icon-Resize.png) left center no-repeat;
	/*background-position: 1px;*/
	/*color: #ffffff; */
  }

div#BgTable tbody th, div#BgTable tbody td {
	/*font-size: 0.75em;*/
	font-size: 12px;
	line-height: 1.4em;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	
	font-weight: bold;
	color: #ffffff;
	padding: 10px 7px;
	/*border-bottom: 1px solid #063;*/
	border: none;
	text-align: left; }

div#BgTable tbody a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; }

div#BgTable tbody a:hover {
	color: #ffffff;
	text-decoration: underline; }

/*div#BgTable tbody tr:hover th {
	background: black url(../Pictures/Left-Pictures/Music-Icon-Resize.png) left center no-repeat;
	background-position: 1px;
	color: #ffffff; 
  }*/

div#BgTable tbody tr:hover th a, tr.odd:hover th a	{
    color: #ffffff; }

div#BgTable tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	/*background: #030;*/
	background: #000000;
	color: #ffffff;	 }

div#BgTable tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 }

div#BgTable tfoot th, div#BgTable tfoot td {
	background: none;
	font-size: 13px;
	color: #ffffff;
    height: 21px;
	padding: 0px 7px;
	border-top: 1px white solid;
	}
	
/*************************************************************************/
/*  Any articles -- article format class */
/*************************************************************************/
div.Article-Format
{
	/*float: left;*/
}

div.Article-Format hr
{
	height: 1px;
	border: 0;
	color: black;
	background-color: black;
}

div.Article-Format img
{
	/*border-bottom: 1px solid #000;*/
	
}

div.Article-Format img.float-left
{
	border: none;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
	border: 0;
}

div.Article-Format img.float-right
{
	border: none;
	margin-left: 10px;
	margin-top: 5px;
	float: right;
	border: 0;
}

div.Article-Format img.float-center
{
	border: none;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border: 0;
}

div.Article-Format p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 25px;
	margin-bottom: 25px; /* Gives bottom space between paragraphs */
	font-size: 13px;
}

/*div.Media-Holder h2
{
	background: url(Pictures/Right-Pictures/Topic-Line-Bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 15px;
	color:#096;  Dark green 
	color: white;
}*/

div.Article-Format h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 15px
}

div.Article-Format ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px
}

div.Article-Format hr
{
	color: black;
}

div.Article-Format ul
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; /* Represents the text to the end of the right section's border */
	font-size: 13px	
}

div.Article-Format a
{
	text-decoration:none;
}	

div.Article-Format .Article-Title-1
{
	height: 30px;
	border: 0;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*color: white;*/
	color: #225430;
	padding-left: 10px;
	padding-top: 10px;
	background:url(../Pictures/Article-Pictures/Intro-Top-Bg.jpg);
}

div.Article-Format .Article-Title-2
{
	/* Spaces the borders. */
	padding-top: 10px;
	padding-bottom: 10px;
	
	margin-bottom: 15px;
	border-top: 1px solid #060;
	border-bottom: 1px solid #060;
	background-color: #cfe7d5;
	padding-left: 10px;
	z-index: 1;
}

div.Article-Format .Article-Title-2 img
{
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 10;
	margin-right: 25px;
}

div.Article-Format .Article-Title-2 p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #225430;
}

/*div.Article-Format .Article-Title-2 .image-credit
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #225430;
}*/

div.Article-Format .Quotes p
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:italic;
	color: #039;
}

.image-credit
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #225430;
}

/* Interviews section */
div.Interviews h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

/*div.Advertise-Desc .Advertise-arrows
{
	float: right;
}

div.Advertise-Desc #adPage
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position: absolute;
	
	top: 107px;
	left: 520px;
}

div.Advertise-Desc #picName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 107px;
	left: 200px;
}

div.Advertise-Desc #artistName
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	
	top: 127px;
	left: 200px;	
}


div.Advertise-Desc
{
	width: 525px;
	float: left;	
}

div.Advertise-Options
{
	width: 150px;
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 15px;
	float: left;
}




div.Advertise-Options img
{
	border-bottom: 1px solid #2e6d34;
	margin-top:-4px;
}

div.Advertise-Options img:hover
{
	background:url(../Advertise-Pictures/Hover-Options.jpg);
	z-index:25;
}

div.Advertise-Options a
{
	cursor: pointer;
	cursor: hand;
}

div.Advertise-Desc img
{
	border: none;
}

div.Advertise-Desc a
{
	cursor: pointer;
	cursor: hand;
}

div.Advertise-Desc p
{
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 15px;
	font-size: 13px
}

div.Advertise-Desc hr
{
	margin-left: 15px;
	margin-right: 15px;
	height: 1px;
}

div.Advertise-Desc h3
{
	font-weight: bold;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

div.Advertise-Desc ul li
{
	font-weight: normal;
	text-align: justify;
	color:black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 30px; 
	font-size: 13px
}*/



/* --------------------------------------------- */


div.Editors-Corner
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.Editors-Corner p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.Editors-Corner hr
{
	height: 1px;
	border: 0;
	color: black;
	background-color: black;
}

div.Editors-Corner a
{
	text-decoration: none;
}

div.Editors-Corner a.left
{
	margin-left: 10px;
	/*float: left;*/
}

div.Editors-Corner a.right
{
	margin-right: 10px;
	float: right;
}

div.Editors-Corner h4
{
   	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}

div.Editors-Corner img.float-center
{
	border: none;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border: 0;
}

/* For the flash videos*/
div.Editors-Corner .center-flash
{
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
	border: 0;
}

div.Editors-Corner img#stamp
{
	position: absolute;
	top: 3px;
	left: 300px;
}

/* Global - captions for images */
div.pic-caption-center /* This is for the caption*/
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}

div.pic-caption-left
{	
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left; 
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}

div.pic-caption-right
{
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	float: right;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
	color: #5070a3;
}


sub /* For subscripts */
{
	color: #3e5f93;
}

div.footnote p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img.float-left
{
	float: left;	
}

img.float-right
{
	float: right;	
}