# Homapage Style

body {margin:0;padding:0;font-family:arial,verdana,sans-serif;font-weight:lighter;text-align:center;color:#000;}
.ads {background-color: #eaeae8;padding-top:1em;padding-bottom:1em;}

.header {background-color: #fff;}

.title {padding-left:1em;font-size:1.5em;text-align:left;}
.content {padding-top: 1em;padding-left: 1em;padding-right: 1em;padding-bottom: 1em;background-color:#fff;text-align:left;}

.footer {text-align: center;font-size: 0.5em;}
.footerLeft {background-color: #eaeae8;}
.footerRight{background-color: #eaeae8;}
  

#logo {margin:0.5em;float:left;border:none;}
#logoNav {background-color: #eaeae8;}
#logoNav ul {list-style:none;text-align:right;}
#logoNav li {list-style:none;font-size:0.8em;}
#logoNav a {text-decoration:none;color:#333;}
#logoNav a:hover {text-decoration:underline;}

.leftNav {/*background:#e4f2ff;*/ background:#eaeae8;color:#000;font-size:0.85em;text-align:left;}
.leftNav ul {list-style:none;padding-left:5px;padding-bottom:8px;padding-top:8px;min-height:10em;}
.leftNav ul * ul {background:none;padding:0;padding-left:5px;}
.leftNav * ul {list-style:none; padding-left: 10px;min-height:0;}
.leftNav * * ul {list-style:none; padding-left: 15px;}
.leftNav * * * ul {list-style:none; padding-left: 20px;}
.leftNav a {text-decoration:none;color:#00F;display:block;}
.leftNav a:hover {text-decoration:none;color:#9cf;}
.leftNav .active a {background:url(../images/1TriActive.gif) no-repeat;padding-left:12px;color:#00F;font-weight:bold;}
.leftNav .active a:hover {color:#9CF;}
.leftNav .activenosub a {background:url(../images/1TriActiveNoSub.gif) no-repeat;padding-left:12px;color:#00F;font-weight:bold;}
.leftNav .activenosub a:hover {color:#9CF;}
.leftNav ul ul {background:none;padding-top:0;padding-bottom:0;}
.leftNav * ul a {font-size:10px;margin-bottom:0.25em;}
.leftNav * * ul a {font-size:10px;margin-bottom:0.25em;}
.leftNav * * * ul a {font-size:10px;margin-bottom:0.25em;}
.leftNav .notactive a {background:url(../images/1TriNotActive.gif) no-repeat;padding-left:12px;color:#333;}
.leftNav .notactive a:hover {color:#00F;}
.leftNav .shortcut a {background:none;/*color:#333;*/font-size:1.2em;}
.leftNav .shortcut a:hover {/*color:#00F;*/font-size:1.2em;text-decoration:underline;}

.topNav {background-color: #eaeae8;}
.topNav a {float:left;text-decoration:none;color:#0066ff;display:block;padding-left:34px;padding-right:10px;min-height:24px;line-height:24px;text-align:center;}
.topNav a {display:block;text-align:center;min-height:24px;color:#0066ff;font-size:16px;}
.topNav a:hover {text-decoration:underline;}
.topNav .active a {color:#FFF;}
.topNav .active a:hover {color:#FFF;text-decoration:none;}
.topNav ul {background-color:#FF0;}
.topNav li {float:left;list-style:none;padding:0;margin:0;background:#99ccff url(../images/homepage/menu_light_light.gif) left no-repeat;}
.topNav .active  {background:#06F url(../images/menu_light_dark.gif) left no-repeat;}
.topNav .active2  {background:#9CF url(../images/menu_dark_light.gif) left no-repeat;}
.topNav #first {background:#9CF url(../images/menu_left_light.gif) left no-repeat;}
.topNav #first.active {background:#06F url(../images/menu_left_dark.gif) left no-repeat;}
.topNav #last a {background:url(../images/menu_light_light.gif) right no-repeat;padding-right:35px;}
.topNav #last.active a {background:url(../images/menu_dark_light.gif) right no-repeat;}


pre {color: #101310;background-color: #eee;border: 1px solid #ccc;padding: .5em 1em;margin: 0 2em;width: 90%;line-height:0.6em;}
.notice {color: #ff0000;background-color: #eee;border: 1px solid #ccc;padding: .5em 1em;margin: 0 2em;width: 90%;}
h1 {margin-top: 1em;color: #fff;background-color: #666;padding-top: .1em;padding-bottom: .1em;font-size:1.8em;}
h2 {margin-top: 1em;color: #fff;background-color: #666;padding-top: .1em;padding-bottom: .1em;font-size:1.5em;}
h3 {padding-top: .7em;font-size:1.2em;}
h4 {padding-top: .4em;font-size:0.9em;}