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

   Reset Styles for all pages - integrated with both core-10
   and core-12.css files.

   * resets all elements to create a factory reset, 
     All elements are reset to provide better compatibility. 


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

/* -----------------------------------*/
/* --------## GLOBAL RESET ##---------*/
/* -----------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: normal;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border:none;
}


    /* ------------------------------------------------------------
    
    File: core-10.css
    Description:
        * This file contains the main core of the framework. The file includes
          grid rendering and required classes to create grid layouts based on ten vertical columns.
            
    Usage:
        * See manual for useage. ALl classes are covered in detail there. 
          **IMPORTANT** Do not change this file! 
                
    -------------------------------------------------------------- */
    
    /*

    Desc: default class names for layout manipulation. 

    */
        * {
            margin:0;
            padding:0;
        }
    
        #container {
            width:960px;
        }
        
    /* -----------------------------------*/
    /* ---------## Structure ##-----------*/
    /* -----------------------------------*/
        .row {
            float:left; 
            clear:both;
        }   
        .column {
            float:left;
        /*  margin-left:10px; */
        }   
        .section {
        /*
            margin-right:10px;
            margin-bottom:10px;
        */
            margin-left:10px;
        }
        
        .section {
        
        }
        
        .header {
        
        }
        
        .body {
        
        }
        
        .footer {
        
        }
        
        .margin { padding:10px; }       
                
        .no-margin-right {
            margin-right:0px !important;
        }       
        .no-margin-left {
            margin-left:0px !important;
        }       
        .no-margin {
            margin:0px !important;
        }       
        .no-margin-bottom {
            margin-bottom:0px !important;
        }
        .no-margin-vert {
            margin-top:0 !important;
            margin-bottom:0 !important;
        }
        .no-margin-hori {
            margin-left:0 !important;
            margin-right:0 !important;
        }
        .margin-right { margin-right:10px  !important; }
        .margin-left { margin-left:10px  !important; }
        .margin-top { margin-top:10px  !important; }
        .margin-bottom { margin-bottom:10px !important; }   
                
        .padding {
            padding:10px;
        }       
        .no-padding {
            padding: 0 !important;
        }
        .no-pad-left {
            padding-left:0 !important;
        }
        .no-pad-top {
            padding-top:0 !important;
        }
        .no-pad-vert {
            padding-top:0 !important;
            padding-bottom:0 !important;
        }
        .no-pad-hori {
            padding-left:0 !important;
            padding-right:0 !important;
        }   
        .span-1 {
            width:96px
        }   
        .span-2 {
            width:192px; 
        }   
        .span-3 {
            width: 288px;
        }   
        .span-4 {
            width:384px;
        }   
        .span-5{
            width:480px;
        }   
        .span-6{
            width:576px;
        }   
        .span-7{
            width: 672px;
        }   
        .span-8{
            width:768px;
        }   
        .span-9{
            width:864px;
        }   
        .span-10{
            width:960px;
        }   

        .span-10 {
            margin:0;
        }   
        .span-1,
        .span-2, 
        .span-3,
        .span-4,
        .span-5,
        .span-6,
        .span-7,
        .span-8,
        .span-9,
        .span-10    {
            float:left;
        }
        
        .last {
            margin-right:0;
        }
        .first {
            margin-left:0;
        }
        

        
    /* -----------------------------------*/
    /* --------## Positioning ##----------*/
    /* -----------------------------------*/
        .centre {
            margin:0 auto;
        }   
        .left {
            float:left;
        }   
        .right {
            float:right;
        }   
        .clear-left {
            clear:left;
        }   
        .clear-right {
            clear:right;
        }   
        .clear-all {
            clear:both;
        }       
    /* -----------------------------------*/
    /* ---------## Elements ##------------*/
    /* -----------------------------------*/    
        blockquote {
            margin:10px 0;
        }   
    /* class to make menu horizontal instead of vertical */
        ul.hori li,
        ol.hori li {
            float:left;
        }   
    /* re-defined classes for list styles */    
        ul.circle {list-style-type:circle !important;margin-left:15px;}
        ul.square {list-style-type:square !important;margin-left:15px;} 
        ul.disc {list-style-type:disc !important;margin-left:15px; }
        ul.imgbullet { margin-left:2px;}    
        ul.imgbullet li { background:url(../images/bullet.gif) no-repeat left center; padding-left:13px;}

    /* -----------------------------------*/
    /* --------## GENERIC #IDs ##---------*/
    /* -----------------------------------*/
    
        /* pre defined generic ID's  */ 
            #header, #footer, #body, #side-bar, #top-nav, #form, #top-nav, #left-nav, #right-nav {
                float:left;
                clear:both;
            }
        
    /* -----------------------------------*/
    /* ----## GENERIC #Classes ##---------*/
    /* -----------------------------------*/
        
        .border {
            border-width:1px;
            border-style:solid;
        }
        .no-border {
            border:0 !important;
        }       
        .ta-right {
            text-align:right;
        }
        .ta-left {
            text-align:left;
        }
        .ta-centre {
            text-align:centre;
        }       

    
    /*---------------------------------------------------------
    
    END SECTION - no more CSS must be placed below this section.
    This is to eliminate CSS merge issues. Place all new and
    updated CSS above this section.
        
    --------------------------------------------------------- */