body {color: #000000; background-color: #EEEEEE; margin: 8px; padding: 0;}
body td, p, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

table {width: 100%; margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link, a:active, a:visited {color: #003399; text-decoration: none;}
a:hover {color: #003399; text-decoration: underline;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul {margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li {margin-left: 2px; list-style: square inside;}

input, select, textarea {color: #000000; background-color: #FFFFFF; border: 1px solid #7F99CC; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px;}
input.formButton {}


.item {margin-bottom: 8px;}
.itemHead {padding: 4px; border-left: 8px solid #7F99CC; border-bottom: 1px solid #7F99CC; background-color: #E5EAF5; color: #003399; font-weight: bold;}
.itemInfo {padding: 4px; text-align: center; border-bottom: 1px solid #B2C1E0; color: #6685C2;}
.itemTitle a {}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding: 8px;}
.itemText {line-height: 1.5em; margin: 0px;}
.itemText:first-letter {}
.itemFoot {text-align: center; padding: 4px; border: 1px solid #B2C1E0; color: #6685C2;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #7F99CC; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px;}
th a:link, th a:active, th a:visited {color: #FFFFFF; text-decoration: none;}
th a:hover {color: #FFFFFF; text-decoration: underline;}


td#headerbanner {}
td#headerbar {}

td#leftcolumn {width: 160px; background-color: #E5EAF5; border-left: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}
td#leftcolumn th {}
td#leftcolumn .blockTitle {padding: 4px; color: #FFFFFF; background-color: #7F99CC; font-weight: bold;}
td#leftcolumn .blockContent {padding: 2px; line-height: 120%;}


td#centercolumn {padding: 8px; background-color: #FFFFFF; border: 1px solid #7F99CC;}

td#centercolumn th {}
td#centerCcolumn {padding: 0px;}
td#centerCcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7F99CC; border-bottom: 1px solid #7F99CC; background-color: #E5EAF5; color: #003399;}
td#centerCcolumn .blockContent {padding: 4px; margin-bottom: 8px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding-right: 4px;}
td#centerLcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7F99CC; border-bottom: 1px solid #7F99CC; background-color: #E5EAF5; color: #003399;}
td#centerLcolumn .blockContent {padding: 4px; margin-bottom: 8px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding-left: 4px;}
td#centerRcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px solid #7F99CC; border-bottom: 1px solid #7F99CC; background-color: #E5EAF5; color: #003399;}
td#centerRcolumn .blockContent {padding: 4px; margin-bottom: 8px;}

div#content {text-align: left;}

td#rightcolumn {width: 160px; background-color: #E5EAF5; border-right: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}
td#rightcolumn th {}
td#rightcolumn .blockTitle {padding: 4px; color: #FFFFFF; background-color: #7F99CC; font-weight: bold;}
td#rightcolumn .blockContent {padding: 2px; line-height: 120%; padding-bottom: 8px;}

tr#footerbar {}

td#mainmenu a {display: block; margin-bottom: 1px; padding: 4px; color: #6685C2; background-color: #FFFFFF; border-left: 8px solid #B2C1E0;}
td#mainmenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #B2C1E0; border-left: 8px solid #7F99CC;}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {}
td#mainmenu a.menuSub {padding-left: 20px;}

td#usermenu a {display: block; margin-bottom: 1px; padding: 4px; color: #6685C2; background-color: #FFFFFF; border-left: 8px solid #B2C1E0;}
td#usermenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #B2C1E0; border-left: 8px solid #7F99CC;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {color: #6685C2; background-color: #FFFFFF;}
td#usermenu a:hover.highlight {color: #FFFFFF; background-color: #B2C1E0;}


.outer {border: 1px solid #B2C1E0; background-color: #FFFFFF;}
.head {background-color: #B2C1E0; color: #FFFFFF; padding: 4px; font-weight: bold;}
.even {background-color: #E5EAF5; padding: 4px;}
.odd {background-color: #F0F3F9; padding: 4px;}
.foot {background-color: #CCD6EB; padding: 4px; font-weight: bold;}
tr.even td {background-color: #E5EAF5; padding: 4px;}
tr.odd td {background-color: #F0F3F9; padding: 4px;}

div.errorMsg {background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg {background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg {background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}
div.xoopsQuote {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #6685C2; font-weight: bold; border: 1px solid #7F99CC; background-color: #FFFFFF; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; font-weight: bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight: bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}




div.xoopsCode pre {margin: 0px;}
div.xoopsQuote blockquote {margin: 0px;}

#maintable {width: 800px; margin: auto;}

#top {margin-bottom: 8px;}
#top td.side {width: 8px;}
#top td.logo {width: 250px; background-color: #CCD6EB; vertical-align: middle; border-top: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}
#top td.banner {background-color: #CCD6EB; text-align: center; vertical-align: middle; border-top: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}

#welcome {margin-bottom: 8px;}
#welcome td.side {width: 8px;}
#welcome td.center {color: #6685C2; background-color: #FFFFFF; vertical-align: middle; font-weight: bold; border-top: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}

#footer {margin-top: 8px;}
#footer td.side {width: 8px;}
#footer td.center {color: #6685C2; background-color: #FFFFFF; text-align: center; vertical-align: middle; font-weight: bold; border-top: 1px solid #7F99CC; border-bottom: 1px solid #7F99CC;}

	
#copyright {margin-top: 4px; text-align: center; font-size: 10px;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
top:60px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50;
left: 90px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



body_news {
 margin:20px;
 background:#808080;
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer_news {
 text-align:left;
 border:0px solid #000000;
 width:600px;
 margin:auto;
 }

#hdr_news {
 height:60px;
 background:#eeeeee;
 color: #333333;
 }

#bar_news {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:0px 0 1px 0;
 }

#bodyblock_news {
 position:relative;
 background: #dcdcdc;
 color: #333333;
 width:600px;
 padding:0;
 }

#l-col_news {
 float:left;
 background:#dcdcdc;
 color: #333333;
 width:145px;
 }

#cont_news {
 width:455px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#ftr_news {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }