/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						29/06/2009

						Version 1.0

						Project: Refgas

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:#F5F9EB;
}
img{
    border:none;
}
/*-------------------------------------------------------------------*/
#wrapper{
    width:872px;
    margin:0 auto 0 auto;
    padding:20px 14px 0 14px;
    background:#FFFFFF;
}
#header{
    width:872px;
    height:150px;
    border-bottom:2px solid #72A533;
}
#logo{
    float:right;
    width:193px;
    height:76px;
    margin-top:63px;
}
#flash{
    width:872px;
    height:400px;
    margin:8px 0 8px 0;
}
/*----------------------
         Menu
----------------------*/
#menu{
    float:left;
    width:288px;
    height:150px;
}
#menuleft, #menuright{
    float:left;
    width:144px;
    height:150px;
}
#menuleft ul, #menuright ul{
    list-style:none;
}
#menuleft ul, #menuright ul{
    line-height:1.6;
}
#menuleft ul li a, #menuright ul li a, .unselected, .selected{
    display:block;
    width:144px;
}
#faqs, #news, #contact{
    margin:8px 0 8px 0;
    width:842px;
    height:370px;
    padding:15px;
    background:url("../images/bg_green.jpg");
}
#news p a, .newssub{
    width:800px;
    display:block;
}
#questions{
    float:left;
    width:300px;
    height:370px;
}
#questions h1, #news h1, #contactdetails h1, #contactform h1{
    margin-bottom:25px;
}
#questions .question p, p.newssub, #contactform p{
    margin-bottom:14px;
}
#answers{
    float:left;
    width:500px;
    height:280px;
    padding-top:90px;
    margin-left:42px;
}
#answers .a{
    float:left;
    width:20px;
    height:300px;
}
#answers .answer{
    float:left;
    width:400px;
}
#contactdetails, #contactform{
    float:left;
    height:400px;
}
#contactdetails a{
    width:400px;
    display:block;
}
#contactdetails{
    width:392px;
    line-height:1.3;
}
#contactform{
    width:450px;
}
/*----------------------
     Contact Form
----------------------*/
.labeltd{
    width:100px;
    vertical-align:top;
}
label{
    width:100px;
    display:block;
}
.inputtd, .textareatd{
    width:275px;
}
.input{
    width:265px;
    padding:2px 5px 2px 5px;
    border:none;
}
textarea{
    width:265px;
    height:120px;
    padding:2px 5px 2px 5px;
    border:none;
}
.inputtd, .labeltd{
    padding:0 0 8px 0;
}
.submittd{
    width:91px;
    height:23px;
    padding-top:7px;
}
.submittd img{
    width:91px;
    height:23px;
    padding:0;
}
/*----------------------
   Div Display Options
----------------------*/
.block{
    display:block;
}
.none{
    display:none;
}
/*----------------------
        Footer
----------------------*/
#footer{
    width:872px;
    height:40px;
    border-top:2px solid #72A533;
    padding-top:4px;
}
#copyright{
    width:200px;
    float:right;
    text-align:right;
}
#footerlinks{
    width:500px;
    float:left;
}
#footerlinks ul{
    list-style:none;
}
#footerlinks ul li{
    float:left;
    padding:0 1.5em 1px 1.5em;
    border-left:1px solid #9FA1A4;
}
#footerlinks ul li.footerlinksfirst{
    padding:0 1.5em 1px 0;
    border-left:none;
}
/*----------------------
     Pop up Windows
----------------------*/
#popup{
    width:440px;
    padding:10px 20px 0 20px;
    background:#FFFFFF;
}
#popup h1{
    border-top:2px solid #72A533;
    padding:8px 0 20px 0;
}
#popupflash{
    width:440px;
    height:330px;
    margin-bottom:20px;
}
#popup .logo{
    float:right;
    width:127px;
    height:50px;
    margin-top:30px;
}
/*----------------------
      Typography
----------------------*/
body{
    font-family: Geneva,Arial,Helvetica,sans-serif;
}
#questions h1, #news h1, #popup h1, #contactdetails h1, #contactform h1{
    font-size:1.6em;
}
.question p a,#answers .a, #answers .answer, #news p, #contactdetails p, #contactform p, label{
    font-size:0.95em;
}
#menu, #popup a{
    font-size:0.9em;
}
.newssub{
    font-size:0.75em;
}
#footer{
    font-size:0.7em;
}
#menuleft ul li a, #menuright ul li a{
    color:#B8D553;
}
#menuleft ul li a, #menuright ul li a, #footerlinks ul li a, #news p a, #contactdetails p a, #contactform p a{
    text-decoration:none;    
}
#menuleft ul li a:hover, #menuright ul li a:hover, .selected, #footerlinks ul li a:hover, #news p a:hover, #contactdetails p a:hover, #contactform p a:hover{
    text-decoration:underline;    
}
#copyright, #footerlinks ul li a, #popup a{
    color:#808080;
}
#menuleft ul li a:hover, #menuright ul li a:hover, .selected, #popup h1{
    color:#72A533
}
#questions h1, #answers .a, .question p a:hover, #news h1, .newssub, #contactdetails h1, #contactform h1{
    color:#D1DE4E;
}
.question p a, #answers .answer, #news p a, #contactdetails p, #contactform p, #contactdetails p a, #contactform p a, label{
    color:#FFFFFF;
}
#questions h1, #news h1, #popup h1, #contactdetails h1, #contactform h1{
    font-weight:100;
}
.bold, #answers .a{
    font-weight:bold;
}