/*******************************************
    Layout CSS modified from http://blog.html.it/layoutgala/LayoutGala36.html
*******************************************/
/*******************************************
    GENERIC STYLES
*******************************************/
html, body, ul, ol, dl, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;} 

body {
    font-size: 100%; 
    line-height: 1.125em;
    background-color: #fff;}
    
#ie7only #container,
#ie6only #container {font-size: 16px;}

input, select, th, td, p, li {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;}
    
a:link,
p a:link,
td a:link {color: #f93;}
a:visited,
p a:visited,
td a:visited  {color: #f93;}
a:hover,
p a:hover,
td a:hover  {color: #000;}
a:active,
p a:active,
td a:active  {color: #000;}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #000;
    margin-bottom: 18px;}
    
h1 {font-size: 150%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;} 

p {margin-bottom: 18px;}

ul, ol, dl {margin: 0 0 18px 24px;}

li ul,
li ol,
li dl {margin-bottom: 0;}

a img {border: 0;}
    
/*******************************************
    LAYOUT STYLES 
*******************************************/
div#container {
    width:900px;
    margin: 50px auto;
    background-color: #fff;
    color: #333;
    }
    
/*******************************************
    Header
*******************************************/    
div#header {
    width:900px;
    height: 160px;
    margin: 0 auto;
    background-color: #f93;
    padding: 0;}
    
    div#header a:link,
    div#header a:visited,
    div#header a:hover,
    div#header a:active,
    div#header p,    
    div#header th,   
    div#header td,
    div#header h1,
    div#header h2, 
    div#header h3,
    div#header h4,
    div#header h5,
    div#header h6 {color: #fff;}
    
    div#logo {
        margin: 0 0 0 20px;
        float: left;
        color: #fff;}
        
        div#logo img {margin:0;
        color: #fff;}

    div#topNav {
        float: right;
        text-align: right;
        margin: 10px 20px 0 20px;}
    
    div#topNav ul {
        font-size: 100%;
        line-height: 1.50em;
        color: #fff;
        list-style-type: none;
        padding: 0;
        margin: 0;}
    
        div#topNav ul li {
            margin: 0 0 0 18px;
            display:inline;
            font-weight: bold;}

    div#topNav p { 
        display: none; /* Hide extraneous P's that get inserted by Rich Text Editor */
        margin: 0;}
    
    div#topNav a:link,
    div#topNav a:visited  {
        color:#FFF; 
        text-decoration: none;
        font-weight: bold;}
        
    div#topNav a:hover,
    div#topNav a:active {
        color:#FFF;
        text-decoration: underline;
        font-weight: bold;}
    
    div#pageTitleArea {
        clear: right;
        float: right;
        width: 500px;
        color: #fff;
        text-align: right;
        margin: 43px 20px 0 20px;
        font-size: 1.1em;
        font-weight: bold;}
        
        div#pageTitleArea font, 
        div#pageTitleArea font[color],
        div#pageTitleArea h1,
        div#pageTitleArea h2,
        div#pageTitleArea h3,
        div#pageTitleArea h4,
        div#pageTitleArea h5,
        div#pageTitleArea h6,
        div#pageTitleArea p  { /* override incorrect fonts inserted in title area */
            font-family: Tahoma, Arial, Helvetica, sans-serif;
            color: #FFF;
            font-weight: bold;
            font-size: 1.1em;
            margin-bottom: 0;}
        
/*******************************************
    Content
*******************************************/     
div#wrapper {clear: both;/* Wrapper div is needed to make Content div behave properly - see http://blog.html.it/layoutgala/LayoutGala36.html  */}

div#content {
    clear: right;
    float:right;
    width: 660px;
    margin: 30px 30px 0 30px;
    background-color: #fff;
    font-size: 0.8em}

#ie6only div#content {display: inline;} /* Fix for IE 6 double float margin problem - http://www.positioniseverything.net/explorer/doubled-margin.html */              

    div#content a:link,
    div#content a:visited  {
        color:#f90;
        text-decoration: none;}
        
    div#content a:link {font-weight: bold;}
    div#content a:visited {font-weight: normal;}
   
    div#content a:hover,
    div#content a:active {
        color:#f90;
        text-decoration: underline;}
    
/*******************************************
    Left Panel
*******************************************/    
div.leftPanel {
    float:left;
    width:150px;
    margin: 30px 0 30px 30px;
    font-size: 0.75em;} /* smaller than 0.8 to cater for the unbreakable email address, so total width does not exceed 150px */
    
#ie6only div.leftPanel {display: inline;}    /* Fix for IE 6 double float margin problem - http://www.positioniseverything.net/explorer/doubled-margin.html */ 
        
    div#panel_contactus ul {
        margin: 0;
        width: 136px;} /* 136 content + (5x2 padding) + (2x2 border) = 150px */
    
        div#panel_contactus ul li {
            border: 2px solid black;
            width: 100%;
            list-style-type: none;
            margin:0 0 18px 0;
            padding: 5px;}
            
            div#panel_contactus ul li strong { /* heading area for contact us list items */ 
                display: block;
                font-size: 1.5em;
                margin-bottom: -15px;}
        
/*******************************************
Disclaimer
*******************************************/
div#disclaimer {
    clear: both;
    width: 900px;
    text-align: center;
    margin: 18px auto;
    color: #ccc;
    font-size: 0.8em;}
    
    div#disclaimer a:link,
    div#disclaimer a:visited {
        color: #ccc;
        text-decoration: none;}
        
    div#disclaimer a:hover,
    div#disclaimer a:active {
        color: #f93;
        text-decoration: none;}
        
/*******************************************
    Footer
*******************************************/
    
div#footer {
    clear: both;
    width: 898px; /* 898 content + (1x2 border) = 900 */
    margin: 0 auto;
    text-align: center;
    background-color: #f93;
    border: 1px solid #f93;
    vertical-align: middle;
    font-size: 1em;
    min-height: 100px; /* so firefox shows the background color */
    height: 1%;}
    
    div#header p,    
    div#header th,   
    div#header td,
    div#header h1,
    div#header h2, 
    div#header h3,
    div#header h4,
    div#header h5,
    div#header h6 {color: #fff;}
   
    div#footer a:link,
    div#footer a:visited  {
        color:#FFF;
        text-decoration: none;}
        
    div#footer a:hover,
    div#footer a:active {
        color:#FFF;
        text-decoration: underline;}
    
    ul#tagCloud {
        vertical-align: middle;
        margin: 5px auto;
        width: 720px;
        height: 1%;
        background-color: #f93;}
    
        ul#tagCloud li {
            float: left; 
            display: inline; 
            color: #ffc;
            margin: 2px 5px;
            line-height: 22px;
            white-space: nowrap;}
            
        ul#tagCloud li.tagSize1 {font-size: 0.65em; font-weight: bold;}
        ul#tagCloud li.tagSize2 {font-size: 0.75em; }
        ul#tagCloud li.tagSize3 {font-size: 0.9em; font-weight: bold;}
        ul#tagCloud li.tagSize4 {font-size: 1.0em; }
        ul#tagCloud li.tagSize5 {font-size: 1.2em; font-weight: bold;}
    
/*******************************************
FONT OVERRIDE - overrides any incorrect use of the font tag
*******************************************/    
font, font[color] {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #333;
    font-weight: normal;
    font-size: 100%;}