/*
Styles occur in the order they are shown on the webpage.
-Kez
.
*/
 
body {
    background: #1a4518 url(http://eecomics.net/images/11_bg.jpg) top left;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
 
h1 {
    color: #54ea5b;
    font-size: 14px;
    text-decoration: bold;
}
 
a {
    color: #54ea5b;
}
 
a:visited {
    color: #54ea5b;
    text-decoration: underline;
}
 
a:hover {
    color: #54ea5b;
    text-decoration: underline;
}
 
a:active {
    color: #54ea5b;
    text-decoration: underline;
}
 
img a {
    border: 0px;
    padding: 0px;
}
 
hr {
    color: #419450;
    width: 600px;
    margin: 10px auto;
}
 
#container {
    margin: 0 auto;
    width: 1000px;
    border-width: 0px 5px;
    border-color: #000000;
    border-style: solid;
    background: #000000 url(http://eecomics.net/images/09-5-news-bg.jpg) repeat-x top center;
}
 
#header {
    background-image: url(http://eecomics.net/images/09-5-title-gradient.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    width: 100%;
    height: 185px;
    display: box;
    overflow: visible;
}
 
#title {
    background-image: url(http://eecomics.net/images/09-5-title-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 1000px;
    height: 149px;
    display: box;
    margin: 0 auto;
    text-align: center;
}
 
#logo {
    text-align: left;
    float: left;
    margin: 0px;
    display: inline;
    width: 221px;
    height: 135px;
}
 
#top-right {
    display: inline;
    float: left;
    width: 775px;
    height: 149px;
    margin: 0 auto;
    text-align: center;
}
 
#leaderboard {
    width: 728px;
    height: 90px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
 
#sponsorleaderboard {
    margin-left: 610px;
    display: block;
    width: 125px;
    height: 46px;
}
 
#center {
    margin: 10px auto 0 auto;
    width: 1000px;
}
 
#menu-bg {
    background: url(http://eecomics.net/images/11_menubg.png) no-repeat top center;
    width: 1000px;
    height: 71px;
}
 
#menu {
    padding: 0;
    margin: 0px auto;
    list-style: none;
    text-align: left;
    font-size: 13px;
}
 
#menu a {
    padding: 0px 0px;
    display: block;
    font-weight: bold;
}
 
#menu li {
    float: left;
}
 
#menu li:hover a, #menu li.sfhover a {
    /* Main menu highlighted text color */
}
 
#menu li:hover, #menu li.sfhover {
    /* Main menu highlighted background color */
}
 
/* For submenu dropdowns - this order must be maintained */
 
#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: -9999px;
    width: 151px;
    line-height: 1;
}
 
#menu li li {
    width: 150px;
    margin: 0 0 0 -1px;
    border-width: 0px 1px 1px 1px;
    border-color: #FFFFFF;
    border-style: solid;
}
 
#menu li li a {
    width: 139px;
    padding: 6px 6px;
    color: #fff;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
}
 
#menu li ul ul {
    margin: -23px 0 0 151px;
}
 
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
    color: #FFFFFF;
    /*Submenu highlighted text color */
}
 
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
    color: #FFFFFF;
    /*Submenu text color */
}
 
#menu li li:hover {
    background: #115914;
    /*Submenu highlighted background color */
}
 
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
    left: -9999px;
}
 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
    left: auto;
    background: #239735;
    /*Submenu background color */
    text-transform: none;
}
 
#sidebar-left {
    width: 180px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
}
 
#comic {
    margin: 0 auto;
    float: left;
    width: 600px;
    text-align: center;
    background: #000000;
}
 
#news-header {
    width: 1000px;
    height: 70px;
    display: block;
    text-align: center;
    margin: 0 auto;
    background: url(http://eecomics.net/images/11_news-post-top.png)no-repeat top center;
}
 
#news {
    background: #419450;
    width: 100%;
}
 
.style8 {
    font-family: tamaho;
    font-size: 16px;
}
 
.style10 {
    font-family: tamaho;
    font-size: 24px;
}
 
.style11 {
    font-size: 16px
;
}
 
.style12 {
    font-family: tamaho;
    font-size: 16px;
}
 
#blurb-top {
    background: url(http://eecomics.net/images/11_blurb-top.jpg) no-repeat top center;
    width: 600px;
    height: 27px;
    display: block;
}
 
#blurb {
    text-align: left;
    font-size: 12px;
    background: #000000 url(http://eecomics.net/images/11_newsbg.jpg) bottom center repeat-x;
    width: 600px;
    margin: 0 auto;
    padding: 0 10px 15px 10px;
}
 
#blurb-bottom {
    background: url(http://eecomics.net/images/11_blurb-bottom.jpg) no-repeat top center;
    width: 600px;
    height: 27px;
    display: block;
}
 
#newsbottom {
    background-image: url(http://eecomics.net/images/09-5-news-area-bottom.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    display: block;
    height: 32px;
    width: 1000px;
}
 
#footer {
    background-image: url(http://eecomics.net/images/09-5-footer-gradient.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 100%;
    height: 150px;
    display: box;
    margin: 0 auto;
    text-align: center;
}
 
#credits {
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    color: #000000;
    padding-top: 10px;
}
 
#credits a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
 
#credits a:visited {
    color: #000000;
    text-decoration: none;
}
 
#credits a:hover {
    color: #000000;
    text-decoration: underline;
}
 
#credits a:active {
    color: #000000;
    text-decoration: underline;
}
 
#footer-bg {
    background-image: url(http://eecomics.net/images/09-5-footer-sponsor.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0px auto;
    width: 600px;
    height: 150px;
    display: box;
}
 
#banner-sponsor {
    width: 110px;
    height: 40px;
    display: block;
    margin: 8px 0 0 60px;
    text-align: left;
}
 
#banner {
    width: 468px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    margin: 10px auto;
}
 
span {
    display: none;
}