body {margin: 0px; padding: 0px  auto; background-color: red;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

h1, h2, h3 {margin:0 0 5px 0; font-weight: normal; color: #3B8ABB;}
h1 {margin: 0 0 12px 0; text-transform: uppercase; font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}

a {color: #3B8ABB;}
a:hover {text-decoration: none;}
a img {border: none;}
object {outline:none;}
hr {border:0; border-bottom:1px solid #888; background-color:transparent;}
fieldset {margin:0; padding:0; border:0;}

img.left {float: left; margin: 7px 30px 0 0;}
img.right {float: right; margin: 7px 0 0 30px;}
.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}

.list1 li {float: left; line-height: normal;}
.list1 li img {margin: 0 30px 30px 0;}
.list1 li.alt img {margin-right: 0;}

/* Header */
/*
#header {width: 1000px; height: 68px; margin: 0 auto; background: url(images/img01b.gif) no-repeat left top #222;}
*/

/* Menu */
#menu {float: left; width: 860px; height: 68px;}
#menu ul {margin: 0; padding: 15px 0px 0px 5px; list-style: none; line-height: normal;}
#menu li {display: block; float: left;}
#menu a {display: block; float: left; height: 32px;	padding: 10px 20px 0px 20px; letter-spacing: -1px; text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #FFFFFF;}
#menu a:hover, #menu li.active a {text-decoration: none; color: #888;}

/* @group menus */
div#horiz-menu { background: url(images/gomb.gif ) 0 0 repeat-x;	height: 36px; }
div#horiz-menu ul { margin: 0; padding: 6px 0 0 0; }
div#horiz-menu li {  margin: 0; padding: 0; padding-right: 2px; float: left; 	list-style: none; background: url(images/menu-divider.gif) 100% 0 repeat-y; font-size:0.9em; }
div#horiz-menu a:link, div#horiz-menu a:visited { display: block; float: left; padding: 0 25px; height: 30px; line-height: 30px; font-weight: bold; color: green; text-decoration: none; }
div#horiz-menu a:hover { background: green; color:white;}   /*  #4F6FA7; }  */

/* Page0 - index page */
#page0 {width: 1000px; min-height:600px; 
margin-top: 5px;
margin-left: auto;
margin-bottom: -10px;    /* hack to make bottom of footer backround = body, not page; */
margin-right: auto; 
padding: 0px 0px 0px 0px; 
background: url(images/bg-page.gif) repeat-y; 
}

/* Page */
#page {width: 1000px; min-height:600px; 
margin-top: 5px;
margin-left: auto;
margin-bottom: -10px;    /* hack to make bottom of footer backround = body, not page; */
margin-right: auto; 
padding: 0px 0px 0px 0px; 
/* float:left; */
}

#wrapin {
float:left; background: url(images/bg-page.gif) repeat-y; 
}

/** LOGO */
/*
#logo {width: 980px; margin: 0 auto; padding: 10px 20px;}
#logo h1, #logo p {margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF;}
#logo p {padding: 13px 0px 0px 5px; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #FFFFFF;}
#logo h1 { letter-spacing: -1px; font-size: 30px;}
#logo a {text-decoration: none; color: #FFFFFF;}
*/

#banner {padding-bottom: 20px;}

/* Left Sidebar */
#leftside { 
float: left;  
text-align: center;
width: 200px; padding:0 0 0 0px; margin-right: 0px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }

#lefthead { margin:0 0 30px 0; }
#lefthead p { text-align: center; }
.leftmenu {background-color: #eeeeee; margin:0 0 30px 0;}
.leftmenu a {text-align: left; text-decoration: none; font-weight: bold; color: #666666;}
.leftmenu ul {width:100%; margin:0; padding:0; list-style-type: none;}
.leftmenu li {margin: 0; padding: 7px 20px; border-bottom: 1px solid #222222;}
.leftmenu li a {font-weight: normal; color:#fff;}
.leftmenu li a:hover, .rightmenu li.active a {color: #888;}
.lefmenu h2 {margin: 0; padding: 6px 20px; background: #161616; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #3B8ABB;}


/* Content */
#content { float:left;
margin-left: 10px;  /* margin-left+width=600 */
width: 590px; 
overflow: hidden; color:#000; }

#content .itempicture IMG {
   max-height: 200px;
   max-width: 200px;
}
#content .ditto_summaryPost img { display: block; margin: auto; }
#content .ditto_summaryPost { float: left; padding: 0 0px; width:50%; height: 250px;}
#content .ditto_summaryPost H3 { height: 40px; text-align: center;  }
#content .ditto_link { text-align: center; }

/* Right Sidebar */
#rightside {
float: right; 
margin-left:20px;  /* margin-left+width=200 */
width: 180px; 
padding:0 0 0 0px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

A.lang:link {text-decoration: none; color: black; }
A.lang:visited {text-decoration: none}
A.lang:active {text-decoration: none}
A.lang:hover {font-size:1.0em; font-weight:bold; }


#righthead { margin:0 0 30px 0; }
#righthead p { text-align: center; }
.rightmenu {background-color: #383838; margin:0 0 30px 0;}
.rightmenu a {text-align: left; text-decoration: none; font-weight: bold; color: #666666;}
.rightmenu ul {width:100%; margin:0; padding:0; list-style-type: none;}
.rightmenu li {margin: 0; padding: 7px 20px; border-bottom: 1px solid #222222;}
.rightmenu li a {font-weight: normal; color:#fff;}
.rightmenu li a:hover, .rightmenu li.active a {color: #888;}
.rightmenu h2 {margin: 0; padding: 6px 20px; background: #161616; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #3B8ABB;}

.listmenu {}
.listmenu ul {margin:0; padding:0; list-style-type:none;}
.listmenu li {margin:7px 0; font-weight: bold;}

/* Footer */
#footer {clear: both;
width: 1000px; height: 68px; margin: 0 auto 0 auto ; padding: 0; background: url(images/img02b.gif) no-repeat left top ; color:white; }
#footer p { margin: 0; padding: 20px 20px 0px 20px;  line-height: normal; font-size: 10px;}
#footer a { text-decoration:none; color:white; }
#footer a:hover { text-decoration:none; background:gray; }



/*
#footer p {margin: 0; padding: 28px 0px 0px 30px; text-align: center; line-height: normal; font-size: 10px;}
#footer span {color:#ddd;}
*/

/* data table */
.data-table {width:100%; margin:10px 0; border-collapse: collapse; border:1px solid #888;}
.data-table th, .data-table td {padding:5px 10px; border:1px solid #888;}
.data-table th, .data-table thead td {color:#888; background-color:#ddd;}
.data-table td {font-style:italic;}

.textfield {border:1px solid #888;}
.errors {color:red;}
input.required, input.invalid {border:1px solid red;}
.code {display:none; width:90%; overflow: hidden; padding:5px; margin-bottom:15px; border:1px dashed #ddd; background-color: #fff; color:#555; font-family:"Courier New", Courier, monospace;}


#loading {background: url(spinner.gif) no-repeat center center #fff; border:1px solid #888; width:50px; height:50px; position:absolute; top:50%; left:50%; z-index:100; margin:-25px 0 0 -25px; display:none;}
#popup {background-color:#fff; border:1px solid #888; padding:10px; display:none; position:absolute; top:50%; left:50%; z-index:100;}
#overlay {background-color:#000; position:absolute; top:0; left:0; z-index:50; display:none; overflow:hidden;}