@import  url("blog.css");
@import url("form.css");

body  {
    font: 100%  Gill Sans MT, Gill Sans, Arial, Verdana, Helvetica, sans-serif;    
    font-size:16px;
    background: url(PageBG_b.jpg) #74715e repeat-x ;
    margin: 0; 
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #232222;
}
#Logo {
    float:left;
    padding-top: 24px;
}
#companyName {
    float:left;
    padding-top:30px;
    text-align:right;
    width: 400px;
}
#companyNo{
    float:right;
    padding-top:35px;
    width: 400px;
    color:#fff;    
    text-align:right;
    padding-right:10px;
    font-size:3em;
}
.ThreeColFixLtHdr #container { 
    width: 960px;
    background: #transparent;
    margin: 0 auto;
    border: 0;
    text-align: left;
} 
.ThreeColFixLtHdr #header { 
    background: #transparent; 
    height:130px;
    margin-bottom:5px;
}
.ThreeColFixLtHdr #topnav {
    background:transparent;
    height:40px;
    margin-bottom:5px;
}
.ThreeColFixLtHdr  #banner {
    color:#fff;
    background: #232222; 
    height:200px;
    margin-bottom:5px;
}
.ThreeColFixLtHdr  #banner .bannerimg {
    float:left;
    margin-right:10px;
}
.ThreeColFixLtHdr #banner .bannercontent {
    padding-top:30px;    
}
.ThreeColFixLtHdr #contentwrapper {
    float:left;
    width:auto;
    background: url(content_bg_3_b.jpg);
    width:100%;
}
.ThreeColFixLtHdr #sidebar1 {
    float: left; 
    width: 170px;
    padding: 25px 10px 25px 20px;
}
.ThreeColFixLtHdr #mainContent {
    float:left; 
    padding: 25px 20px;
    width:500px;
}
.ThreeColFixLtHdr #sidebar2 {
    float: right; 
    width: 200px;
    padding: 0 5px;
    /* margin:20px 10px 0 0; 
    background-color: #B6B6B6
    */
}
.ThreeColFixLtHdr #footer { 
    padding: 0 10px 0 20px;
    background:transparent; 
} 
.ThreeColFixLtHdr #footer p {
    margin: 0; 
    padding: 10px 0;
    font-size: 12px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1, h2, h3{ padding:0 ; margin:0 ; }
h1 { font-size:30px; color: #8aa522;}
h2 { font-size:18px; }
h3 { font-size:16px; }
ul { }
li { }
a:link, a:visited { color: #8aa522; font-style: italic; text-decoration:none; font-weight:bold; }
a:hover, a:active { color: #8aa522; font-style: italic; text-decoration:underline; font-weight:bold; }


#companyName h2 { color: #d5e04e;font-size:30px; }
#companyName h3, #companyNo h3 { color: #fff; font-size:18px; }
#banner h2 {font-size:36px; color: #8aa522}
#banner h3 {font-size: 18px;}
#mainContent h1 {border-bottom: dashed 1px #232222; margin-bottom:8px;}
#topnav .NavigationElement {background-color:#232222; padding: 10px 10px;}
#topnav .NavigationElement ul { margin:0; padding:0; list-style:none;}
#topnav .NavigationElement li { display:inline; padding:3px 8px;}
#topnav .NavigationElement ul a {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-style: normal; !important}
#topnav .NavigationElement ul a:link, #topnav ul a:visited { text-decoration:none; color:#fff; }
#topnav .NavigationElement li a:hover, #topnav li a:active { text-decoration:none; color:#8aa522; }
#topnav .NavigationElement ul .selected a  { font-weight:bold; color:#8aa522; !important }

#sidebar1, #sidebar2 { color:#fff; }
#sidebar1 h1 { font-size:24px; color:cf128c; }
#sidebar1 h2,  #sidebar1 h3 { color:#8aa522; }
#sidebar1 ul { margin:0; padding:0; list-style:none;}
#sidebar1 li { padding:3px 5px;}
#sidebar1 ul a {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; !important}
#sidebar1 a:link, #sidebar1 li a:link, #sidebar1 a:visited, #sidebar1 li a:visited { text-decoration:none; color:#fff; }
#sidebar1 a:hover, #sidebar1 li a:hover, #sidebar1 a:active, #sidebar1 li a:active { text-decoration:none; color:#8aa522; }
#sidebar1 ul .selected a  { font-weight:bold; color:#8aa522; !important }

#sidebar2 h1 { font-size:24px; color:cf128c; }
#sidebar2 h2,  #sidebar2 h3 { color:#8aa522; }
#sidebar2 ul { margin:0; padding:0; list-style:none;}
#sidebar2 li { padding:3px 5px;}
#sidebar2 ul a {font:100% Arial,Verdana,Helvetica,sans-serif; font-weight:bold; font-size: 12px !important}
#sidebar2 a:link, #sidebar2 li a:link, #sidebar2 a:visited, #sidebar2 li a:visited { text-decoration:none; color:#fff; }
#sidebar2 a:hover, #sidebar2 li a:hover, #sidebar2 a:active, #sidebar2 li a:active { text-decoration:none; color:#8aa522; }
#sidebar2 ul .selected a  { font-weight:bold; color:#8aa522; !important }