#navlist

{

margin-left: 0;

padding-left: 0;

list-style: none;

}



#navlist li 

{

padding-left: 10px;

background-image: url(http://home.comcast.net/~expressiaann/images/cpanel2.gif);

background-repeat: no-repeat;

background-position: 0 .5em;

}



.showstate{ /*Definition for state toggling image */

cursor:hand;

cursor:pointer;

float: right;

margin-top: 2px;

margin-right: 3px;

}



.headers{

width: 300px;

font-size: 120%;

font-weight: bold;

border: 1px solid black;

background-color: lightyellow;

}



.switchcontent{

width: 300px;

border: 1px solid black;

border-top-width: 0;

}



#tablist{

padding: 3px 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: 3px 0.5em;

margin-left: 3px;

border: 1px solid #778;

border-bottom: none;

background: white;

}



#tablist li a:link, #tablist li a:visited{

color: navy;

}



#tablist li a.current{

background: lightyellow;

}



#tabcontentcontainer{

width: 400px;

/* Insert Optional Height definition here to give all the content a unified height */

padding: 5px;

border: 1px solid black;

}



.tabcontent{

display:none;

}





.dropcontent{

width: 100%;

/*height: 140px; */

border: 0px solid black;

background-color: #ffffff;

display:block;

}



div#private_message{ 

        font:10px Tahoma; 

        padding:2px; 

        position:absolute; 

        top:10%; 

        left:30%; 

        width:300px; 

        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: url(http://http://www.genuineproperties.org//images/671_1.jpg);

background-repeat: repeat-x;

 /*   url(http://home.comcast.net/~expressiaann/images/rcma.jpg) General page style. The scroll bar colours only visible in IE5.5+ */

body  {  border:0 ;

margin:0; 

padding:0;

background: #89A282  url(dance.jpg);

background-repeat: no-repeat;

background-position:top;

background-size: 100%;



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 ; 

 /* background-image:url(http://home.comcast.net/~expressiaann/images/expback.gif) ; */

 

  }







/* 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 }



/* .forumline	  { background-color: #0777B7;  border: solid 0px #000 }





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

.forumline	  {  background:#FFFFFF  ; border: solid 0px #000 }

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

.forumline2	  {  background:#ffffff  ; border: solid 0px #000 }



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

.forumlinehead 

 {  background: #ffffff url(http://home.comcast.net/~expressiaann/images/bg_head.gif);

background-repeat: repeat-x;



 border: solid 0px #000 

 }

.forumlinehead2 

 {  background:  url(http://home.comcast.net/~expressiaann/images/bg_head2.gif);

background-repeat: repeat-x;



 border: solid 0px #000 ;

 }







.site	  {  background:#000000 ; border: solid 0px blue; width:90%; }









.forumline2	  {  background:#000033 ; border: solid 1px blue }



.forumprofile	  {  background:#FFFFFF ; border: solid 1px blue }



.forumlinerow1	  { background:#F7F7F7 ; }









td.selectedrow1	 {  background:#000000 ; }



/* Main table cell colours and backgrounds */





td.row1	 {  background:#F20000 ; }

td.row2	  {  background: #000000;  url(http://zimcustomcars.com/images/pole.png); width:1px;  }

td.row3	 {  background:#FFFFFF ; }







td.row1head	 { background:#2A3F55  ;  background url(http://home.comcast.net/~expressiaann/images/bigbg1.gi)     }







/* td.row4	 { background: #3333FF   url(http://home.comcast.net/~expressiaann2/footer.gif) } */

td.row4	 { background: #3333FF   url(http://home.comcast.net/~expressiaann2/footer.gif) }

td.row44	 { background: #3333FF    }



td.row5	 { background: #000000    }

td.row6	 { background: blue  }

td.row7	 { background: #3C71FF }



td.row9	 { background: #0777B7 }

td.row10	 { background: #EAF1FF}



td.row12	 { background:url(http://home.comcast.net/~expressiaann/images/bigg1.gif) ;}

td.rowme	 { background: #ffffff   url(http://home.comcast.net/~expressiaann/images/malame.gif) }



td.malamel	 { background:url(http://home.comcast.net/~expressiaann/images/bigg1.gif) ; }

td.malame5	 { background:url(http://home.comcast.net/~expressiaann/images/bigg1.gif) ; }



td.malame6	 { background:    url(http://home.comcast.net/~expressiaann/images/malame6.gif) }



td.rowcornersml	 {  width:7px; height:22px;  background: #0066FF url(http://home.comcast.net/~expressiaann/images/rightsml.gif) }



td.rowcornerleftsml	 {  width:9px; height:22px;  background: #0066FF url(http://home.comcast.net/~expressiaann/images/leftsml.gif) }







td.rowintopleft	 { background: #B5C9FE url(http://home.comcast.net/~expressiaann/images/intopleft.gif) }

td.rowintopright	 { background: #B5C9FE url(http://home.comcast.net/~expressiaann/images/intopright.gif) }



td.rowextremebottom	 { height:29px; background: #B5C9FE url(http://home.comcast.net/~expressiaann/blued.gif) }









td.rowblue	 { background: blue  }

/*

  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: #ffffff; font-weight: bold; font-size: 11px; height: 25px }



td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background-color: #ffffff; 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 :-)

*/

td.cat,td.catHead,td.catBottom  {   border: 0px; height: 29px ; background:#B7C7FF;}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR  {  background:#5B81FF;font-weight: bold; border: none #fff333; height: 28px }

td.row3Right,td.spaceRow  { background: #ffffff ; border: none #ffffff }



th.thHead,td.catHead  { font-size: 12px; border: none }

th.thSides,td.catSides,td.spaceRow	  { border: none }

th.thRight,td.catRight,td.row3Right	  { border: none }

th.thLeft,td.catLeft	   { border: none }

th.thBottom,td.catBottom   { border: none }

th.thTop	  { border: none }

th.thCornerL  { border: none }

th.thCornerR  { 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 }







/* General text */

a.gen,a.genmed,a.gensmall  { color: blue;  text-decoration: none ; }

a.gen:visited,a.genmed:visited,a.gensmall:visited { color: blue;  text-decoration: blink;  }

a.gen:hover,a.genmed:hover,a.gensmall:hover	 { color: blue; text-decoration:none; font-weight

.gen { font-size : 14px; }

.genmed { font-size : 11px; }

.gensmall { font-size : 10px; }

.gensmall3 { font-size : 7px; }

.gen,.genmed,.gensmall { color : #ffffff;  }

:inherit; }





.genlink { font-size : 14px; }

a.genlink,a.genmed,a.gensmall  { color: #0000ff;  text-decoration: none ; }

a.genlink:visited,a.genmed:visited,a.gensmall:visited { color: #0000ff;  text-decoration: blink;  }

a.genlink:hover,a.genmed:hover,a.gensmall:hover	 { color: #0000ff; text-decoration:underline; font-weight:inherit; }











.gengray { font-size : 12px; color: #3B3B3B; }

a.gengray { color: #3B3B3B; }

a.gengray:hover { color: #3B3B3B; }

a.gengray:visited  { color: #3B3B3B; }





.gen { font-size : 12px; color:#ffffff ; }

a.gen { color : #ffffff; }

a.gen:hover { color : #ffffff; }

a.gen:visited  { color : #ffffff; }



.gen2 { font-size : 12px; color:#ffffff ; }

a.gen2 { color : #ffffff; }

a.gen2:hover { color : #ffffff; }

a.gen2:visited  { color : #ffffff; }



.gen4 { font-size : 25px; color: #FF0000; }

a.gen4 { color : #FF0000; }

a.gen4:hover { color : #FF0000; text-decoration: underline  }

a.gen4:visited  { color : #FF0000; text-decoration: underline  }





.gen2_white { font-size : 12px; color:#FFFFFF ; }

a.gen2_white { color : #ffffff; }

a.gen2_white:hover { color : #ffffff; }

a.gen2_white:visited  { color : #ffffff; }



.genmid { font-size : 11px; color:#000 ; }

a.genmid { color : #000; }

a.genmid:hover { color : #000; }

a.genmid:visited  { color : #000; }





.genmid2 { font-size : 11px; color:#fff ; }

a.genmid2 { color : #fff; }

a.genmid2:hover { color : #fff; }

a.genmid2:visited  { color : #fff; }





.gen5 { font-size : 29px; color:#FFFFFF ; }

a.gen5 { color : #ffffff; }

a.gen5:hover { color : red; }

a.gen5:visited  { color : #ffffff; }





.genlarge { font-size : 16px; color:#000000 ; font-weight:800; }

a.genlarge { color : #000000; }

a.genlarge:hover { color : red; }

a.genlarge:visited  { color : #000000; }





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

a.genyellow { color : #FFFF33; }

a.genyellow:hover { color : #FFFF33; }

a.genyellow:visited  { color : #FFFF33; }



.gengreen { font-size : 12px; color:green ; }

a.gengreen { color : green; }

a.gengreen:hover { color :green; }

a.gengreen:visited  { color : green; }



.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; }



.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; }



.genbig{ font-size : 70px; color:#FFFF00 ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }

a.genbig { color : #FFFF00; }

a.genbig:hover { color : #FFFF00; }

a.genbig:visited  { color : #FFFF00; }









.genbig3{ font-size : 9px; color:white ; text-align:center ; vertical-align:middle ; font-family:Georgia, "Times New Roman", Times, serif }

a.genbig3 { color : white; }

a.genbig3:hover { color : white; }

a.genbig3:visited  { color : white; }



.genheader2{ font-size : 28px; color : white; }

a.genheader2 { font-size : 34px;  color : white; }

a.genheader2:hover { color : white; }

a.genheader2:visited  { color : white; }



.genbig2{ font-size : 19px; color : white; }

a.genbig2 { font-size : 19px;  color : white; }

a.genbig2:hover { color : white; }

a.genbig2:visited  { color : white; }



.genbig22{ font-size : 17px; color : white; }

a.genbig22 { font-size : 17px;  color : white; }

a.genbig22:hover { color : white; }

a.genbig22:visited  { color : white; }





.genbig32{ font-size : 14px; color : white; }

a.genbig32 { font-size : 14px;  color : white; }

a.genbig32:hover { color : white; }

a.genbig32:visited  { color : white; }



.genbigblue{ font-size : 19px; color: blue; }

a.genbigblue { font-size : 19px;  color : blue; }

a.genbigblue:hover { color : blue; }

a.genbigblue:visited  { color : blue; }



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



a.exp1 { color: blue;  }

a.exp1:hover  { color:red;background:url("http://home.comcast.net/~expressiaann3/movie98258905.gif" ) }   



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









.gen3  { font-family:LUCIDA CALLIGRAPHY;  font-size : 45px; color:#FF0000 }

a.gen3 { color : #FF0000; }

a.gen3:hover { color :#FF0000; }

a.gen3:visited  { color:}





.gensmall2 { font-size : 10px; color:#FFFFFF }

a.gensmall2 { color : #ffffff; }

a.gensmall2:hover { color : red; }

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; }

<style type=text/css><!--  --></style>





/* 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: #000; text-decoration: none }

a.cattitle:visited { color: #000; text-decoration: none }

a.cattitle:hover { color: #00000; text-decoration: none }





/* Forum title: Text and link to the forums used in: index.php */

.forumlink		  { color: #333300 ; font-weight: bold; font-size: 12px }

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 : #000000; }





/* The content of the posts (body of text) */

.postbody  { color: #000000; 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: #000000; font-weight: bold; font-size: 10px; text-decoration: none }

a.bottomnav    { color: #000000; font-weight: bold; font-size: 10px; text-decoration: none }

a.bottomnav:visited    { color: #000000; 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 : #000000;

}



/* 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 : #EFEFEF;

	color : #000000;

	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

}



/* The main submit button option */

input.mainoption {

	background-color : #FAFAFA;

	font-weight : bold;

}



/* None-bold submit button */

input.liteoption {

	background-color : #FAFAFA;

	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;

            cursor: pointer;

        }

		

        .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;

}

















/* dodos mail */















/* for graceful form layout */

form {

	font-size:11px;

	font-family:verdana, arial, helvetica, sans-serif;

}



td {

	font-size:11px;

	font-family:verdana, arial, helvetica, sans-serif;

}



ul {

	padding: 0px;

	padding-left: 12px;

	margin: 0px;

	}







/* define your css for error message */



.DodosMailError {

	padding: 0px;

}







.DodosMailErrorHighLight {



	background-color: yellow;



	color: red;



	font-weight: bold;



}



