@import "reset.css";

body {
font: 12px/1.5 Trebuchet MS, Arial, sans-serif;
color: #434c6f;
background: #ccc;
}

h1.title {font: 14px/1.4 Trebuchet MS, Arial, sans-serif;color: #000;font-weight:bold;margin:10px 0;text-align: left;}
p {margin-bottom: 5px;}

a:link, a:active, a:visited {text-decoration: none;color: #3d6cac;}
a:hover {text-decoration: underline;}

a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration: none;color: #fff;background: url("../img/arrow.png") no-repeat 0 6px;padding-left: 12px;}
a.arrow:hover {color: #000;}

a.next:link, a.next:active, a.next:visited {text-decoration: none;color: #727275;background: url("../img/next.png") no-repeat center right;padding-right: 14px;}
a.next:hover {text-decoration: underline;color: #ef8b2b;}

a.prev:link, a.prev:active, a.prev:visited {text-decoration: none;color: #727275;background: url("../img/prev.png") no-repeat center left;padding-left: 14px;}
a.prev:hover {text-decoration: underline;color: #ef8b2b;}

hr {width: 90%;border: none;height: 1px;margin: 10px auto;padding: 0px;background: #b8b8ba;color: #b8b8ba;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {display: block;margin-left: auto !important;margin-right: auto !important;}
table.center {display: table;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0px !important;}

.mlr10 {margin: 0px 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both !important;}

ul {margin:0 0 0 10px;padding:0;list-style:disc;}
u li {margin:0;padding:0;}
ul label {display:block;margin-bottom:2px;}

.f10 {font-size: 10px !important;line-height: 12px !important;}
.f11 {font-size: 11px !important;line-height: 13px !important;}
.f12 {font-size: 12px !important;line-height: 14px !important;}
.f13 {font-size: 13px !important;line-height: 15px !important;}
.f14 {font-size: 14px !important;line-height: 16px !important;}
.f15 {font-size: 15px !important;line-height: 17px !important;}
.f16 {font-size: 16px !important;line-height: 18px !important;}
.f17 {font-size: 17px !important;line-height: 19px !important;}
.f18 {font-size: 18px !important;line-height: 20px !important;}
.f19 {font-size: 19px !important;line-height: 21px !important;}
.f20 {font-size: 20px !important;line-height: 22px !important;}
.f21 {font-size: 21px !important;line-height: 23px !important;}
.f22 {font-size: 22px !important;line-height: 24px !important;}
.f23 {font-size: 23px !important;line-height: 25px !important;}
.f24 {font-size: 24px !important;line-height: 26px !important;}

label {font-weight:bold;}
fieldset {padding:1em;margin:0;border:1px solid #ff8b15;-moz-border-radius:5px;-webkit-border-radius:5px;}
legend {font-weight:bold;font-size:1.2em;padding:0 0.3em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #727276;-moz-border-radius:5px;-webkit-border-radius:5px;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666666;background:#f7f2d0;}
input.text, input.title {padding:2px;}
input.title {font-size:1.5em;}
textarea {padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #dddddd;-moz-border-radius:5px;-webkit-border-radius:5px;}
.error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
form ol {margin:0;padding:0;list-style:none;}
form li {margin:0;padding:5px 0;}
form ol label {display:block;}

h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 90%;}
h5 {font-size: 75%;}
h6 {font-size: 50%;}

/**
 * Step 4: Buttons
 * Based on http://www.blueprintcss.org
 */
a.button, button {display:block;float:left;margin:0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #727276;border-top:1px solid #eee;border-left:1px solid #eee;background:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
button:hover, a.button:hover{background:#ffe694;border:1px solid #727276;color:#000000;}
a.button:active{background:#6299c5;border:1px solid #6299c5;color:#fff;}
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background:#e6efc2;border:1px solid #c6d880;color:#529214;}
a.positive:active {background:#529214;border:1px solid #529214;color:#fff;}
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active {background:#d12f19;border:1px solid #d12f19;color:#fff;}

/** Structure styles **/
#footer {clear: both;padding: 0px;font-size: 12px;text-align: center;color:#505a43;}
#footer a{color:#7f89b1;}

#wrapper{width: 1024px;margin: 20px auto 20px auto;}
#header {width:1024px;height:188px;background:url('../img/top.jpg') no-repeat bottom center;}
#header-page {width:1024px;height:188px;background:url('../img/page-top.jpg') no-repeat bottom center;text-align: right;position:relative;}
#billy {margin-right:20px;display:block;}
#head {position:absolute;top:-13px;left:96px;}

#nav {height:29px;margin:123px auto 0 220px;}
#nav ul {margin:0;padding:0;list-style:none;text-transform: uppercase;}
#nav ul ul {display:none;position:absolute;top:29px;left:0px;z-index:3;width:430px;height:300px;}
#nav ul ul ul {top:-50px;left:199px;}
#nav li {margin:0;padding:0 13px;list-style:none;text-align:left;display:inline;float:left;height:29px;line-height:29px;font-size:13px;position:relative;z-index:3;border-left:1px solid #3a4363;}
#nav li.first {border-left:0;}
#nav li:hover ul {display:block;}
#nav li:hover ul ul {display:none;}
#nav li:hover ul li:hover ul {display:block;}
#nav li li {float:none;display:block;background:#5e6b9d;width:174px;}
#nav li li li {float:none;display:block;width:204px;}
#nav a, #nav a:active, #nav a:visited {text-decoration:none;color:#f0f0f0;font-weight:bold;}
#nav a:hover {text-decoration:underline;color:#f0f0f0;}

#header-page #nav {height:29px;margin:123px auto 0 285px;}
#header-page #nav li {padding:0 9px;}
#header-page #nav li li {width:182px !important;}
#header-page #nav li li li {width:212px !important;}

#content {width:1024px;background:#7f89b1;}
#left {float:left;width: 202px;height:571px;background:url('../img/left.jpg') no-repeat top center;position:relative;}
#stars {width:169px;height:149px;position:absolute;top:256px;left:70px;}
#left-page {float:left;width: 202px;height:571px;background:url('../img/left-page.jpg') no-repeat top center;position:relative;}
#billy-man {width:240px;height:757px;position:absolute;top:-192px;left:-21px;}
#right {float:right;width: 170px;height:571px;background:url('../img/right.jpg') no-repeat top center;}
#right-page {float:right;width: 170px;height:571px;background:#7f89b1;}
#magicofatit {margin:20px 0;}
#center {padding:35px 50px;min-height:650px;height:auto !important;height:650px;border:1px solid #dedede;margin-left:202px;margin-right:170px;background:#e6e6e6 url('../img/center.jpg') repeat-x top center;}
#content-center {min-height:300px;height:auto !important;height:300px;}
.newsticker {list-style-type: none;padding:0; margin:0 0 20px 0;line-height:20px;color:#0d1db6;font-size:13px;font-weight:bold;font-style:italic;text-align:center;}
.newsticker a {color:#0d1db6;text-decoration:none;line-height:20px;}
#media-tv {width:158px;height:191px;margin:20px auto;border-top:2px solid #000;}
#home-add {margin-top:75px;}

h1.headline {font-size:20px;font-weight:bold;color:#000;padding:0px;margin:0 0 20px 0;}
h2.headline {font-size:18px;font-style: italic;font-weight:bold;color:#000;padding:0px;margin:0 0 20px 0;}
h2.headline-page {font-size:15px;font-weight:bold;color:#536dd7;padding:0px;margin:0 0 20px 0;}
.text {padding:0 0 20px 20px;text-align:justify;}
.line {width:535px;height:15px;margin:5px auto;background:url('../img/line.png') no-repeat center center;}

#quote-div {margin:165px auto 0 auto;width:160px;font-size:13px;color:#fff;font-weight:bold;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}