body {
			background-color: #000000;
			margin-bottom: 240px;
			padding-bottom: 120px;
		}


        /* General font families for common tags */
        font,th,td,p,a { font-family: Verdana, Arial, Helvetica, sans-serif; }

        .mainmenu      { font-size : 11px; color : #999999 }
        a.mainmenu      { text-decoration: none; color : #EEEEEE;  }
        a.mainmenu:hover{ text-decoration: underline; color : #AAAAAA; }



        /* Header cells */
        h1 {   background-image: url(templates/terraarc/images/tacellpic3.jpg);
         background-color:#000000; border: #000000; border-style: solid; height: 28px; color: white;
         font-size: 14pt; margin: 1em 4em 2em 4em ; width: auto; }

        h2{   color: #999999; font-size: 14pt; font-weight : bold; padding-left: 1em;
         background-color: #EEEEEE; height: 25px; margin-bottom: 0px; margin-top: 1em; width: 60%;
         background-image: url(http://terra-arcanum.com/phpBB/templates/terraarc/images/tacellpic2.jpg); }

        /* Main table cell colours and backgrounds */
        p {   background-color: #500000; padding: 2px; padding-left: 4pt;
         margin: 1px; border: none; display: block;
         width: 60%;   font-size: 11pt; color: #aaa; }

        /* The links */
        a:link      { text-decoration: none; color : #EEEEEE; }
        a:visited   { text-decoration: none; color : #CCCCCC; }
        a:hover   { text-decoration: underline; color : #AAAAAA;}

	/************************************************************************************/
        /* Download sections' style*/
        .dsect {   
			background-color: #000000;
			margin: 1em; 
			padding: 0pt -1pt 0pt -1pt; 
			border: 1px solid #202020; 
			display: block;
			width: 45%; /* anything bigger might not work in some browsers */  
			font-size: 10pt; 
			color: #aaa;
			float:left;	/* This is what makes them automagically alignin two columns*/
				}

        .dsect h1 {   
			background-image: url(http://terra-arcanum.com/phpBB/templates/terraarc/images/tacellpic3.jpg);
			background-color:#4a3320; 
			border: none; 
			border-bottom: 1px solid #080505; 
			height: 28px; 
			color: #E0E0E0;
			font-size: 14pt; 
			margin: 0px 0px 0px 0px; 
			width: auto; 	/* makes the header streatch to fit in the box. size: 100% caused too much problems*/
			padding: 0pt 0pt 0pt 3pt; /* it's bottom - right - top - left . I know for sure that left goes last.*/
				}
/* Style for subsection header. */
        .dsect h2{   
			color: #AAAAAA; 
			font-size: 12pt; 
			font-weight : bold; 
			padding: 2pt;
			background-color: #3a120d; 	
			background-image: url(http://terra-arcanum.com/phpBB/templates/terraarc/images/tacellpic1.jpg); 
			height: 14pt; 
			width: auto;
			text-align: center; 
			margin: 0px 1px 0px 1px	;
				}
/* Style for subsection credit/info header. Simply smaller then the normal one. */
        .dsect h3{ 
		/*  h2+h2 means: a h2 element occuring _directly after_  another h2 element as in <h2>first</h2><h2>second</h2>*/
		/* Only the second one will get the styling. And maybe the ones after that, I dunno.*/
			color: #AAAAAA; 
			font-size: 8pt; 
			font-weight : bold; 
			padding: 0pt 0pt 2pt 0pt;
			border: none; 
			border-top: 1px solid #080101;
			background-color: #3a120d; 	
			background-image: url(http://terra-arcanum.com/phpBB/templates/terraarc/images/tacellpic1.jpg); 
			height: 9pt; 
			width: auto;
			text-align: center; 
			margin: 0px 1px 0px 1px	;
				}

/* Style for the description header in sections */
        .dsect h4, .dindex  h1 {   
			color: #AAAAAA; 
			font-size: 10pt; 
			font-weight : normal; 
		 	margin: 3pt 5pt 0pt 5pt;
			padding: 1pt 0pt 0pt 3pt;
			background-color: #000; 
			width: auto;
			background-image: none; 
			border: none; 					/* First we say that the item shouldn't have any border */
			border-bottom: 1px solid #500; /* Then state to make an exception for the bottom border */
				}						  /* Otherwise, we might get some wierd borders other then the bottom one*/

		.dindex  h1 {   
			color: #AAAAAA; 
			font-size: 10pt; 
			font-weight : normal; 
		 	margin: 1pt 1pt 1pt 1pt;
			padding: 0pt 0pt 0pt 0pt;
			background-color: #000; 
			width: auto;
			vertical-align: bottom;
				}

        .dindex  h1 a { 	
			display:block;
			vertical-align: bottom;
			text-align: center; 
			height: 100%;
				}

		.dindex  h1 a:hover { 
			background-color: #100; 
			text-decoration: none;
				}
				
		 /*	 Not used - it turned out ugly
		.dsect h3 + h3{   color: #AAAAAA; font-size: 9pt; font-weight : normal; 
		 
		margin: 3pt 5pt 0pt 5pt;
		padding: 0pt 0pt 0pt 3pt;

		background-color: #000; width: auto;
         background-image: url(templates/terraarc/images/tacellpic1.jpg); 
         border: none; border-bottom: 1px solid #500; }
*/

/*The paragraph style - used only in the index right now, but potentially useful for adding extra descriptions*/
        .dsect p{   
			color: #AAAAAA; 
			font-size: 10pt; 
			font-weight : bold; 
			padding: 2pt;
			background-color: #000;
			height: 14pt; 
			width: auto;
			text-align: center; 
			display: block;
			margin: 1pt 1pt 1pt 1pt	;}
/*The unordered list style, simply saying it should be a black bos without any border. The same for index and sections.*/		 
        .dsect ul, .dindex ul{   
			background-color: #000; 
			padding: 1px;
			margin: 1px; 
			border: none; 
			display: block;
			width: 99%;
				}
/*The trick that makes the awesome stuff light up in lists. basically treats the list >>with the cursor over it<< as another element */
/*and says that every list item (li) that's awesome under that element should light-up bright red*/
        .dsect ul:hover > li.awesome{ background-color: #611;}		 
/*List item style, same for download sections and index boxes*/
        .dsect ul li, .dindex ul li{   
			background-color: #500000; 
			padding: 1pt;
			margin: 0pt; 
			border: 1px black solid ; 
			display: block;
         }

/*List item style, same for temporary downloads - changes background to dark-red */
        .dsect ul li.temp		{   background-color: #300000; }
/*List item style, same for temporary downloads >>with the cursor over them<< - changes background to green-ish*/
        .dsect ul li.temp:hover{   background-color: #104010; }
/*List item style, same for broken/REDundant downloads - changes background to gray . pun intended.*/
        .dsect ul li.red{   background-color: #303030; }

		
/* Style used to hold the top page tables together  (the HOL/T-A banner with links inside)*/        
        .c1 {border:none; margin: 0pt; padding:0pt;}

/* Style for the download index boxes. Mostly ripped off .dsect with minimal changes*/		
		 .dindex {
			background-color: #000000;
			margin: 2pt 0pt 2pt 4pt; /* play wit hthe margins to make the boxes align nicely*/
			padding: 1pt 1pt 1pt 1pt; 
			border: 1px solid #202020; 
			display: block;
			width: 32%;   
			font-size: 10pt; 
			color: #aaa;
			float:left;
			}
/*	I KNOW! I'll do this in an elegant way as soon as someone points this out to me.
	There's no way I'm rewriting this crap with nobody forcing me to do it. */
/*
		target.css( { 	'opacity' : '0.75',
					 	'float' : 'none',
					 	'margin' : '8pt',
//					 	'margin-left' : '12em',
					 	'width' : '45%',
					 	'border' : 'none',
						'display' : 'block'} );
						
		target.children('h1').css( {'float' : 'none',
									'font-size':'14pt',
									'margin' : '4pt',
									'margin-left' : '1em',
									'width' : '24em',
									'display' : 'block'} );

		target.children('h2').css( {'float' : 'none',
									'font-size':'12pt',
									'font-weight':'normal',
									'opacity' : '0.75',									
									'margin' : '6pt 1px 0px 5em',
									'width' : 'auto',
									'display' : 'block'} );
						
		target.children('ul').css( { 	'opacity' : '0.7',
									'float' : 'none',
									'margin' : '1pt',
									'width' : 'auto',
									'display' : 'block'} );
		target.children('ul, h4').css( { 	'margin-left' : '6em' } );
		target.children('h3').css( { 	'margin-left' : '7.5em' } );

						
		target.children('h1, h2, h3').css( { 	'background-color' : '#470D0D',
												'font-family':'Verdana,Arial,Helvetica,sans-serif',
												'background-image' : 'none' } );

			
.closedTab
	{
	background-color : #370D0D;
	color: #AAA;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-image : none;
	}
.openTab
	{
	background-color : #470D0D;
	color: #AFAFAF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-image : none;
	}
.subsection
.sectionDiv
.sectionDivOpen
*/

.description-short, .description-long
	{
	display: none;
	}