/*
html, body {
 height: 100%;
}
*/

body {
 background: white url(./images/background.jpg) repeat-y;
 background-position: 50% 0%;
 margin: 0px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 8pt;
}

#container {
 border-left: 1px solid black;
 border-right: 1px solid black;
 margin: 0 auto;
 width: 782px;
 background: white;
 height: 100%;
 overflow: hidden;
}

#header {
 border: 0px solid red;
 float: left;
 width: 100%;
 height: 210px;
 background: #103271 url(./images/header.jpg) no-repeat scroll;
 background-attachment: scroll;
 background-position: 50% 0% !important;
 background-position: 0px 0px;
}

#content {
 float: left;
 width: 100%;
 height: 500px;
}

#footer {
 float: left;
 width: 100%;
 font-weight: bold; 
 color:#A7A7A7; 
 font-size:8pt;
 height:15px; 
 background:#fff;
 text-align: center;
 border-top: 4px solid #F1F1F1;
 padding-top: 3px;
 margin-top: 5px;
 clear: left;
}

#footer a {
 color:#8C91B1;
 font-weigth: bold; 
 text-decoration: none;
}

#footer a:visited {
 color:#FFF; 
 font-weigth:bold; 
 text-decoration:none;
}

#footer a:hover {
 color:#FFF; 
 text-decoration:underline;
}

#footer .foot {
 margin: 0 9px; 
 letter-spacing: -0.5px;
 float:left;
}

#showcase_list {
 border-top: 3px solid #f1f1f1;
 margin-top: 100px;
 text-align: left;
}

#top {
 border-bottom: 3px solid #f1f1f1;
 width: 600px;
 float: left;
 height: 100px;
}

#top2 {
 border-bottom: 0px solid #f1f1f1;
 width: 600px;
 float: left;
 height: 25%;

}

#right {
 border-left: 3px solid #f1f1f1;
 float: right;
 width: 179px;
 height: 100%;
 background: transparent url(./images/showcase_list.jpg) no-repeat;
 background-position: 50% 3%
}

#right2 {
 border-left: 3px solid #f1f1f1;
 float: right;
 width: 179px;
 height: 25%;
 background: transparent url(./images/showcase_list.jpg) no-repeat;
 background-position: 50% 50%;
}

#text {
 border: 0px solid red;
 float: left;
 clear: left;
 width: 580px;
 padding: 10px;
}

#text2 {
 border-top: 3px solid #f1f1f1;
 float: left;
 clear: left;
 width: 97.4%;
 padding: 10px;
}

#menu {
 background: #A8B6D0 url(./images/header.sub.jpg) no-repeat scroll;
 background-attachment: scroll;
/* background-position: 50% 0% !important; */
 background-position: 0px -213px !important;
 background-position: 0px -210px;
 clear:both; 
 height:28px; 
 line-height:20px; 
 font-size: 11pt;
 font-family: Arial;
 font-weight: bold;
 text-transform: capitalize;
 padding-left: 55px;
}

#menu .pages {
 width:497px; 
 float:left; 
 width:auto;
}
#menu .flags {
 float:right; 
 width:70px;
}

#menu .puls {
 height:21px;
 float:left;
 color: #262C2A;
 border-bottom: 2px solid black;

}

#menu .puls img {
 border:0;
}

#menu .puls a {
 text-decoration:none; 
 color:#333; 
/* display:block;  */
 background:transparent;
 border: 0px solid black;
 padding: 0;
 padding-right: 4px;
}

#menu .puls a:hover {
 text-decoration:none; 
 color:#000099;
}
#menu .sub {
 cursor:pointer;
 padding: 0 0px;
 padding-right: 4px;

}

#menu .ico {
 width:22px; 
 height:12px; 
 float:left; 
 margin-top:5px; 
 cursor:pointer; 
 float:right;
}

#menu #eng {
 background:url(../images/eng.gif) no-repeat; 
 margin:5px 5px 0 13px;
}

#menu #ita {
 background:url(../images/ita.gif) no-repeat;
}

#submenu {
 height:22px; 
 line-height:20px; 
 clear:both; 
 font-family:arial; 
 font-size:11px; 
 font-weight:bold;
 text-align: left;
 border-bottom:1px #E8E9ED solid;
 background: #A8B6D0 url(./images/header.sub.jpg) no-repeat scroll;
/* background-position: 50% 0% !important; */
 background-position: 0px -241px !important;
 background-position: 0px -238px;
}

#submenu .subgroup {
 clear:both; 
 background:transparent;
}

#submenu .subgroup a {
 text-decoration:none; 
 color:#222;
}

#submenu .subgroup a:link {
 color:#222;
}

#submenu .subgroup a:visited {
 color:#222;
}

#submenu .subgroup a:hover {
 text-decoration:none; 
 color:#009;
}

#submenu .current {
 color:#f00; 
 font-size:11px;
}

/* NEWSLETTER PAGE */

#registration {
 float: left;
 width: 100%;
 border: 0px solid;
 text-align: left;
}

#datains {
 border: 0px solid black;
 width: 100%;
 float: left;
}

#datains .request {
 float: left;
 clear: left;
 margin: 2px;
}

.request .field {
 float: left;
 width: 100px;
}

.request .input {
 float: left;
}

#erasing {
 float: left;
 clear: left;
 margin-top: 10px;
}


#modList {
 width: 98%;
 border-collapse: collapse;
}

#modList th {
 height: 40px;
 color: #576491;
 font-size: 11pt;
 border-bottom: 2px solid #f1f1f1;
 margin-bottom: 20px;
}

#modList td {
 color: #B8B1AB;
 font-weight: bold;
 height: 30px;
 font-size: 10pt;
}

#modList td.date, #modList td.book {
 color: #576491;
}

#modList td.disp {
 color: black;
}

#oneshow {
 border: 0px solid black;
 padding-top: 0px;
 color: #576491;
}

#oneshow h2 {
 margin-top: 2px;
 font-size: 14pt;
}

#oneshow h3 {
 font-size: 12pt;
}

#sclist .oneitem {
 border: 0px solid red;
 margin-bottom: 20px;
 font-weight: bold;
 font-size: 9pt;
 color: #C1BBB6;
}

#sclist .title {
 font-size: 10pt;
 color: #576492;
}

#sclist .title a {
 font-size: 10pt;
 color: #576492;
 text-decoration: none;
}


h1#notavaible {
 color: red;
 border-top: 2px solid;
 border-bottom: 2px solid; 
 width: 279px;
 font-size: 20pt;
 padding-top: 1pt;
 margin: 30pt auto;
}

a.back {
 border: 0px solid black;
 display: block;
 margin-top: 15px;
 font-size: 10pt;
 color: white;
 font-weight: bold;
 text-decoration: none;
 background: #576492;
 padding: 4px 0;
 position: relative;
 top: -15px;
}

#prev {
 border: 0px solid black;
 float: left;
 width: 45%;
 text-align: left;
 margin-left: 5px;
 text-decoration: none;
 font-weight: bold;
 color: #576492;
}

#next {
 border: 0px solid black;
 float: right;
 width: 45%;
 text-align: right;
 margin-right: 6px;
 text-decoration: none;
 font-weight: bold;
 color: #576492;
}

.parag {
 text-align: justify;
 border: 0px solid black;
 margin: 0px; 
 font-size: pt;
 padding: 0px 15px;
 color: #555;
}

.tparag {
 border: 0px solid black;
 margin: 8px 0px;
 color: red;
 font-size: 9pt;
}