* {
    margin:0;
    padding:0;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body {
    background:url('img/top_border.png') top repeat-x;
    color:#4d4d4d;
    text-align:left;
}

.button {
    background:url('img/button_bg.png') top repeat-x;
    height:22px;
    border:1px solid #ffa200;
    color:#fff;
    width:100px;
}

h1 {
    color:#7db200;
    font-size:20px;
    font-weight:bold;
    margin:30px auto 10px 0;
}
h2 {font-size:30px;color:#ffa200;}
h3 {font-size:16px;color:#ffa200;}
h4 {font-size:14px;color:#ffa200;}
h5 {font-size:12px;}
h6 {font-size:10px;}

img {
    border-width:0px;
}

legend {
    font-size:11px;
    font-weight:bold;
    color:#4d4d4d;
}

input {
    font-size:12px;
}

a:link { color: #4d4d4d; text-decoration:underline;}
a:visited { color: #4d4d4d; text-decoration:underline; }
a:active { color: #4d4d4d; text-decoration:underline; }

#logo {
    text-align:right;
    position:absolute;
    right:100px;
}

#title {
    background:url('img/border_reverse.png') bottom repeat-x;
    width:100%;
    height:110px;
    text-align:left;
}

/**** Left menu ****/

#left_col {
    width:210px;
    height:600px;
    background:url('img/left_background.png') bottom repeat-x;
    background-color:#71c1ca;
    border-right:5px solid #4d4d4d;
    float:left;
}

#leftmenu {
    width: 190px;
    text-align: right;
    margin:40px auto auto 0;
    padding-right:20px;
    float:left;
}

ul#leftlist {
    text-align: right;
    list-style: none;
    padding: 0;
    width: 100%;
}

ul#leftlist li {
    display: block;
    margin-right:0;
    padding:0;
}

ul#leftlist li a {
    display: block;
    width: 100%;
    height:20px;
    padding:5px 20px 5px 0;
    text-decoration: none;
    font-weight:normal;
    color: #fff;
}

#navcontainer>ul#navlist li a { width: auto; }

#main_container {
    text-align:left;
    width:1100px;
}

ul#leftlist a#active {
    background:url('img/list_bg.png') repeat-x;
    text-align:right;
    color: #fff;
    font-weight:bold;
}

ul#leftlist li a:hover, ul#navlist li#active a:hover{
    color: #fff;
    text-align:right;
    background-color:red;
    background:url('img/list_bg.png') repeat-x;
}


/**** Content ****/
#content {
    padding-top:30px;
    border:0;
    text-align:left;
    margin-left:240px;
    width:800px;
    min-height:1200px;
    height:auto !important;
    height:1200px;
    clear:right;
}

#blog_content {
    text-align:left;
    min-height:350px;
    height:auto !important;
    height:350px;
    background-color:#fff;
}

fieldset {
    font-size:12px;
    font-weight:bold;
}

fieldset p,legend {
    font-size:12px;
    font-weight:bold;
    margin-left:20px;
}

fieldset input,textarea {
    font-size:12px;
    font-weight:normal;
    margin-left:20px;
}

#edit_content {
    margin-left:50px;
    text-align:left;
    min-height:650px;
    height:auto !important;
    height:650px;
    background-color:#fff;
}

#sub_content {
    background-color:#fff;
    padding-top:50px;
    padding-bottom:50px;
    float:left;
    border-left:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    width:548px;
    text-align:center;
    margin:0px auto auto auto;
}

#sub_content textarea {
    margin:auto;
}

#sub_content_left {
    float:left;
    padding-top:30px;
    padding-bottom:50px;
    width:200px;
    text-align:center;
}

#sub_content_right {
    float:right;
    padding-top:30px;
    padding-bottom:50px;
    width:200px;
    text-align:center;
}

#content #menu_editer {
    margin:20px auto 20px 40px;
}

.menu_item {
    border:1px solid #4d4d4d;
    width:420px;
    margin:5px auto auto 0px;
    padding:0;
    text-align:right;
    background-color:#4d4d4d;
    padding-right:1px;
    height:30px;
}

.menu_item input{
    height:20px;
    width:200px;
    padding-top:6px;
    margin-left:2px;
    margin-right:2px;
    margin-top:2px;
    text-align:center;
    background-color:#fff;
    border:0;
    float:right;
}

.product {
    position:relative;
    border:1px solid #eeeeee;
    width:740px;
    height:550px;
    margin:5px auto auto 20px;
    text-align:left;
    padding:10px;
}

.blog_post_to_edit {
    text-align:left;
    margin:0px auto 40px 50px;
    border:1px solid black;
    padding-top:20px;
    padding-left:40px;
    padding-bottom:20px;
    background-color:#f8feff;
    color:#000;
}

.post_date {
    display:block;
    width:100%;
    background-color:#4d4d4d;
    color:white;
    margin:0 !important;
    padding:0 !important;
}

#content p {
    color:#4d4d4d;
    font-size:11px;
    margin-top:10px;
}

#content ul {
    list-style-type:square;
    font-size:11px;
    margin-left:100px;
}

#contact {
    text-align:left;
    width:600px;
    height:300px;
    border:1px solid #d9d9d9;
}

#contact_left {
    margin:20px 0 0 10px;
    width:260px;
    float:left;
}

#map_canvas{
    width: 300px;
    height: 280px;
}

#contact_right {
     margin:10px auto auto 25px;
     width:300px;
     margin-left:280px;
     clear:right;
}

#contact ul li {
    height:20px;
}

.styled_table tr td {
    border:1px solid #4d4d4d;
}

.table_input {
    border:0;
    width:100px;
}

table tr .reverse{
    background-color:#4d4d4d;
    color:white;
    font-weight:bold;
    width:100px;
}

.sub_product_right {
    margin-left:250px;
    margin-top:10px;
}

.styled_table .no_border {
    border:0;
}

#read_top_right {
    margin:0 0px auto auto;
    background-color:#fff;
    text-align:left;
}

#read_top_left {
    margin:20px auto auto 0px;
    background-color:#fff;
    text-align:center;
}

#read_bot_right {
    width:390px;
    float:right;
    margin:20px 0px auto auto;
    min-height:400px;
    height:auto !important;
    height:400px;
    border:1px solid #f4f4f4;
    background-color:#fff;
}

#read_bot_left {
    width:390px;
    float:left;
    margin:20px auto auto 0px;
    min-height:400px;
    height:auto !important;
    border:1px solid #f4f4f4;
    background-color:#fff;
    height:400px;
    text-align:left;
}

#footer {
    width:100%;
    margin:0;
    text-align:left;
    height:75px;
    background-color:#fff;
    background:url('img/grass.png') bottom repeat-x;
}

#copyright {
    text-align:center;
    background-color:#7db200;
    width:100%;
    height:50px;
}

#copyright p {
    font-size:12px;
    color:#fff;
    padding-top:20px
}