/* STYLES */

body { margin: 0; font: normal 11px "Verdana",sans-serif; black; text-align: center; background: white; }
#page { margin: 0 auto; width: 850px; position: relative; text-align: left; background: white url(../img/common/pagebg.gif) left top repeat-y; }
br.clear { clear: both; font-size: 1px; line-height: 1px; }

/* HEADER */
#header { background: white; }
#logo { margin-left: 138px; }
#logo img, a img { border: 0; }
#splash img, a img { border: 0; }

/* LEFT */
#left { width: 138px; float: left; }
#left ul { margin: 0; padding: 0; }
#left ul li { list-style: none; display: block; font: bold 12px "Verdana",sans-serif; }
#left ul li a { color: #3d69a6; text-decoration: none; padding: 0 12px; display: block; width: 80%; }
#left ul li a:hover { color: #3399CC; }
#left ul li.home { line-height: 20px; background-color: #ccc; }
#left ul li.spacer { line-height: 12px; }
#left ul li a.selected { color: #4ea640; }
#left ul li.spacer1 { line-height: 300px; }

/* MAIN */
#main { width: 516px; float: left; padding: 0; }
#main h1 { background-color: #a6a6a6; font: bold 12px "Verdana",sans-serif; line-height: 20px; margin: 0; padding: 0 12px; color: white; }
#main p { margin: 6px 0; padding: 0 12px; }

#list1 ul { margin-top: 10px;}
#list1 ul, #list1 ul li { display: block; list-style: none; margin: 0; padding: 0; }
#list1 ul li { text-indent: 16px; margin-bottom: 6px;  margin-right: 10px; }
#list1 ul li { margin-left: 20px; background-image: url(../img/common/dot-green.gif); background-position: 0 6px; background-repeat: no-repeat; }
#list1 ul ul { margin-top: 10px; }
#list1 ul ul li { margin-left: 40px; margin-right: 10px; background-image: url(../img/common/dot-red.gif); background-position: 0 6px; background-repeat: no-repeat; }


#main .intro { margin-top: 13px; margin-bottom: 13px;}
#main h2 { margin: 12px; margin-top: 10px; margin-bottom: 4px; font-size: 14px; color: #04A; }
.half { width: 234px; float: left; }
.third { width: 184px; float: left; }
.twothirds { width: 330px; float: left; overflow: hidden; position: relative; }
.clearit { clear: both; display: block; }
#main .third p { padding-right: 0; }

p img, p a img { border: 0; }
p.blue strong { color: #04A; }
a { color: #04A; text-decoration: none; padding: 0; }
a:hover { color: blue; }

/* BANNER ANCORATO */
p.banner-ancorato { position: relative; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }
p.banner-ancorato img { position: absolute; right: -188px; top: 12px; }

/* RIGHT */
#right { width: 196px; float: right; }
#right h2 { background-color: #506070; font: bold 12px "Verdana",sans-serif; line-height: 20px; margin: 0; padding: 0 12px; color: #ccffff; }
#right p { margin: 12px; }
#right p b { color: #04A; }
#right p b a { color: #3d69a6; text-decoration: none; padding: 0; }
#right p b a:hover { color: #3399CC; }

#right ul { margin: 12px; margin-top: 13px; padding: 0; }
#right ul li { list-style: none; display: block; font: bold 11px "Verdana",sans-serif; color: #666666; }
#right ul li a { color: #3d69a6; text-decoration: none; padding: 0; display: block; width: 100%; }
#right ul li a:hover { color: #3399CC; }
#right ul li.home { line-height: 20px; background-color: #ccc; }
#right ul li.spacer { line-height: 12px; }
#right ul li a.selected { color: #4ea640; }

/* FOOTER */
#footer { clear: both; position: relative; }
#updated { width: 138px; float: left; background-color: #ccc; }
#legal  { width: 516px; float: left; background-color: #a6a6a6; }
#gohome { width: 196px; float: left; background-color: #8395A3; }
#updated p { margin: 0; font: normal 11px "Verdana"; color: #444; padding: 3px 12px; }
#legal p { margin: 0; font: normal 11px "Verdana"; color: white; padding: 3px 12px; }
#legal p a { color: white; text-decoration: none; }
#legal p a:hover { color: #ccffff; }

#gohome p { margin: 0; font: normal 11px "Verdana"; color: white; padding: 3px 12px; text-align: right; }
#gohome p a { color: white; text-decoration: none; }
#gohome p a:hover { color: #ccffff; }

/* TABLES */

/* Design 1 */
table.Design1 { border-spacing: 0px; border-collapse: collapse; }
table.Design1 th { text-align: right; vertical-align: top; font-weight: normal;  padding: 0.1em 0.5em; border-bottom: 1px solid #999999; }
table.Design1 td { text-align: left; vertical-align: top; padding: 0.1em 10px;  border-bottom: 1px solid #999999; }
table.Design1 thead th { text-align: center; }
table.Design1 th.Corner { text-align: left; }
table.Design1 tr.bottom { border-bottom: 1px solid #999999; }
table.Design1 tr.active { background-color: white; border-bottom: 1px solid #999999; }
table.Design1 a { color: black; text-decoration: none; display: block; width: 100%; }
table.Design1 a:hover { color: blue; }

/* Design 2 */
table.Design2 { border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.Design2 th { text-align: right; vertical-align: top; font-weight: normal;  padding: 0.1em 0.5em; border-bottom: 1px solid #999999; }
table.Design2 td { text-align: center; vertical-align: top; padding: 0.1em 0.5em; border-bottom: 1px solid #999999; }
table.Design2 td.train { text-align: center; vertical-align: top; padding: 0.1em 0.5em; border-bottom: 1px solid #999999; color: #777777; }
table.Design2 th.blue strong { color: #04A; }
table.Design2 thead th { text-align: center; }
table.Design2 th.Corner { text-align: left; }
table.Design2 tr.bottom { border-bottom: 1px solid #999999; }
table.Design2 tr.active { background-color: white; }
table.Design2 a { color: black; text-decoration: none; display: block; width: 100%; }
table.Design2 a:hover { color: blue; }