/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and set them later on
******************/
* {
margin:0;
padding:0;
}
/*
body, html {
        height:96%;             JACK: for 100% heigth - but bugs on all other than IE
}
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
}
/*
set font size for all divs, this overrides some body rules
*/
div {
   font-size: 1em;
}
/*
if img is inside "a" it would have borders, we don't want that
*/
img {
        border: 0;
        margin: 0;
}
/*
default link styles
*/
a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit;   /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   color: #B82531; 
}
a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #B82531;               
}
a:hover {
   text-decoration: none;
   background-color: #e5e5e5;   
   color: #B82531;
}
/*****************
basic colors 
*****************/
.red {
        color: #B82531;
}
/*****************
basic layout 
*****************/
body {
        background-color: #9c9696;
        color: #4b4b4b;
        margin: 1em 0;
        line-height: 1em;

}
div#pagewrapper {
        border: 1px solid #ffffff;
        margin: 0 auto; 
        width: 860px;
/*   
        position:relative;                      JACK: for 100% heigth - but bugs on all other than IE
        height:auto !important;         JACK: for 100% heigth - but bugs on all other than IE   
        height:100%;                            JACK: for 100% heigth - but bugs on all other than IE
        min-height:100%;                        JACK: for 100% heigth - but bugs on all other than IE
*/   
        background-color: #fff;
        background-image: url(../img/bg-both-col.gif);
        background-repeat: repeat-y;
}
/*** header ***/
div#header
 {
        height: 87px; 
        background: url(../img/header-image03.gif) no-repeat 0 0px;
        background-color: #FFFFFF;
}
div#header h1 {
        display: block;
        height: 87px;
        text-indent: -999px;
        text-decoration:none;
}
* html div#header,
* html div#header h1
 {
        height: 80px; /* IE hack */
}
#header p {
        font-size: 0.9em;
        color: #9C9696;
        text-align: right;
        margin: -20px 0px 20px 0px;
        padding: 0px 49px 0px 0px;
        line-height: 1em;
        text-transform:uppercase;
}
* html #header p {
        display: block;
        margin: -20px 0px 0px 0px;
}
#header p a     {
        text-decoration:none;
}
div#search {
        padding: 20px 20px 30px 0px;
        margin: 0px 0px 30px 0px;
        width: 154px;
        display: block;
    border-top: 1px solid white;
        background-color: #2f2f2f;
    text-align: left;
}
* html div#search {
        padding: 20px 20px 30px 0px;
        }
#search fieldset {
        border: 0px;
        }
#colright input {
        color: #5E5A5A;
        background-color: #cecbcb;
        line-height: 1.2em;
        margin-bottom: 10px;
        border: 1px solid #9c9696;
}
input {
        color: #FFFFFF;
        background-color: #5E5A5A;
        line-height: 1em;
        margin-bottom: 10px;
margin-left: 20px;
        border: 1px solid #9c9696;
}
* html input {
        line-height: 1.2em;
}
div#content {
        margin: 0 auto 2em 0;
        
}
#outer {
        margin: 0px 0px 0px 175px;
        padding: 0px 0px 0px 0px;
}
* html #outer {
        margin: 0px 0px 0px 172px;
        padding: 0px 0px 0px 0px;
        }
/* Hides from IE-mac \*/
* html div#main {height: 1%;}
/* End hide from IE-mac */
div#sidebar {
        float: left;
        width: 174px;
        display: block;
        margin: 0px;
}
/* Hides from IE-mac \*/
* html div#sidebar {
        height: 1%;
        margin: 0px -3px 0px 0px;
}
/* End hide from IE-mac */
div#sidebar p {
        padding-left: 20px;
}
div#footer {
        clear:both;
        color: #333333;
        background-color: #FFFFFF;
        background: url(../img/footer-image03.gif);
        height: 24px;
        background-position: bottom;
        border-top: solid 1px #FFFFFF;
