html {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
body {
font: normal arial, sans-serif;
font-style: italic;
background: #000 ;
color: #665130;
}
a, a:hover {
outline: none;
text-decoration: none;
color: #0FA2ee;
}
a:hover {
text-decoration: none;
}
#main, nav, #container, #logo, #site_content, footer {
margin-left: auto;
margin-right: auto;
}
#main {
margin: 0px auto;
width: 800px;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border: 7px 7px 7px 7px;
background: #111111;
padding-bottom: 20px;
text-align: center;
}
#logo {
width: 720px;
background: #CC9B24;
padding-left: auto;
padding-right: auto;
}
#menu_container {
width: 730px;
margin: 0 auto 0 auto;
}
#site_content {
width: 730px;
overflow: hidden;
margin: 0px auto 0 auto;
padding: 15px 0 15px 0;
}
#sidebar_container {
float: left;
width: 224px;
}
.menu-item {
background: #CC9B24;
width: 240px;
}
.menu-item h4 {
border: 1px solid #665130;
color: #000;
font-size: 12px;
font-weight: 500;
padding: 7px 12px;
/*Gradient*/
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffef67), color-stop(34%,#f1aa00), color-stop(100%,#ffef67)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* IE10+ */
background: linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#353535',GradientType=0 );
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.menu-item h4:hover {
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffef67), color-stop(34%,#f1aa00), color-stop(100%,#ffef67)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* IE10+ */
background: linear-gradient(top, #ffef67 10%,#f1aa00 34%,#ffef67 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#353535',GradientType=0 );
}
.menu-item h4 a {
color: #000;
display: block;
text-decoration: none;
width: 240px;
}
.menu-item ul {
margin-left: 10px;
background: #FFCD58;
font-size: 10px;
line-height: 30px;
margin-left: 0px;
height: 0px;
width: 240px;
list-style-type: square;
overflow: hidden;
padding: 0px;
border: 0px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
-ms-transition: height 1s ease;
transition: height 1s ease;
}
.menu-item:hover ul {
height: 93px;
width: 238px;
margin-left: 0px;
text-decoration: none;
color: #000;
padding: 0px;
border: 1px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.menu-item ul a {
text-decoration: none;
color: #000;
display: block;
width: 150px;
}
.menu-item li {
margin-left: 10px;
}
.menu-item li:hover {
background: #FFCD58;
}
.alpha p {
padding: 8px 12px;
color: #000;
background: #FFCD58;
border: 1px solid #eee;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px
}
.alpha p a {
color: #000;
font-style: italic;
}
.alpha p a:hover {
color: #ccc;
}
.box-bg {
padding:0px;
background:#e4e4e4}
.margin-bot {margin-bottom:0px}
.col1 {float:left}
.col2 {float:right}
.box {
width:240px;
height:480px;
background: #CC9B24;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px}
.box2 {
width:458px;
height:480px;
background: #FFCD58;
border: 1px solid #665130;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px}
.box.second .button {
background:url(../images/button2.png) left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url(../images/numb-2.gif) 0 0 repeat-x #a2c902}
.pad {padding:10px 0px}
.pad2 {padding:10px 25px}
.indent-bot {margin-bottom:22px}
.extra-wrap {overflow:hidden}
nav {
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 10px;
line-height: 1.5;
margin: 0 0 0 0;
width: 200px;
}
footer {
width: 730px;
height: 10px;
padding: 5px 0 20px 0;
text-align: center;
font-size: small;
color: #000;
background: #555; /* Old browsers */
background: -moz-linear-gradient(top, #543700 10%,#f1aa00 34%,#ffef67 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#543700), color-stop(34%,#f1aa00), color-stop(100%,#ffef67)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #543700 10%,#f1aa00 34%,#ffef67 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #543700 10%,#f1aa00 34%,#ffef67 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #543700 10%,#f1aa00 34%,#ffef67 100%); /* IE10+ */
background: linear-gradient(top, #543700 10%,#f1aa00 34%,#ffef67 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#353535',GradientType=0 );
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
border: 1px solid #665130;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border: 7px 7px 7px 7px;
}
footer p {
line-height: 1.7em;
padding: 0 0 10px 0;
}
footer a {
color: #222;
text-decoration: underline;
}
footer a:hover {
color: #222;
text-shadow: none;
text-decoration: none;
}
input{
padding: 5px;
width: 150px;
font: 10px arial;
border: 1px solid #b2b3b3;
background: #e2e3e3;
color: #47433F;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border: 7px 7px 7px 7px;
}
input[type="submit"] {
border: 1;
width: 150px;
margin: 0 0 0 0px;
height: 23px;
padding: 0 0 3px 0;
cursor: url(css/logo.png), pointer;
background: #e2e3e3;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #FFF;
border: solid 1px #b2b3b3;
background: #464646;
background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#353535));
background: -moz-linear-gradient(top, #464646, #353535);
text-shadow: 1px 1px #b2b3b3;
}
input[type="submit"]:hover {
border: 0;
width: 150px;
margin: 0 0 0 0px;
height: 23px;
padding: 0 0 3px 0;
cursor: pointer;
background: #b2b3b3;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #FFF;
border: solid 1px #b2b3b3;
background: #464646;
background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#464646));
background: -moz-linear-gradient(top, #353535, #464646);
text-shadow: 1px 1px #b2b3b3;
}
table {
margin: 0px 0 0px 0;
}
table tr th, table tr td {
padding: 7px 4px;
text-align: left;
}
table tr td {
}