/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						08/09/2009

						Version 1.0

						Project: Alternative Logic

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


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
Dark Grey #63656A;
Yellow: #FBAE3A;
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
htm{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:#F1F1F2;
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    width:980px;
    margin:0 auto 0 auto;
    background:#FFFFFF;
}
#header{
    width:950px;
    height:95px;
    padding:15px 15px 0 15px;
}
#logo{
    float:left;
    width:178px;
    height:60px;
}
#flash{
    width:980px;
    height:293px;
    padding:5px 0 5px 0;
    background:#F0F1F1;
}
#content{
    width:964px;
    padding:15px 8px 0 8px;
}
.col, .colwide{
    float:left;
    margin:0 8px 0 8px;
    border-top:2px solid #FBAE3A;
    line-height:1.5;
}
.col{
    width:225px;
}
.colwide{
    width:466px;
}
.subcol{
    float:left;
    width:232px;
}
#content .h1title{
    height:27px;
    border-bottom:1px solid #FBAE3A;
}
#content h1, #content a h1{
    padding:4px 0 0 0;
}
#content p{
    padding:10px 10px 5px 0;
}
#content ul{
    list-style:outside;
    padding:0 0 0 15px;
    color:#FBAE3A;
}
.bdr_btm{
    padding:0 0 15px 0;
    border-bottom:1px solid #FBAE3A;
}
span.title{
    border-bottom:1px solid #FBAE3A;
}
.divfooter{
    clear:both;
    width:1px;
    height:20px;
}
#footer{
    width:980px;
    height:50px;
}
/*---------------------------
		   Menu
-----------------------------*/
#menu{
    float:right;
    width:600px;
}
#menu ul{
    list-style:none;
    height:70px;
}
#menu ul li{
    float:right;
    width:105px;
    margin:0 0 7px 15px;
}
a.link, a.yellow, #menu a{
    display:block;
    float:right;
    width:105px;
    border-bottom:1px solid #63656A;
}
a.yellow, a.link:hover{
    border-bottom:1px dotted #FBAE3A;
}
/*---------------------------
        Content Links
-----------------------------*/
#content a.link{
    float:left;
    margin:12px 0 0 0;
}
.imglink{
    width:42px;
    height:40px;
    margin:15px 0 0 0;
}
/*---------------------------
       Contact table
-----------------------------*/
table{
    margin:10px 0 0 0;
    width:466px;
}
td{
    width:366px;
    vertical-align:top;
    padding:0 0 5px 0;
}
td.label{
    width:120px;
}
td input, td textarea{
    width:344px;
    background:#E7E7E7;
    border:none;
    padding:2px 0 2px 2px;
}
td textarea{
    height:120px;
}
/*---------------------------
		Typography
-----------------------------*/
body, textarea{
	font-family:Lexia, Arial, Helvetica, Verdana, sans-serif;
}
#header, #content h1.title, #content p, .link, td.label, textarea, input{
    font-size:0.75em;
}
#content p.quote{
    font-size:0.85em;
}
.date, #content a.link, #menu a{
    color:#4A4A4A;
}
a.link, .title, .title a, .heading, textarea, input{
    color:#63656A;
}
#menu a.yellow, a.link:hover, #content a.link:hover, #menu a:hover, .col a{
    color:#FBAE3A;
}
p{
    color:#808080;
}
p.quote{
    font-family:'Times New Roman',Times,serif;
    font-style:italic;
}
#menu ul li a, a.link, #menu a,.title a{
    text-decoration:none;
}
.title, .heading{
    font-weight:bold;
}