﻿body
{
    margin:0;
    padding:0;
    background:url('assets/banner.jpg') top center repeat-x;
    font: 0.8em Arial;
}

.mainwrap
{
    width:842px;
    margin:0 auto;
    height:auto;
}

img
{
    border:none;
}

.top
{
    width:842px;
    height:35px;
    margin-bottom:0px;
    background:url('assets/topbar.png') top center no-repeat;
    padding:0;
}

.content
{
    background:url('assets/bg_content.png') top center no-repeat;
    margin-top:30px;
    width:842px;
    height:auto;
    float:left;
    padding:20px 0 0 0;
}

.nav
{
     width:410px;
     float:right;
     margin:8px 10px 0 0;
     padding:0 !important;
     font-size:1.2em;
     font-weight:bold;
}

.nav li
{
     display:inline;
     margin:0 0 0 20px;
     padding:0 !important;   
}

html
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    height: 100%;
}

h1
{
    margin-bottom:20px;
    margin-top:0;
    color:#cb0000;
    
}

h3
{
    font-size: 1.6em;
    margin-bottom:4px;
    margin-top:0px;
}

p
{
    margin:0px 0px 20px 0px;
    line-height:1.5em;    
}

p a
{
    color:#cb0000;
    text-decoration:none; 
}

p a:hover
{
    color:Black;
    border-bottom:1px #cb0000 solid;
    text-decoration:none;    
}

ul a
{
    color:#cb0000;
    text-decoration:none; 
}

ul a:hover
{
    color:Black;
    border-bottom:1px #cb0000 solid;
    text-decoration:none;    
}

/*.gridiniz
{
    margin:20px 0px 30px 0px;
    line-height:1.4em;    
}

div
{
    line-height:1.4em;    
}*/

hr
{
    border-top:1px #888 dotted;
    border-bottom:none;
    border-collapse:collapse;
    height:1px;
}

table
{
    line-height:1.4em;
}

.grid1
{
    margin-top:-14px !important;
    width:auto;
    height:auto;
    float:left;
}


.maincontainer
{   
    height: auto !important; /* For newish browsers */
    height: 100%; /* This is for crappy IE*/
    min-height: 100%; /* For newish browsers*/
    margin: 0px auto 0px auto;
    width:100%;/*1400px*/
}

#banner
{
  background: url('assets/banner.jpg') center repeat-x;
  width:100%;
  height:292px;
  margin-left:auto;
  margin-right:auto;
}

.wrap
{   
    margin-top: 0px;
    margin-left: auto;
    margin-bottom:0px;
    margin-right:auto;
    text-align: left;
    width:800px;
    height:auto;
}

.contentleft
{
    width:490px;
    padding:0px;
    float:left !important;
    height:auto;
}

.contentright
{
    width:258px;
    height:auto;
    padding:0px 10px 0px 10px;
    border-left:1px gray dotted;
    /*border:1px #f1e6a8 solid;
    background:#ffffe0;*/
    margin-left:auto;
    margin-bottom: 0px;
    float:right;
}

#topbar
{   
    width:800px;
    height:9px;
    margin-left:auto !important;
    margin-right:auto !important;
    /*border-top: 1px red solid; background:#232323;*/
    margin-bottom:60px;
    margin-top:-67px;
    padding-top: 8px;
    padding-bottom: 9px;    
}

.menuitem
{
    font-size:1.4em;
    font-weight:bolder;
    color:#d6d6d6;
    /*border: 1px green solid;*/
}
 
 .menuitem a
{  
   color:#d6d6d6;
   text-decoration:none;
   padding-bottom:9px;
}
 
 .menuitem a:hover
{
   color:#cb0000;
   text-decoration:none;
   background: url('assets/tri.jpg') center bottom no-repeat;
 }

.footer
{
    background: url('assets/bg_footer.gif') top repeat-x #000;
    /*height: auto !important;  For newish browsers
    height: 100%;  This is for crappy IE*/
    height: 200px; /* For newish browsers*/
    width:100%;
    float:left;
    margin-top:0px;
}

.parfooter
{
    width:842px;
    margin:30px auto 0px auto;
    color:#808080;
}

.parfooter a
{
    color:#808080;
    text-decoration:none;
}

.parfooter a:hover
{
    text-decoration:none;
    color:#e4e4e4;
}

.form1
{
    width:280px;
    height:210px;
    padding:20px 0px 10px 18px;
    /*border:1px #f1e6a8 solid;*/
    background:url('assets/commentbox.jpg') no-repeat;
    margin-left:auto;
    float:right;
}

.login
{
    padding:30px 10px 10px 10px;
    /*border:1px #d9edb2 solid;*/
    background:url('assets/loginbox.jpg') no-repeat;
    width:278px;
    height:154px;    
}

.asplbl
{
    width:69px;
    float:left;
    text-align:right;
    padding-right:4px;
}

.lblLog
{
    width:66px;
    float:left;
    text-align:right;
    padding-right:4px;    
}

.txtbox
{
    width:170px;
    height:auto;
    float:left;
    border:1px #d4d4d4 solid;
    margin-bottom:2px; 
}

.txtbox2
{
    width:150px;
    height:auto;
    float:left;
    border:1px #d4d4d4 solid;
    margin-bottom:2px; 
}

.text_area
{
    width: 185px;
    height: 90px;
    float: left;
    border: 1px #d4d4d4 solid;
    margin-bottom: 2px;
}
 
 .formcontainer
 {
    background: url('assets/contactbox.jpg') no-repeat;
    width: 326px;
    height: 206px;
    /*border: 1px #d4d4d4 solid;*/
    padding: 20px;
    padding-right:0;
}