/* 
    Document   : style
    Created on : 04-Jun-2008, 16:21:26
    Author     : edward
    Description:
        Base Stylesheet forCopyweb Website
*/

@import "gTabs.css";
@import "client.css";

body {
    font-family: "New Century Gothic", "URW Gothic", gothic, sans-serif;
    font-size: 8pt;
    color: #056;
    background:#eef;
    
}
h1{
    font-family: inherit;
    font-size: 200%;
    text-align: center;
    padding: 0;
}
h1.logo{
    color: #679;
    text-align: right;
    background-color: transparent;
}
p.catchline{
    color: #468;
    font-size: 150%;
    font-style: italic;
    text-align: right;
    background-color: transparent;
}
span.codename{
    font-weight: bold;
    color: black;
}
.header{
    display:block; 
    min-height:12%;
    background-color:transparent;
    color:#025;
    text-align:left; 
    padding:0%;
    width: 100%;
}
.footer{
    display:block; 
    height:5%; 
    background-color:transparent;
    color:#025;
    text-align:right; 
    padding:1%;
    font-size:100%;
}
#head-table{
    width: 100%;
}
#head-left-cell{
    width: 70%;
    text-align: right;
}
#container-head {
        position:relative;
        display:block;
        height: 15%;
        background-color:transparent;
        border-left:200px solid transparent;
        border-right:270px solid #ddf;
         padding-right: 270px;
        font-size:150%;
      color:#025;
    text-align:left;
   padding-top: 0;
   padding-bottom: 0;
 }
#inner-head {
        display:block;
        margin-left:-200px;
        margin-right:-270px;
        padding:0;
        background-color: transparent;
    }
#left-head {
        float:left;
        color: white;
        position:relative;
        width:200px;
        left:0px;
        background-color: transparent;
    }
#right-head {
        float:right;
        position:relative;
        width:270px;
        right:0px;
        background: #ddf;

    }
#center-head {
        margin-left:200px;
        margin-right:270px;
        position:relative;
        display:block;
        
    }
    
/* This bit does all the work */
#container {
        position:relative; 
        display:block; 
        background-color:transparent;
        border-left:200px solid transparent;
        border-right:270px solid #ddf;
        
 }
#inner {
        display:block; 
        margin-left:-200px; 
        margin-right:-270px; 
        padding:0;
        background-color: transparent;
    }
#left {
        float:left;
        color: white;
        position:relative; 
        width:200px; 
        left:0px;
        background-color: transparent;
    }
#right {
        float:right; 
        position:relative; 
        width:270px; 
        right:0px;
        background: #ddf;
       
    }
#center {
        margin-left:200px; 
        margin-right:270px; 
        position:relative; 
        display:block; 
        height:1%;
    }
.clear {
        clear:both;
    }
a:link, a:visited {
    text-decoration: none;
    font-weight: normal;
    color: #03c;
}
a:hover {
    background: yellow;
    color: #006;
}
p {
    margin: 0;
    padding-top: 0;
    padding-bottom: 1%;
    text-align: justify;
}
dt {
    padding-top: 1%;
    font-weight: bold;
}


h2 {
    margin: 0;
    padding-top: 1%;
    padding-bottom: 0;
}
h3 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
li {
    padding: 0.1%;
}
div.client {
    background: #cdf;
    color: #009;
    margin: 6%;
    border: 1px solid #009;
    padding: 2%;
    font-size: 90%;
}
.menu{
    font-size:100%;
    font-weight: bolder;
    background: transparent;
}
.menu-item {
    color: #136;
}

h2.intro-desc {
    padding-top: 1%;
    font-size:100%;
    font-style: italic;
}
.agit{
    margin-right: 0.5em;
    margin-left: 0.5em;
}