/* first example */

 /* set background images for corners */
.rbroundbox { background: url(./images/site/simple_background.png) repeat; }
.rbtop div  { top:0px; left:0px; }
.rbtop      { height:5px; background: url(./images/site/simple_top_right.png) no-repeat top right; }
.rbbot div  { bottom:0px; left:0px;  }
.rbbot      { height:5px; background: url(./images/site/simple_bottom_right.png) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 250px;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; background:#cccccc ;}
.rbroundbox { width: 250px; margin: auto; }






td.adrmrnuline	 { }



.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:url(./images/headers/baktab.gif);
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid black;
border-bottom-width: 0;
font-size : 14px; color: #ffffff; 
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size : 14px; 
color: #ffffff; 
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;

}

.anylinkmenu a:hover{ /*hover background color*/
background:#006699;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}



/* spiffy left begin */

.spiffyleft{display:block}
.spiffyleft *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#19228A}
.spiffyleft1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9c9fcc;
  border-right:1px solid #9c9fcc;
  background:#5259a7}
.spiffyleft2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8e8f3;
  border-right:1px solid #e8e8f3;
  background:#444ba0}
.spiffyleft3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #444ba0;
  border-right:1px solid #444ba0;}
.spiffyleft4{
  border-left:1px solid #9c9fcc;
  border-right:1px solid #9c9fcc}
.spiffyleft5{
  border-left:1px solid #5259a7;
  border-right:1px solid #5259a7}
.spiffyleftfg{
  background:#19228A}



/* spiffy middle begin */



.spiffymiddle{display:block}
.spiffymiddle *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a6b1b9}
.spiffymiddle1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ccd2d7;
  border-right:1px solid #ccd2d7;
  background:#b8bd7f}
.spiffymiddle2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f5f6ee;
  border-right:1px solid #f5f6ee;
  background:#9fabb3}
.spiffymiddle3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9fabb3;
  border-right:1px solid #9fabb3;}
.spiffymiddle4{
  border-left:1px solid #ccd2d7;
  border-right:1px solid #ccd2d7}
.spiffymiddle5{
  border-left:1px solid #b8bd7f;
  border-right:1px solid #b8bd7f}
.spiffymiddlefg{
  background:#a6b1b9}









/* spiffy rounded  corners begin */


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#8998A2}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ccd2d7;
  border-right:1px solid #ccd2d7;
  background:#a6b1b9}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3f4f5;
  border-right:1px solid #f3f4f5;
  background:#9fabb3}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9fabb3;
  border-right:1px solid #9fabb3;}
.spiffy4{
  border-left:1px solid #ccd2d7;
  border-right:1px solid #ccd2d7}
.spiffy5{
  border-left:1px solid #a6b1b9;
  border-right:1px solid #a6b1b9}
.spiffyfg{
  background:#8998A2}

/* spiffy rounded  corners end */





/* This is the site widthh */
.allsite	  {    width:960px ; }

.siteline	  {    width:960px ; }
.siteline2	  {    width:960px ; }
.sitecontent	  {    width:100% ; }
.pagelineheader2	  {    width:100% ;background: url(./images/headers/ex_dy_header.jpg)}


td.sitecolor { background: #1B6100}


td.row_back12 { width:240px ;background:#98DA7B   url(./images/site/greensite.jpg) ;   }
td.row_midcontent { background:#98DA7B  url(./images/site/greensite.jpg) ;  }
td.row_back16 { width:240px;background:#98DA7B  url(./images/site/greensite.jpg) ; }




td.topriteparch 	 { width:240px ; text-align:center;   height:40px;  background:  url(./images/site/topriteparch.jpg) }
td.topriteparch2	 { width:16px; background:  url(./images/site/topriteparch2.jpg) }
td.topriteparch3	 { width:16px; background:  url(./images/site/topriteparch3.jpg) }
td.topriteparch4	 { width:240px; height:29px; background:  url(./images/site/topriteparch4.jpg) }


td.atopriteparch 	 { width:255px ; text-align:center;   height:40px;  background:  url(./images/site/atopriteparch.jpg) }
td.atopriteparch2	 { width:16px; background:  url(./images/site/atopriteparch2.jpg) }
td.atopriteparch3	 { width:17px; background:  url(./images/site/atopriteparch3.jpg) }
td.atopriteparch4	 {  height:29px; background:  url(./images/site/atopriteparch4.jpg) }
td.atopriteparch5	 { width:222px;   background:  url(./images/site/brownsite.jpg) }





/* Exp Quick help system */
#dive1, #dive2, #dive3, #dive4, #dive5, #dive6, #dive7, #dive8, #dive9, #dive10, #dive11, #dive12, #dive13, #dive14, #dive15, #dive16, #dive17, #dive18, #dive19 { display:none;}


#dive100, #dive101, #dive102, #dive103, #dive104, #dive105, #dive106, #dive107, #dive108, #dive109, #dive110, #dive111, #dive112, #dive113, #dive114, #dive115, #dive116, #dive117, #dive118, #dive11a #dive12b, #dive12c, #dive12d, #dive12e, #dive12f #dive12g { display:none;}




.exp1  { font-size : 11px; color : #333333;}

a.exp1 { color: blue;  }
a.exp1:hover  { color:red;background:url("" ) }   

a.exp1:visited { font-size : 11px; color : #333333;}




#bookmap { 
  background-image: url(./images/map_maps/indexmap.gif);
  height: 282px;
  width: 310px;
  }
  
  #menumap a {
  position: absolute;
  height: 282px;
  width: 310px;
  top: 0px; 
  text-decoration: none;
  }
  #menumap a i { visibility: hidden; }
  
a#forum { top: 32px; left: 91px; width: 144px;  height: 65px; }
a#music { top: 94px; left: 33px;  width: 87px;  height: 33px;}
a#pictures { top: 130px; left: 32px;  width: 86px; height: 40px;}
a#pages { top: 164px; left: 26px;  width: 96px;  height: 91px;}

a#gate { top: 252px; left: 110px;  width: 109px;  height: 34px;}

a#groups { top: 101px; left: 223px; width: 90px;  height: 52px; }
a#characters { top: 151px; left: 213px;  width: 90px;  height: 62px;}
a#games { top: 209px; left: 216px;  width: 90px;  height: 52px;}

a#home:hover { background-image: url(./images/map_maps/gateglow.gif); }
a#pages:hover { background-image: url(./images/map_maps/pagesglow.gif); }
a#pictures:hover { background-image: url(./images/map_maps/picturesglow.gif); }
a#music:hover { background-image: url(./images/map_maps/musicglow.gif); }
a#forum:hover { background-image: url(./images/map_maps/forumglow.gif); }
a#groups:hover { background-image: url(./images/map_maps/groupsglow.gif); }
a#characters:hover { background-image: url(./images/map_maps/charactersglow.gif); }
a#games:hover { background-image: url(./images/map_maps/gamesglow.gif); }
a#gate:hover { background-image: url(./images/map_maps/gateglow.gif); }

a#gate:hover,
a#pages:hover,
a#pictures:hover,
a#music:hover,
a#forum:hover,
a#groups:hover,
a#characters:hover,
a#games:hover,
a#credits:hover { border: none; } 









/*  end tab stuff */



.dhtmlwindow{
position: absolute;
border: 0px solid #000099;
visibility: hidden;
background-color:transparent;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 0px;
text-indent: 10px;
font: bold 14px Arial ; 
background-color:#003300;
color: white;
overflow: hidden;
width: auto;
}


.divstats  { padding:0px; border:0; border-width:0; border-color:#0066FF;display: none; }




.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 0px;

}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid white;
background-color:transparent;
color: black;
height: 0px;
padding: 0px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid white;
background-color: transparent;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 0px; /*width of resize image*/
height: 0px; /*height of resize image*/

font-size: 0;
}


/* YAY, a hacker */
/*

background-image:url('./images/site/indexbak.jpg');

 background-image: url(./images/coverexp.jpg);
  background-image:url('./images/site/exp_blue.gif');

 background:#EEEEEE;
  */

body  {  border:0 ;


background-attachment:scroll;

background-image:transparent;



background-position:top;
background-repeat:repeat-y;




scrollbar-3d-light-color:white; 
 scrollbar-arrow-color:#0099ff; scrollbar-base-color:gold; 
 scrollbar-dark-shadow-color:red; scrollbar-face-color:#ffffff; 
 scrollbar-highlight-color:lightblue; scrollbar-shadow-color:blue; 
 scrollbar-track-color:#0099ff ; 
 
margin-top: 0px;
margin-left: 0px;
margin: 0px;


}
	
	
	
	
	
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color:#000000 ;}
a.gen,a.genmed,a.gensmall  { color: #000000 ;  text-decoration: none ; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #000000 ;  text-decoration: blink; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	 { color: #000000 ; text-decoration: blink; font-weight:inherit;}




.gensmallwhite { font-size : 12px; color:#ffffff; }
a.gensmallwhite { color:#ffffff; }
a.gensmallwhite:hover {  color:#ffffff;  }
a.gensmallwhite:visited  { color:#ffffff; }


.gensmallblue { font-size : 12px; color:#000066; }
a.gensmallblue { color:#000066; }
a.gensmallblue:hover {  color:#000066;  }
a.gensmallblue:visited  { color:#000066; }

.gensmallred { font-size : 12px; color:#820000; }
a.gensmallred { color:#820000; }
a.gensmallred:hover {  color:#820000;  }
a.gensmallred:visited  { color:#820000; }


.gensmall4 { font-size : 12px; color:#D43F00; }
a.gensmall4 { color:#D43F00; }
a.gensmall4:hover {  color:#D43F00; }
a.gensmall4:visited  { color:#D43F00;}


.gen2 { font-size : 12px; color:#ffffff ; }
a.gen2 { color : #ffffff; }
a.gen2:hover {  color:#FFFF00; }
a.gen2:visited  { color : #ffffff; }

.gentitle2 { font-size : 12px; color:#4E7278 ; font-weight:900; }
a.gentitle2 {  color:#4E7278 ; font-weight:900;}
a.gentitle2:hover {   color:#4E7278 ; font-weight:900;}
a.gentitle2:visited  {  color:#4E7278  ; font-weight:900;}



.gen2_white { font-size : 12px; color:#ffffff ; }
a.gen2_white { color : #ffffff; }
a.gen2_white:hover { color : #ffffff; }
a.gen2_white:visited  { color : #ffffff; }

.gensubmenu { font-size : 12px; color:#ffffff ; }
a.gensubmenu { color : #ffffff; }
a.gensubmenu:hover { color :#ffffff; }
a.gensubmenu:visited  { color : #ffffff; }

.gen5 { font-size : 12px; color:#ffffff ; }
a.gen5 { color:#ffffff ; }
a.gen5:hover { color :#ffffff; }
a.gen5:visited  { color :#ffffff; }


.genlarge { font-size : 16px; color:#333333 ; font-weight:800; }
a.genlarge { color : #333333; }
a.genlarge:hover { color : red; }
a.genlarge:visited  { color : #333333; }


.gengold { font-size : 12px; color:#FFFF33  ; }
a.gengold { color : #FFFF33; }
a.gengold:hover { color : #FFFF33; }
a.gengold:visited  { color : #FFFF33; }

.genyellow { font-size : 12px; color:#FFFF33  ; }
a.genyellow { color : #FFFF33; }
a.genyellow:hover { color : #FFFF33; }
a.genyellow:visited  { color : #FFFF33; }


.gen7 { font-size : 16px; color:#000040; }
a.gen7 {  color:#000040; }
a.gen7:hover {  background:url(./images/headers/overbut.jpg)  }
a.gen7:visited  {  color: #000040 ;  }





.genmenuheader2{ font-size : 14px; color:#33CCFF; text-align:center ; text-shadow:3; outline-color:#30C2EF; }
a.genmenuheader2 { color :#30C2EF; }
a.genmenuheader2:hover { color:#33CCFF ; }
a.genmenuheader2:visited  { color : #30C2EF; }



.genmenu2{ font-size : 11px; color:#000000 ; text-align:center ; }
a.genmenu2 { color :#000000; }
a.genmenu2:hover { color : #000000; }
a.genmenu2:visited  { color : #000000; }


.genblue { font-size : 14px; color:blue ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genblue { color : blue; }
a.genblue:hover { color :red; }
a.genblue:visited  { color : blue; }

.genred { font-size : 14px; color:red ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genred { color : red; }
a.genred:hover { color : blue; }
a.genred:visited  { color : red; }


.gengreen { font-size : 14px; color:green ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.gengreen { color : green; }
a.gengreen:hover { color:#2ABF55; }
a.gengreen:visited  { color : green; }

.genyellow { font-size : 14px; color:yellow ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genyellow { color : yellow; }
a.genyellow:hover { color : blue; }
a.genyellow:visited  { color : yellow; }




.genbiggermenu1{  font-weight: bold;font-size : 12px; color:#75AC0D; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif  }
a.genbiggermenu1 {font-weight: bold; color : #ffffff; }
a.genbiggermenu1:hover {font-weight: bold; color : #ffffff; }
a.genbiggermenu1:visited  {font-weight: bold; color : #ffffff; }


.genbiggermenu2{font-weight: bold; font-size : 12px; color:::#ffffff ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbiggermenu2 {font-weight: bold; color : #ffffff ; }
a.genbiggermenu2:hover {font-weight: bold; color:#ffffff ; }
a.genbiggermenu2:visited  {font-weight: bold; color : #ffffff ; }


.genbigger2{ font-size : 32px; color:#ffffff ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbigger2 { color : #ffffff; }
a.genbigger2:hover { color : #ffffff; }
a.genbigger2:visited  { color : #ffffff; }



.genbig{ font-size : 19px; color:black ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbig { color : red; }
a.genbig:hover { color : blue; }
a.genbig:visited  { color : blue; }



.genbigwhite { font-size : 14px; color : #ffffff;  ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbigwhite { color : #ffffff; }
a.genbigwhite:hover { color : #ffffff; }
a.genbigwhite:visited  { color : #ffffff; }




.genbigred{ font-size : 19px; color:red ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbigred { color : red; }
a.genbigred:hover { color : red; }
a.genbigred:visited  { color : red; }



.genbigblue{ font-size : 19px; color:blue ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbigblue { color : blue; }
a.genbigblue:hover { color : blue; }
a.genbigblue:visited  { color : blue; }

.genbigblueheavy{ font-size : 19px; color:red ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbigblueheavy { color : red; }
a.genbigblueheavy:hover { color : red; }
a.genbigblueheavy:visited  { color : red; }






.genbig2{ font-size : 19px; color:#ffffff ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbig2 { color :#ffffff; }
a.genbig2:hover { color : #ffffff; }
a.genbig2:visited  { color : #ffffff; }

.genbig3{ font-size : 15px; color:red ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }
a.genbig3 { color :red; }
a.genbig3:hover { color : red; }
a.genbig3:visited  { color : red; }




.gentitle { font-size : 11px; color:#2A00AA; font:bolder;  }
a.gentitle { color:#2A00AA; font:bolder; font:bolder; }
a.gentitle:hover { color:#2A00AA; font:bolder; }
a.gentitle:visited  { color:#2A00AA; font:bolder; }

.genreply { font-size : 11px; color:#333333; font:bolder; }
a.genreply { color : #333333;  font:bolder;}
a.genreply:hover { color : #333333;  font:bolder;}
a.genreply:visited  { color : #333333; font:bolder;}

.gen3 { font-size : 12px; color:#000000 }
a.gen3 { color : yellow; }
a.gen3:hover { color : yellow; }
a.gen3:visited  { color : yellow; }

.gen6 { font-size : 25px; color:#000000 ; font-weight:bold ; font-family:Arial, Helvetica, sans-serif; }
a.gen6 { color : yellow; }
a.gen6:hover { color : yellow; }
a.gen6:visited  { color : yellow; }





.gensmall2 { font-size : 10px; color:#000000 }
a.gensmall2 { color : #ffffff; }
a.gensmall2:hover { color:#FFFF00; }
a.gensmall2:visited  { color : #ffffff; }


.genwhite { font-size : 12px; color:#ffffff }
a.genwhite { color : #ffffff; }
a.genwhite:hover { color : red; }
a.genwhite:visited { color : #ffffff; }


.genmid2 { font-size : 11px; color:#336699; }
a.genmid2 { color : #336699; }
a.genmid2:hover { color : #336699; }
a.genmid2:visited  { color : #336699; }


.gen4 { font-size : 14px; color: #ffffff; }
a.gen4 {  color: #ffffff; }
a.gen4:hover {  color: #ffffff  ;  }
a.gen4:visited  {  color: #ffffff ;  }



/* The register, login, search etc links at the top of the page */
.mainmenu		 { color: #ffffff; font-size: 18px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.mainmenu		  { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:visited  { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:hover  { color: #000099; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

/* The register, login, search etc links at the top of the page */
.mainmenu2		 { color: #ffffff; font-size: 18px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.mainmenu2		  { color: #fff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu2:visited  { color: #fff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu2:hover  { color: yellow; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }



/* Forum category titles */
.cattitle2		 { color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; letter-spacing: 1px }
a.cattitle2		 { color: #fff; text-decoration: none }
a.cattitle2:visited { color: #fff; text-decoration: none }
a.cattitle2:hover { color: #000099; text-decoration: none }

/* Forum category titles */
.cattitle		 { color: #000; font-weight: bold; font-size: 15px; text-decoration: none; letter-spacing: 1px }
a.cattitle	 { color: #000099; text-decoration: none }
a.cattitle:visited { color: #000099; text-decoration: none }
a.cattitle:hover { color: #8E8EE8; text-decoration: none }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		  { color: #333300 ; font-weight: bold; font-size: 13.2px }
a.forumlink 	  { color: #333300 ; text-decoration: none }
a.forumlink:visited { color: #333300 ; text-decoration: none }
a.forumlink:hover { color: #000099; text-decoration: bold ;text-transform : uppercase}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #3300CC;}
a.nav			 { color: #000; text-decoration: none }
a.nav:visited { color: #3300CC; text-decoration: none }
a.nav:hover		 { color: #000099; text-decoration: none }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav2			{ font-weight: bold; font-size: 16px; color : #ffffff;}
a.nav2			 { color: #ffffff; text-decoration: none }
a.nav2:visited { color: #ffffff; text-decoration: none }
a.nav2:hover		 { color: #ffffff; text-decoration: none }


/* titles for the topics: could specify viewed link colour too */
.topictitle			 { color: #ff4500; font-weight: bold; font-size: 11px }
a.topictitle:link     { color: #000; text-decoration: none }
a.topictitle:visited    { color: #000; text-decoration: none }
a.topictitle:hover	 { color: #000099; text-decoration: none }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			 { color: #990066; font-size: 11px }

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #333333; }


	
	
	
	
	
	
	
	
	
	
	
	
	
	
td.side_l	 { width:22px; background: url(./images/website/side_l.jpg) ;}
	td.side_r	 { width:22px; background: url(./images/website/side_r.jpg) ;}


	#contentLYR {
  position:absolute;
  width:200px;
  height:115px;
  z-index:1;
  left: 200px;
  top: 200px;
}

	
	.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
	
.shadetabs{
width: 680px;
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align:center; /*set to left, center, or right to align the menu as desired*/
text-decoration: none;
}

.shadetabs li{
display: inline;
margin: 0;
text-decoration: none;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #000;
background: #CCCC99  top left repeat-x;
}

.shadetabs li a:visited{
color: #000;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #000;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background: #FFCC33 top left repeat-x;
border-bottom-color: #2A00FF;
color: #000;
text-decoration: none;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color: #0033CC;
}

.tabcontentstyle{ /*style of tab content oontainer*/
 
text-align:center;
border: 0px solid gray;

width: 80%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
text-align:center;
}

@media print {
.tabcontent {
display:block!important;
}
}
body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin-top:0px;
					
	}
	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
	
		border:1px solid #000000;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}

	#mainMenu{
		background-color: ;	/* Background color of main menu */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		border-bottom:1px solid #333333;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */		
		position:relative;	/* Don't change this position attribute */
		visibility: hidden;
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight: bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;
	}
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#ffffff;	/* Background color of sub menu items */
		visibility: hidden;
		width:100%;	/* Don't change this option */
		margin:0 auto;
		
	  	
	}
	
	html>body #clearmenu{ /* non IE browsers menu bottom spacing */
	margin-bottom: 2px;
	}
	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		
		background-color: #ffffff;	/* Background color */
		
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #ffffff;	/* Text color */
}
	
#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:0.9em; 

	}

	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
	
	
	
.help	  { 
background:#FFFF00;
border:#2A0000;
}


.rollover a { display:block; width:58px}
.rollover a:hover { background-color: #333333; background:url(./images/shadow7.gif)}

.rollover2 a { display:block; width:58px}
.rollover2 a:hover { background-color: #333333; background:url(./images/logo00.gif)}


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


div#private_message{ 
        font:10px Tahoma; 
        padding:2px; 
        position:absolute; 
        top:10%; 
        left:30%; 
        width:400px; 
        height:140px; 
        border:1px solid silver; 
        background:#E5E5E5; 
        z-index:99; 
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


.menuskin{
position:absolute;
width:165px;
background-color:lightblue;
border:2px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
visibility:hidden;
text-align:left;
}
a.menuskin { color : white; }
.menuskin a{
text-decoration:none;
color:white;
padding-left:10px;
padding-right:10px;
}


.menuskin:visited { color:white}

#mouseoverstyle{
background-color:highlight;
color:#FFFFFF
}

#mouseoverstyle a{
color:white;
}

 /* background:#555FFF url(./images/coverexp.gif);

 /*  background-color:#006699; General page style. The scroll bar colours only visible in IE5.5+ */



/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited   { color: #000066; text-decoration: none }
a:hover		  { color: #000099  ; text-decoration: none }
hr	 { border: none #00FFCC ; height: 0px  }



/* This is the outline round the main forum tables */




/* This is the outline round the main forum tables */
forumline	  { background-color:#ffffff; border: solid 0px #000 }
/* This is the outline round the main forum tables */
  

.content1	  { border: solid 0px #ffffff  ; width:100% ; padding:0px; }

.headerline	  { background-color: #ffffff  }
.forumlinespiffy	  { background-color:#ffffff; width:98%;}

.adrmenu	  { background:#000000; background: url(./images/headers/menumm.jpg)}
.adrmenuleft	  { background: url(./images/headers/adrmenuleft.gif)}
.adrmenuright	  { background: url(./images/headers/adrmenuright.gif)}

.adrmenu2	  { background: url(./images/adr_menu/rpg/menumm.jpg)}
.adrmenuleft2	  { background: url(./images/adr_menu/rpg/adrmenuleft.gif)}
.adrmenuright2	  { background: url(./images/adr_menu/rpg/adrmenuright.gif)}








td.row_blue_menu {  background: url(./images/headers/tab3.jpg);  }
td.row_blue_menu2 {   }
td.row_blue_menu22 { background: url(./images/headers/tab3.jpg); }


td.row_spiffymidcontent {background-color: #ffffff ;  }

td.row_spiffyleftcontent {   }


.adrsubmenu	  { background: url(./images/headers/adrsubmenu.gif)}

.fullxpb   { width:100%; }
td.topxpb1 {background: url(./images/site/topxpb1.gif);  }
td.topxpb2 {background: url(./images/site/topxpb2.gif) ; height:9px;  }
td.topxpb3 {background: url(./images/site/topxpb3.gif)  }
td.topxpb4 {background: url(./images/site/topxpb4.gif); width:5px;  }

td.headerbak {background: url(./images/headers/menummheader.jpg);  }

td.topxpb5 { background:#141517;

background: url(./images/headers/expbak_header.png); background-repeat:repeat;

   }


td.topxpb6 {background: url(./images/site/topxpb6.gif) ; width:5px; }
td.topxpb7 {background: url(./images/site/topxpb7.gif)  }
td.topxpb8 {background: url(./images/site/topxpb8.gif) ; height:9px;  }
td.topxpb9 {background: url(./images/site/topxpb9.gif) ; }
td.topxpb10{background: url(./images/site/topxpb10.gif); height:30px  ; text-align:center;  }

.boxxpbtitle2 { font-size : 18px; color:#000 ; font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitle2 {  color:#000 ;font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitle2:hover {   color:#000 ; font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitle2:visited  {  color:#000  ; font-family:Arial, Helvetica, sans-serif;}

.boxxpbtitlehello { font-size : 18px; color:#FFFF00; font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitlehello {  color:#FFFF00 ;font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitlehello:hover {   color:#FFFF00  ; font-family:Arial, Helvetica, sans-serif; }
a.boxxpbtitlehello:visited  {  color:#FFFF00   ; font-family:Arial, Helvetica, sans-serif;}


/* td.atopxpb5 {  background:#3399CC;  } */
td.announce1 {  background:#98DA7B   url(./images/site/greensite.jpg) ;  }
td.announce2 {  background:#98DA7B   url(./images/site/greensite.jpg) ;  }
td.announce3 {  background:#98DA7B   url(./images/site/greensite_boxleft.jpg) ; width:4px;  }




.afullxpb   { width:100%;  background:#98DA7B   url(./images/site/greensite.jpg) ;  }
td.atopxpb1 {background: url(./images/site/atopxpb1.gi); background:#669900}
td.atopxpb2 {background: url(./images/site/atopxpb2.gi) ; height:1px;  background:#669900 }
td.atopxpb3 {background: url(./images/site/atopxpb3.gi); background:#669900 }
td.atopxpb4 {background: url(./images/site/atopxpb4.gi); width:1px; background:#669900}
td.atopxpb5 {  background:#98DA7B   url(./images/site/greensite.jpg) ;  }
td.atopxpb6 {background: url(./images/site/atopxpb6.gi) ; width:1px; background:#669900}
td.atopxpb7 {background: url(./images/site/atopxpb7.gi) ;background:#669900   }
td.atopxpb8 {background: url(./images/site/atopxpb8.gi) ; height:1px; background:#669900 }
td.atopxpb9 {background: url(./images/site/atopxpb9.gi) ;background:#669900  }
td.atopxpb10{background: url(./images/site/atopxpb10.gi); height:30px  ; text-align:center; }


.aboxxpbtitle { font-size : 18px; color:#fff ; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle {  color:#fff ;font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle:hover {   color:#fff ; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle:visited  {  color:#fff  ; font-family:Arial, Helvetica, sans-serif;}

.aboxxpbtitle2 { font-size : 18px; color:#000 ; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle2 {  color:#000 ;font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle2:hover {   color:#000 ; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitle2:visited  {  color:#000  ; font-family:Arial, Helvetica, sans-serif;}

.aboxxpbtitlehello { font-size : 18px; color:#FFFF00; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitlehello {  color:#FFFF00 ;font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitlehello:hover {   color:#FFFF00  ; font-family:Arial, Helvetica, sans-serif; }
a.aboxxpbtitlehello:visited  {  color:#FFFF00   ; font-family:Arial, Helvetica, sans-serif;}



.afullwt   { width:100%; }
td.atopwt1 {background: url(./images/site/atopwt1.gif);  }
td.atopwt2 {background: url(./images/site/atopwt2.gif) ; height:9px;  }
td.atopwt3 {background: url(./images/site/atopwt3.gif)  }
td.atopwt4 {background: url(./images/site/atopwt4.gif); width:5px;  }
td.atopwt5 {  background:#ffffff;  }
td.atopwt6 {background: url(./images/site/atopwt6.gif) ; width:5px; }
td.atopwt7 {background: url(./images/site/atopwt7.gif)  }
td.atopwt8 {background: url(./images/site/atopwt8.gif) ; height:9px;  }
td.atopwt9 {background: url(./images/site/atopwt9.gif) ; }
td.atopwt10{background: url(./images/site/atopwt10.gif); height:30px  ; text-align:center;  }












/* This is the outline round the main forum tables */
.forumlinebluish	  { background-color:#336699;  border: solid 0px #000 }

.pagelineheader	  { background: url(/images/exptop.jpg)}

.pagelinefooter	  {   background:#555555  url(./images/expbottom.png)}

/* This is the outline round the main forum tables */
.forumline2	{ background-color: #A6B8FF; 
border: 0px #E8E8E8 solid; 
background:#1B4EDC url(/images/exptop.jpg);
 width:770px; 
 height:107px ;
  
}
.forumprofile	  { background-color: #336699; border: solid 0px blue }

.forumline3	{ background-color: #3366CC; 
border: 0px #E8E8E8 solid; 
}
/* .forumline3	  { background-color: #0777B7; border: solid 0px blue } */


.forumline33	{ background-color: #3366CC; 
border: 0px #ffffff solid; 
}

.forumlineblack	{ background-color: #000000; 
border: 0px #ffffff solid; 
background-image: url(./images/exptopblack.jpg)  
}

td.bakk {background: url(./images/site/expbakk.gif) ;
 }
 
.forumlinewhite { background-color: #E8E8E8; 
border: 0px #ffffff solid; 
}
td.row_back14 {   text-align:center ; background:#F2F2F9   );
 }

td.row_black {   background-image:  url(./images/site/tdblack.jpg);
 background-repeat:repeat-x;   }


 td.sub_row_menu { }
 td.sub_row_menu2 { }


 .linetop	 { background:#ffffff url(./images/website/linetop.jpg);}
.toptop1	  { background:#000033 url(./images/headers/menumm.jpg); }

.forumline4	  { background-color: #3366CC; border: solid 0px blue; }
.forumlineheader	  { 
 background-image: url(./blued.gif) 
background-color: #3366CC ; border: solid 0px blue }

td.rowheader	 {  background-image: url(./blued.gif); }

td.headtop	 { background:url(./images/headtop.jpg);
/* This is the outline round the main forum tables */
.forumlinenews  { background-color: #DEEBF7 ;
 url(./images/newsmain1.jpg);
}

td.rowmenu	 { background:#6D5CCB ; }
longline	  { background: url(./images/longline.png);}


td.longline	  { background: url(./images/longline.png);}

td.rownewsbak1	 { background: url(./images/newsbak1.jpg); }

td.rownewsbaktop	 { background: url(./images/newsbak1.jpg); }


 span.hide {visibility:hidden;}
 
 td.hide {visibility:hidden;}
/* Main table cell colours and backgrounds */
/* td.row1	 { background: #E8E8E8  ;} */
td.row1	 { padding:0px;}
td.rowbottom1	 {  ; padding:0px; border: 0px solid  #B9B9B9 ;  }


td.rowbox	 { background-image: url(./images/site/rowbox.jpg);   ; padding:0px; border: 0px solid  #B9B9B9 ;  }

td.rowbox2	 {  ; padding:0px; border: 0px solid  #B9B9B9 ;  }


td.row67	 {  ; }

td.rowa4	 {  background-image: url(./images/site/logintd.jpg); height:29PX padding:0px; border: 0px solid  #B9B9B9 ; color:#8C86DD; width:100%;   }




td.rowa1	 { width:22px; ) ; }
td.rowa2	 { width:22px; ;}
td.rowa3	 {width:22px; height:29px; ; }

td.rowa5	 { width:22px; height:29px; ; }
td.rowa6	 { width:22px; height:29px; ;}
td.rowa7	 {  ;}
td.rowa8	 {width:22px; height:29px;   ;}




.forumline1	  { background-color: #1C7BB5 ; border: solid 0px #000 }
td.forumline1 { background: #1C7BB5  }

td.row11 { background: #ccc  }


td.gentd { background: #ccc; }

td.genborder { border-color: #ccc ; }


td.row2	  { }
td.row22	  {  }

td.row3	 {  }

td.head4top	 { height:18; width:auto;  background: url(./images/website/head4top.jp);   }
td.head4topl	 { background: url(./images/website/head4topl.jp); }
td.head4topr	 {  background: url(./images/website/head4topr.jp); }

td.head4left	 { background: #E7E7E7  ;  background: url(./images/website/head4left.jp); }
td.head4right	{ background: #E7E7E7  ;  background: url(./images/website/head4right.jp);  }


td.head4bottom	 { background: #E7E7E7  ;  background: url(./images/website/head4bottom.jp); }
td.head4bottoml	 { background: #E7E7E7  ;  background: url(./images/website/head4bottoml.jp); }
td.head4bottomr	 { background: #E7E7E7  ;  background: url(./images/website/head4bottomr.jp); }


td.head4middle	 { background: #3399CC  ; }



td.row4	 { background: #ccc  ; }
td.row44	 { background: #ccc ;   }

td.row5	 { background: #ccc  ;  }
td.row6	 { background: #ccc;}
td.row7	 { background: #ccc;}

td.row9	 { background: #ccc;}
td.row10	 { background: #ccc ;}
td.rowdarkblue	 { background: #ccc;}
td.row12	 { background: #ccc;}


td.row122	 { background: #C9C0FF;}

td.row22	 { background: #F2F5FF;}

td.rowcornersml	 { background: blue url(./images/intopright.gif) ;}


td.rowcornerrightsml	 { background: blue url(./images/intopright.gif) }


td.rowcornerleftsml	 { background: blue url(./images/intopleft.gif) }
td.rowfarleft	 { background: blue url(./images/intopleft.gif) }

td.rowintopleft	 { background: blue url(./images/intopleft.gif) }
td.rowintopright	 { background: blue url(./images/intopright.gif) }

td.rowextremebottom	 { height:29px; background: #336699 url(./blued.gif) }

td.rowpics4	 { background: #000000 url(./images/pics4.gif) }


td.rowwhite	 { background: white  }

td.rowblack	 { background: black  }

td.rowyellow	 { background: yellow  }

td.rowblue	 { background: blue  }

td.rowbluetop	 { background:blue url(./images/maintopbak.gif) }


td.rowtown	 { background:#000000 url(./images/indextop.gi) }




/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic  { background: #9999CC repeat; border-top: none; border-right: none #9999FF; border-bottom: none; border-left: none }

/* Header cells - the blue and silver gradient backgrounds */
th	  { color: #3399CC; font-weight: bold; font-size: 11px; height: 25px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background-color: #3399CC; border: none #ffffff; height: 28px }


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
th.thHead	 { color: #000000; font-weight: bold;font-size: 14px; background:#E6E6E6 ; padding:4px; border: 1px solid  #B9B9B9 ;  }


td.catBottom2 { background:#A3C0ED; }
td.cat,td.catHead,td.catBottom  {   border: 0px; height: 29px ; background:#B7C7FF;}
th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR  { background:;font-weight: bold; border: none #fff333; height: 28px }
td.row3Right,td.spaceRow  { background: #3399CC ; border: none #ffffff }

td.catHead  {background:#5255CD ; font-size: 12px; border: none }
th.thSides,td.catSides,td.spaceRow	  {background:#CCCCFF ; border: none }
th.thRight,td.catRight,td.row3Right	  {background:#CCCCFF ; border: none }
th.thLeft,td.catLeft	   {background:#3399CC ; border: none }
th.thBottom,td.catBottom   {background:#CCCCFF ; border: none }
th.catBottom2 { background:#A3C0ED; }


th.thTop	  {  background-image: url(./images/headers/headergray.gif); border: none }
th.thCornerL  {background:#5B81FF; border: none }
th.thCornerR  {background:#5B81FF; border: none }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}
.maintitle:visited,h1,h2 { color: #000000; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none }


/* The largest text used in the index page title and toptic title etc. */
.maintitle2,h1,h2	{
			font-weight: bold; font-size: 15px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #ffffff;
}
.maintitle2:visited,h1,h2 { color: #ffffff; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }
a.maintitle2,h1,h2 { color: #ffffff; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none ; }
a.maintitle2:hover,h1,h2 { color: yellow; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }

.gen12 { font-size : 12px; color:#7E7EAF ; }
a.gen12 { color : #7E7EAF; }
a.gen12:hover { color : #7E7EAF; }
a.gen12:visited  { color : #7E7EAF; }


/* The content of the posts (body of text) */
.postbody  { color: #333333; font-size: 12px }
a.postlink:link	  { color: #000; text-decoration: none }
a.postlink:visited   { color: #0000cc; text-decoration: none }
a.postlink:hover   { color: #000099; text-decoration: none }
.bottomnav     { color: #333333; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav    { color: #333333; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav:visited    { color: #333333; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav:hover    { color: #000099; font-weight: bold; font-size: 10px; text-decoration: none }

/* Quote & Code blocks */
.code  { color: #0000cc; font-size: 11px; font-family: Courier, "Courier New", sans-serif; background-color: white; border: solid 1px #00FFCC }

.quote  { color: #000099; font-style: italic; font-size: 11px; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: lightblue; border: solid 1px #000 }


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:visited { color: #444444; text-decoration: none }
a.copyright:hover { color: #000099; text-decoration: none;}


/* Form elements */
input,textarea, select {
	color:#000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	border-color:#8F8F8F;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color:#ffffff;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color:#ffffff;
	color:#51A2A2;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color:#ffffff;
	font-weight : bold;
}

/* The main submit button option */
input.mainoption2 {
	background-color:#ffffff; ;
	font-weight : bold;
}


/* The text input fields background colour */
input.postexp, textarea.postexp, select {
	background-color:#ffffff;
	border:thin #A0A0A4 ;
	font-style:inherit;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-left-color:#2A1FFF;
	border-top-color:#2A1FFF;
	border-left:groove thick;
	border-left:thick;
}
/* The main submit button option */
input.mainexp{
  background-color:#ffffff ;

  font:normal;
  border:thin;
 
  border-width:thin;
  border:#2A1F00;
	
}

/* None-bold submit button */
input.liteoption {
	background-color :#ffffff;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}

<!--

A.ssmItems:link		{color:black;text-decoration:none;}

A.ssmItems:hover	{color:black;text-decoration:none;}

A.ssmItems:active	{color:black;text-decoration:none;}

A.ssmItems:visited	{color:black;text-decoration:none;}




//-->




#menuOut, #menuIn

{

position:absolute;

left:-155px;

width:160px;

top:190px;

border:1.5px solid green;

background-color:yellow;

layer-background-color:yellow;

font:bold 12px Verdana;

line-height:20px;

}


/* start exp map */
<!--
        .buttonBar
        {
            height: 1.5em;
        }
		
        .shadow
        {
            position: relative; 
            visibility: hidden;
        }
		
        .button
        {
            float: left;
            border: 3px outset black;
            padding: 3px;
            margin: 3px;
            
        }
		
        .infoArea
        {
            height: 2em;
        }
		
        .information
        {
            visibility: hidden;

            border: 1px solid black;
            padding: 3px;
            margin: 3px;
            position: absolute;
        }
        -->
/* end expressiaann map */

#tablist{
padding: 0px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 0px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{

/* Insert Optional Height definition here to give all the content a unified height */
padding: 0px;
border: 0px solid black;
aligm:center; 

height:20px;
}

.tabcontent{
display:none;
}