div#content { text-align: left; }
#xoopsHiddenText {visibility: hidden; background-color: transparent; font-weight: normal; font-style: normal; text-decoration: none;}

/* five image alignment with divs - not so good */
.Mimg img {max-width:180px;height:auto;width:100%;border:solid 2px green;}
.Mimg a {float:left;width:19%;font-size:70%;color:#00a;text-align:center;}

/* five images with tables */
.fivePics table {background-color:green;border: 1px solid green;width:500px;margin:0;padding:0;}
.fivePics table td {border: 1px solid green;width:19%;margin:0;padding:0;text-align:center;}
.fivePics img {max-width:180px;height:auto;width:100%;border:solid 2px green;}

/* four images with tables */
.fourPics table {background-color:green;border: 1px solid green;width:400px;margin:0;padding:0;}
.fourPics table td {border: 1px solid green;width:24%;margin:0;padding:0;text-align:center;}
.fourPics img {max-width:180px;height:auto;width:100%;border:solid 2px green;}

/* three images with tables */
.threePics table {background-color:green;border: 1px solid green;width:300px;margin:0;padding:0;}
.threePics table td {border: 1px solid green;width:32%;margin:0;padding:0;text-align:center;}
.threePics img {max-width:180px;height:auto;width:100%;border:solid 2px green;}

/* two images with tables */
.twoPics table {background-color:green;border: 1px solid green;width:200px;margin:0;padding:0;}
.twoPics table td {border: 1px solid green;width:49%;margin:0;padding:0;text-align:center;}
.twoPics img {max-width:180px;height:auto;width:100%;border:solid 2px green;}

/* one images with tables */
.onePics table {background-color:green;border: 1px solid green;width:100px;margin:0;padding:0;}
.onePics table td {border: 1px solid green;width:99%;margin:0;padding:0;text-align:center;}
.onePics img {max-width:180px;height:auto;width:100%;border:solid 2px green;}


/*  double vid alignment  */
.twovids {width:100%;height:auto;}
.twovids span {width:49%;height:auto;float:left;text-align:center;} 
.twovids object {max-width:425px;width:95%;min-height:350px;height:350px;border:solid 2px green;}


@media screen {

body {font-family: arial,serif; font-size: 80%; background: #f0fef1; border-top-width : 0px; color: #000}
body {border-style: none; border-top-width: 0px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
body {height:100%; overflow-y:auto;} /* IE6 bug patch  */
a {font-family: sans-serif; font-weight:800; text-decoration: underline;}
a:link {color: #0E166B}
a:visited {color: #0E166B}
a:active {color: #811}
a:hover {color: #0C09A6; background-color: #FFFFC3;}

table { border-spacing: 0px 0px; padding: 0px; margin:0px; width: 100% }
table td { border-spacing: 5px 5px; padding: 0px; border: 0px solid gray; vertical-align: top;}

/* logo */
#logo img { height: auto; }

div#content { padding: 5px; }
div#content td { padding: 2px;}

/*  inputs and texboxes  */
input {background-color: #dbe8b8; font-weight: normal; border-color: #84b072; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-indent: 2px; }
textarea {background-color: #dbe8b8; font-weight: bold; border-color: #84b072; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-indent: 2px;}
select {background-color: #dbe8b8; font-weight: bold; border-color: #84b072; }

img { border: 0px; padding: 0px;}

/* lists */
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}
.odd { background-color: #a4da8d;}
.outer { background-color: #7ea76c;}
.even { background-color: #b4f09b;}

/*  headers and footers   */
.head { background-color: transparent; padding: 0px;}
.foot { background-color: transparent; padding: 0px; text-align: center; padding-top: 2px;}

/*  blocks and columns  */
.block { border-spacing: 2px; overflow: scroll;}
.blockTitle {color: #000; font-size: 120%; font-weight: bold; padding: 12px 10px 0px 18px; text-align: left; }
.blockContent {font-size: 95%; text-align: left; padding: 10px; background-color: #e0eee1;}
#centerblocks {width: 100%; padding:5px;}


/*  menus  */
#ContentMenu {font-size: 84%; line-height: 1.8;}
#SubContentMenu {font-size: 80%;}
#SubMenuBlock {background-color: #ace495;}

#mainmenu a {font-size: 90%; text-align:left; display: block; margin: 0px; padding: 2px;}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}
#usermenu a {font-size: 90%; text-align:left; display: block; margin: 0px; padding: 3px;}
#usermenu a.menuTop {padding-left: 3px;}
#usermenu a.highlight {background-color: transparent;}

/* new css menu */
#menu {width:100%;height:25px;position:relative;z-index:100;font-family:verdana,georgia,sans-serif;font-size:80%;margin:0 3% 0 3%;}
/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu ul {padding:0;margin:0;list-style:none;border:0;}
/* #menu ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;} */
/* float the list so that the items are in a line */
#menu ul li {float:left;list-style:none;width:10%;}
/* style the links to be Xpx wide by Ypx high with a top and right border 1px solid white. Set the background color and the font size. */
#menu ul li a, #menu ul li a:visited {display:block;text-align:center;text-decoration:none;height:20px;color:#000;
                                      border:1px solid #fff;border-width:1px 1px 0 0;line-height:20px;}
/* make the dropdown ul invisible */
#menu ul ul {position:absolute; left:-9999px; height:0; z-index:10;}
/* set the background and foreground color of the main menu items on hover */
#menu ul li a:hover,#menu ul li:hover a {color:#fff;}
/* make the sub menu ul visible and position it beneath the first list item */
#menu ul li#selected ul {top:20px;height:auto;left:0; text-align:left;}
#menu ul :hover ul {top:20px; height:auto;left:0; text-align:left;z-index:100;}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu ul li#selected ul li,#menu ul :hover ul li {background:#eee; color:#000;padding:5px;width:752px;overflow:auto;border:2px solid #1b191b;}
#menu ul li#selected ul li {border:2px solid #938b59;}
/*float the image left with padding and no border --- no images so I've turned this off  */
/* #menu ul li#selected ul li img,#menu ul :hover ul li img {float:left; padding:10px 10px 10px 0; border:0;} */
/* style the background and foreground color of the submenu links */
#menu ul li#selected ul li a,#menu ul :hover ul li a {display:inline;background:#ddd;color:#a66;border:0;line-height:1.4em;}
/* style the background and forground colors of the links on hover */
/* #menu ul li#selected ul li a:hover,#menu ul :hover ul li a:hover {text-decoration:none; color:#000;} */
#menu div {margin:15px;display:inline;float:left;}
#menu div a {font-size:85%;color:#66a !important;}
#menu div a:hover {font-weight:bold;color:#22f !important;}
#sitemapHeading {font-weight:bold;font-size:105%;color:#ff66ff;}




/*   Mystery CSS - don't know what it affects
   ******************************************   */
   
.pagneutral {width: 16px; height: 19px; text-align: center;}
.pagact {width: 16px; height: 19px; text-align: center;}
.paginact {width: 16px; height: 19px; text-align: center;}
   
.comTitle {font-family: sans-serif; font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat { font-weight:bold; border: 1px solid; background-color: transparent; margin: 2px; padding: 0px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 0px; font-weight:bold; }
.comUserRank {margin: 2px;}
.comUserRankText { font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; }
.comDateCaption {font-weight: bold; font-style: normal;}

.item {border: 1px solid #84b072;}
.itemHead {background-color: transparent; padding: 0px; font-weight: bold; text-align: left;}
.itemInfo {text-align: right; padding: 0px;}
.itemTitle a {font-family: sans-serif; font-size: 120%; font-weight: bold; font-variant: small-caps; background-color: transparent;}
.itemPoster { font-style:italic;}
.itemPostDate { font-style:italic;}
.itemStats { font-style:italic;}
.itemBody {padding-left: 5px; text-align: left}
.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 120%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px}
.itemAdminLink {}
.itemPermaLink {}   

}

@media print {

body {font-family: arial,serif; background: #fff; color: #000}
body {border-style: none;}
body {background-image: url("images/TM-watermarkD.gif"); background-repeat: repeat; background-attachment: fixed; }

.noprint { display: none; }

p, h4, ul, ol, td, a { font-size: 12pt; }
h1 { font-size: 24pt; } 
h2 { font-size: 18pt; } 
h3 { font-size: 14pt; } 
h5 { font-size: 10pt; }

a {font-family: sans-serif; font-weight:800; text-decoration: underline;}
a:link {color: #0E166B}
a:visited {color: #0E166B}
a:active {color: #811}
a:hover {color: #0C09A6; background-color: #FFFFC3;}

table { border-top-width : 0px; width: 100% }
table td { border-spacing: 30px 30px; padding: 0px; border-width: 0px; vertical-align: top;}
table#bodytable {border-spacing: 0px 0px; padding: 0px;}

.block { border-spacing: 5px; overflow: scroll;}
.blockTitle {color: #000; font-size: 120%; font-weight: bold; padding: 12px 10px 0px 18px; text-align: left; }
.blockContent {font-size: 95%; text-align: left; padding: 10px; background-color: #fff;}

#centerblocks {width: 100%;}

#xoopsHiddenText {visibility: hidden; background-color: transparent; font-weight: normal; font-style: normal; text-decoration: none;}

}