/*      position: absolute;             JACK: for 100% heigth - but bugs on all other than IE
        width: 100%;                    JACK: for 100% heigth - but bugs on all other than IE
        bottom: 0;                              JACK: for 100% heigth - but bugs on all other than IE
*/      
}
div#footer p {
        font-size: 0.8em;
        margin:0;
        padding: 5px 5px 0 20px;
        text-align: left;
}
div#footer p a {
        color: #B82531;
        text-decoration: none;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 0em;
   border-bottom: 1px solid #F2F2F2;
}
/********************
CONTENT STYLING
*********************/
div#content {
}
/* HEADINGS */
div#content h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
div#content h2 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #B82531;
        font-size: 1.6em;
        line-height: 1.2em;
    margin: 0 0 0.2em 0;
    font-weight: bold;
}
div#content h3 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #B82531; 
        font-size: 1.38em;
        line-height: 1.3em;
    margin: 0 0 0.1em 0;
}
div#content h4 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #B82531; 
        font-size: 1.2em;
        line-height: 1.3em;
    margin: 0 0 0.1em 0;
}
div#content h5 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0;
 }
h6 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0;
}

div#content table.news {
    margin-top: 4px;
    margin-bottom: 4px;
 }

div#content table.news td {
    padding: 2px;
    margin: 0px;
}

div#content table.news h3, h3.news {
    font-size: .95em; 
    font-weight: bold;
        line-height: 1em;
    margin: 0 0 0 0;
}

div#content table.news .text, div#content table.news .text p {
    line-height: 1.1em;
}

div#content table.news .date {
    text-align: right;
    font-style: italic;
        white-space: nowrap;
        color: #9A9393;
        font-size: 0.85em;
        line-height: 1em;
        margin: 0 0 0 0;
}

div#content table.news h3 a, h3.news  a{
    text-decoration: none;
}

div#content table.news h3 a:hover, h3.news a:hover  {
    background-color: white;
    text-decoration: underline;
}

div#content h3.news {
    font-size: .95em; 
    font-weight: bold;
        line-height: 1.3em;
}

div#content h3.dossier {
        font-size: 1.2em;
        line-height: 1.3em;
}

div#content div.ContentHeader {
    width: 387px; 
    background-color:#E5E1E1; 
    font-weight: bold; 
    padding: 6px;
}

/* END HEADINGS */
/* TEXT */
p {
   font-size: .95em; 
   line-height:1.4em;
   padding: 0 0 2px 0;
}


#main p {
        text-align: left;
}

#main li {
    font-size: .95em; 
    line-height:1.4em;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
   font-weight: bold;
}
em, i {
   font-style: italic;
}
/* END TEXT */
/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}
div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* TABLES */
table {
        border: 0px solid #A79A9B;
        border-collapse: collapse;
        margin-bottom: 10px;
}
td,th {
        vertical-align: top;
        line-height: 1.2em;
        padding: 5px 4px;
}

#outer td p, #outer th  {
        text-align:left;
}
thead tr {
        background-color: #e5e1e1;
}
thead tr td,
thead tr th {
        padding-left: 8px;
}

td .gallery, #gallery td {
        border-top: 1px solid #e6dddd;
}
td.gallery_image {
        text-align: center;
        width: auto;
        vertical-align: top;
        background-color: #F3F0F0;
        border-top: 1px solid #e6dddd;
}
.gallery_image img {
        border: 1px solid #FFFFFF;
        background-color: #FFFFFF;
}

#news_left td, #news_right td,
#news td {
        border-top: 1px solid #e6dddd;
}

table#news_left {
        float: left;
        margin-right: 15px;
        width: 295px;
}

table#news_right {
        width: 295px;
        float: left;
}

.date {
        white-space: nowrap;
        color: #9A9393;
        font-size: 0.9em;
        line-height: 0.9em;
        margin: 0.8em 0 0 0;
}
table#home_left {
        float: left;
        margin-right: 15px;
        
}
table#home_right {
        float: left;
}
/* END TABLES */
/* FLOATERS  in content */
.floatleft {
        float: left;
        margin-right: 1em;
        }
        
.floatright {
        float: right;
        margin-left: 1em;
        }