/* ---------------------------------------------------------------------
------------------------------------------------------------------------
 Doublehappy on the BLUEPRINT CSS
  Designed and created by www.doublehappycreative.com	    
   
[Table of Contents]

1. Master reset
2. Typography
3. Grid Layout
4. Navigation
5. Forms
6. Form Validation
7. Footer
8. Sub headings, sub lists, Supplier lists, project lists


[Colours]

Dark Blue (Primary headings h2, h3) #1C3C4A
Dark Green (Secondary headings h4) #324A15
Dark grey (Body text) #222
Link Blue (Links) #2f667d
Link Light Blue (Rollover) #219de3

------------------------------------------------------------------------
----------------------------------------------------------------------*/



/* --------------------------------------------------------------------- 

1.Master Reset 

----------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------------- 

2. Typography 

----------------------------------------------------------------------*/

body {
    font-size:12px;
    color:#333;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:18px;
    background-image:url('../images/bg.png');
    background-position:center;
    background-color: #FFFFFF;
}

h1 {
    display: block;
    height: 100px;
    width: 860px;
    position: absolute;
    left: 0px;
    top: 0px;
}

h1 a {
    display: block;
    height: 100px;
    width: 860px;
}

h2 {
    font-size:130%;
    font-weight:bold;
    padding-bottom:5px;
    margin-bottom:10px;
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    border-bottom:1px dotted #333;
}

h3 {
    font-size:120%;
    font-weight:bold;
    color: #666;
    padding:20px 0 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant:small-caps;
}

p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.75em;
    margin-left: 0;
}

a {
    text-decoration:none;
}

a:focus, a:hover {
    color:#666;
    text-decoration:underline;
    }

strong {
    font-weight:bold;
    }
    
em, dfn {font-style:italic;}

blockquote { font-style:oblique; display:block; padding-bottom:10px; }

ul { margin-left:20px; margin-bottom:20px; }
ul li { list-style-image: url('../images/li.gif'); }


/* --------------------------------------------------------------------- 

3. Grid Layout

----------------------------------------------------------------------*/

#page {
    width:900px;
    padding: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#header {
    height: 150px;
    width: 860px;
    margin:0 auto;
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    position:relative;
}

#content {
    width:860px;
    margin:0 auto;
    position:relative;
}

div.col-1, div.col-2, div.col-3, div.col-5 {
    float:left;
    margin-right: 10px;
}

div.first {
    margin-left:0;
}

div.last {
    margin-right:0;
}

.row {
    width: 900px;
    margin-bottom: 20px;
}

.col-1  {
    width: 250px;
    margin-left:65px;
}

.col-3  {
    width: 610px;
}

.col-4  {
    width: 251px;
    margin-left: 10px;
    float: right;
}

.col-5, div.col-5 { 
    width: 900px; 
    margin: 0; 
}

.floatright { 
    float: right; 
}

.floatleft { 
    float: left; 
}

* html .clearfix, * html .container {
    height:1%;
}

.clear {
    clear:both;
}


/* ----- Nav states -----*/

#navcontainer {
    background-image:url('../images/navbar.png');
    display: block;
    list-style: none outside;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    position: absolute;
    left: 0;
    top: 100px;
    width:860px;
    margin:0;
}
#navcontainer td { padding:0; margin:0;}
#navcontainer td a {
    background-image:url('../images/navbar.png');
    background-repeat:no-repeat;
    display: block;
    position: relative;
    height:25px;
    cursor:pointer;
}
#navcontainer td.find a { margin-left:51px; background-position:-51px 0; width:206px; height:25px; }
#navcontainer td.membership a { background-position:-257px 0; width:120px;  }
#navcontainer td.memonly a { background-position:-377px 0; width:140px;  }
#navcontainer td.links a { background-position:-517px 0; width:75px;  }
#navcontainer td.about a { background-position:-591px 0; width:130px;  }
#navcontainer td.contact a { background-position:-720px 0; width:138px;  }
#navcontainer td.find a:hover { background-position:-51px -25px; }
#navcontainer td.membership a:hover { background-position:-257px -25px;  }
#navcontainer td.memonly a:hover { background-position:-377px -25px;  }
#navcontainer td.links a:hover { background-position:-517px -25px; }
#navcontainer td.about a:hover { background-position:-591px -25px;  }
#navcontainer td.contact a:hover { background-position:-720px -25px;  }


/* --------------------------------------------------------------------- 

5. Forms

----------------------------------------------------------------------*/

input, select {
    
}

input.text:focus, input.title:focus, textarea:focus, select:focus {}

input.text, input.title {
    width:300px;
    padding:5px;
}

input.title {
    font-size:1.5em;
}

textarea {
    width:300px;
    height:100px;
    padding:2px;
}

input.text {
    width:290px;
    padding:2px;
}

form {
    padding-top: 10px;
    margin-top: 20px;
}

form ul li {
    list-style-type: none;
}

form ul li ul{
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}



.submit {
    margin-left:140px;
}


/* --------------------------------------------------------------------- 

7. Footer

----------------------------------------------------------------------*/

#footer{
    width: 860px;
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 40px;
    margin-left:20px;
    padding-top:20px;
    text-align:right;
    font-size:90%;
}


/* --------------------------------------------------------------------- 

8. Misc

----------------------------------------------------------------------*/

.hide { display:none; }
ul.linkspage {padding-top:5px; }
ul.linkspage li { padding-bottom:10px; }
ul.error_list { margin:0 0 0 20px;width:80%;}
ul.error_list li { list-style-type:disc; list-style-image:none;}
span.th { font-style:oblique; font-weight:bold; }
div.msissue { padding-bottom:20px;}
div.msissue h5 { font-weight: bold; font-variant:small-caps; }
div.arranger { padding-bottom:8px; }
div.arranger p { padding:0; margin-bottom:0; }
table.profile th { padding:0 10px; text-align:right; font-size:90%;font-weight:bold; }
table.profile th,table.profile td { padding-bottom:6px; }
#ajaxErrors ul {text-align:left;margin-left:20px;}
#ajaxErrors ul li { list-style-image:none; list-style-type:disc; font-size:90%;}