/*----------------------------------------
 Main stylesheet for: Jamchen
 Author: Libby Chapman
 Email: Libby@simb.com.au
 Author website: http://www.simb.com.au 
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section details
    --> Header
    --> Secondary Content
    --> Sidebar
    --> Footer
 > Misc     
 ----------------------------------------*/ 
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
   background: #4c7aa6 url(../images/bk_outer.png) top center repeat-y;  
}

body 
{       
   background: #eaf3fc url(../images/bk_body.jpg) top center no-repeat;     
   color: #15345a;        
   font: 62.5%/1.5em  Helvetica, Arial, Verdana, sans-serif;
   margin: 0 auto;      
   width: 980px;   
}

html, body, #wrapper 
{
    height: 100%;
}

body > #wrapper 
{
    height: auto; 
    min-height: 100%;
}

/* Main layout -------------------------------------------------------------------------------------  */ 
    #header
    {    
        height: 270px;    
    }

    #content
    {             
        padding: 0 20px 160px; /*bottom padding must be same as footer height */
        width: 940px;   
    }


    #main
    {
        float: left;
        width: 600px;
    }

      #main.full
      {
         width: 940px;
      }

    #sidebar
    {
      color: #444c48;
      float: right; 
      line-height: 1.2em;
      width: 300px;
    }
    
      #home #sidebar
      {
         padding-top: 20px;
      }
    
    #footer
    {       
        background: url(../images/bk_footer.png) top center no-repeat;         
        position: relative;
        margin-top: -160px; /* negative value of footer height */
        padding: 30px 20px 20px 130px;
        height: 110px;
        clear: both;
    } 
    
/* Type and inline styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #2265a2;
    font-weight: bold; 
    line-height: 2.2em;
    padding: 0 0 0.1em 0;
}
    
    .h2
    {
        padding-top: 0.3em;
    }
    

    h4
    {
        font-size: 1.4em;
    }
    
    h5, h6
    {
      font-size: 1.2em;      
    }    

p, address
{
    font-size: 1.3em;
    line-height: 1.4em;
    font-style: normal;
    padding: 0.3em 0;     
}

   .emphasis
   {
       color: #1f4d84;
       font-size: 1.5em;       
       font-weight: bold;
   }

ul
{
   margin-left: 20px;        
   padding-bottom: 0.8em;  
}
    
    li
    {
        font-size: 1.3em;          
        line-height: 1.5em;
        padding-left: 14px; 
        padding-bottom: 3px;   
    }
    
dl, table
{
    background: url(../images/bk_gradient.jpg) top left repeat-x;
    border-top: 2px solid #7ba4c8;    
    padding: 5px 20px 10px;
}

    dt, dd
    {
        font-size: 1.3em; 
        font-weight: bold;         
        line-height: 1.5em;
        padding-top: 5px; 
    }
    
    dd
    {
        border-bottom: 1px dotted #7ba4c8;          
        font-weight: normal;
        margin-left: 0;
        padding: 0 0 5px 0;
        
    }
    
table
{
    margin: 20px 0;    
    width: 100%;
}

    th
    {
        color: #2265a2;
        font-weight: bold; 
        line-height: 1.4em;
        padding: 0 0 0.1em 0;   
    }
    
    td
    {
        border-bottom: 1px dotted #7ba4c8;         
        font-size: 1.3em;         
        padding: 5px 0; 
    }
    
    td.label
    {
        font-weight: bold;
        text-align: right;
        padding-right: 10px;
        width: 25%;
    }


a
{
   color: #15345a;
   outline: none;
}

    a:hover
    {
      color: #2265a2;
    }
    
    .plain
    {
      border: 0 none;
    }
    
    a.btn, .secondary a.btn, #sidebar a.btn 
    {
      background: url(../images/btn_blue.png) top left no-repeat;       
      border: 0 none;
      color: #e9f3fc;
      display: block;
         height: 24px;
         width: 114px;
      float: right;
      font-family: "trebuchet ms";
      font-weight: bold; 
      font-size: 12px;
      line-height: 24px;
      padding-left: 34px;
      text-decoration: none; 
    text-transform: lowercase;            
    }
    
        .secondary a.btn
        {            
            background-image: url(../images/btn_green.png);
            color: #e4f4c8;                         
        }
        
        #sidebar a.btn
        {            
            background-image: url(../images/btn_purple.png);            
            color: #efe6f2;
        }        
    
    a.btn:hover, .secondary a.btn:hover, #sidebar a.btn:hover
    {
      background-position: bottom left;
    }
    
        .secondary a.btn:hover
        {
            color: #c7d9a8;             
        }
        
        #sidebar a.btn:hover
        {
            color: #dcc8e3;
        }  

.divider
{
   background: url(../images/divider.png) center center no-repeat; 
   clear: both;
   padding-top: 30px;   
   display: block;
   height: 30px;
   width: 100%;   
}

li
{
   background: url(../images/bullet.png) top left no-repeat;
      background-position: 0 0.5em;   
   list-style-image: none;
   list-style-type: none;
   padding-left: 12px;
}
 
 /* Section details -------------------------------------------------------------------------------------  */ 
 
        /* Header (only viewable when javascript is disabled) -------------------------------------------------------------------------------------  */ 
        #header ul
        {
            float: right;
            padding: 20px 20px 0 0;
        }  
        
            #header ul li
            {
                background-image: none;                
                float: left;
                margin-left: 0;                
            } 

            #header ul li a
            {
                border-bottom: 1px dotted;
                color: #eaf3fc;
                text-decoration: none;                
            }
              
            #header ul li a:hover
            {
                color: #b3d9fe;                
            }                                 
 
        /* Secondary text -------------------------------------------------------------------------------------  */        

        .secondary h2
        {
            color: #7fa412;
            font-size: 1.8em;            
        }

        .secondary h3
        {
            color: #4f700a;        
            font-size: 1.6em;         
        }

        .secondary p
        {
            color: #354c07;
        }

        .secondary a
        {
            color: #444c48;
        }

            .secondary a:hover
            {
                color: #5e890d;
            }    
                               
              
        /* Sidebar -------------------------------------------------------------------------------------  */ 
              
        #sidebar h2
        {
            color: #1f0545;
            font-size: 1.8em;
            font-weight: normal;
        } 

        #sidebar h3
        {
            color: #3b1273;
            font-size: 1.6em;            
            font-weight: normal;
        }

        #sidebar p
        {
            color: #3b1273; 
        } 

        #sidebar li
        {
            background-image: url(../images/bullet_sidebar.png);  
            color: #503a6e;
        }
        
        #sidebar a
        {
            color: #451062; 
        }

        #sidebar a:hover
        {
            color: #5e3a90;
        } 
        
        #sidebar .divider
        {
           background: url(../images/divider_purple.png) center center no-repeat;   
        }                             
                        
        /* Footer -------------------------------------------------------------------------------------  */     
                   
        #footer a
        {
            border: 0 none;
            color: #e9f6ff;
            text-decoration: none;
        }

           #footer a:hover 
           {
              color: #b3c7bd;
           }

        #footer p
        {
            color: #e9f6ff;    
            font-size: 1.3em;
        }

        #footer h4
        {
            color: #e9f6ff;    
            font-size: 1.6em;
        } 


/* Misc -------------------------------------------------------------------------------------  */ 

.bold
{
   font-weight: bold;
}

.clear
{
   clear: both;
}       
    
.left
{
   float: left;
}             

.right
{
   float: right;
}

.center
{
    margin-left: auto;
    text-align: center;
}
.Lpadding
{
   padding-left: 10px;
}

.Rpadding
{
   padding-right: 10px;
}

.topPadding
{
    padding-top: 60px;
}

.textRight
{
   text-align: right;
}

.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

em
{
    font-weight: bolder;
}
    
strong
{
	font-weight: bold;	
}

#frmSubscribe label
{
	display: block;
	font-weight: bold;
	font-size: 10pt;
    float: left;	
    width: 110px;    
}

#frmSubscribe input[type="submit"]
{
    background-image: url(../images/btn_purple.png);            
    border: 0 none;
    clear: both;
    color: #efe6f2;
    cursor: pointer;  
    display: block;
       height: 24px;
       width: 148px;
    float: right;
    font-family: "trebuchet ms";
    font-weight: bold; 
    font-size: 12px;
    line-height: 24px;
    padding-left: 34px;
    text-decoration: none; 
    text-transform: lowercase;  
}

    #frmSubscribe input[type="submit"]:hover
    {
        background-position: bottom left;
        color: #dcc8e3;      
    }
    
#frmSubscribe input[type="text"]
{
	border: 1px solid #9975a5;
    margin-bottom: 20px;
    width: 160px;
} 


#frmSubscribe input[type="text"]:focus   
{
    border: 1px solid #c29ece; 
}