/*http://www.cameraontheroad.com/index.php?p=524 */

#content { width: 1024px;
        /* width: 100%;*/
/*           max-width: 1024px; */
           border: 0px solid red; 
           text-align:left;
           margin:-10px 0px 0px -8px;
           background-color:#FBF1C9; /* 00aeef Background colour for the side par*/
           /* background-image:url(pictures/2/pagemiddle.gif); background-position:center; */
            background-image: url('./pictures/body_Cream_Blue_1024_3.jpg');
            background-repeat:repeat-y;
            /*background-position: 17% 0%;*/
            background-position: right;
            /*       background-repeat:repeat-y;*/}

#main { margin: 0px 0px 0px 0px; 
        float:right; 
        border: 0px solid black; 
        width:82%;
        /*background-color:#00aa00;*/
        }

div.footer-text { font-family: arial,sans-serif; font-size: 0.80em;
        text-align: center; }

.text { text-align:center;}
.tableheader { font-size:20px; text-align:center; font-weight:bold; }

h3.name {font-weight: bold; 
        font-size:140%;
}
dd.name{
    font-weight: bold;
    text-transform: uppercase;    
}    
div.name{
    font-weight: bold;
    text-transform: uppercase;    
}    
.date {font-weight: normal;}
.description {font-weight: normal; color:#660033; margin-left:60px; }

.bubble_title {
        font-weight: bold;      
        font-size:110%;
    }
.bubble_text {  
        font-size:80%;
    }

.hidden_email {
/*
         font-weight: normal;
         color:#ffffff;
*/       visibility: hidden;    
        font-size:1px;
}

/*
Value       Description
visible     The element is visible
hidden      The element is invisible
collapse    When used in table elements, this value removes a row or column, but it does not affect the table layout. The space taken up by the row or column will be available for other content. If this value is used on other elements, it renders as "hidden"
*/

.pic_desc {
/*    font-weight: bold;*/
    color:#000000;
}
.pic_item {
    font-size:80%;
    color:#903A4C;
}


dl.history {margin-left: 260px;}
.identity {text-align: center;}
dt {font-weight: bold;text-transform: uppercase; font-size:100%; color: #996600; text-align:left;}
dt.notes {font-weight:normal; font-size: 100%;}
dt.team {
    text-align:left; 
    clear:left;
    color:#72C9FF; /*80bfff*/
    text-transform:capitalize;
    font-size:170%;
    text-indent: 100px;
}
dd { /*text-align:justify;*/ color:#660033; font-size:90%;}/* margin:0px 0px 0px +5px; }*/
dd.name {font-weight:bold; text-decoration:underline; font-size: 110%;}
dd.list {font-size: 110%;}
dd.notice{
    font-size: 110%;
    margin: 25px;
}    
INPUT {line-height: 15px;}
br { }
b {  font-size: 110%;}
dt {margin: 10px 0px;}
/*HR { margin-top:0; margin-bottom:0; margin-left:0;  margin-right:0; width:25%; size:0.5; color:red; }*/
/*form { margin-top:0; margin-bottom:0; margin-left:6%;  margin-right:6%; font-size:100%; }*/
ol { font-weight:bold; font-size:13pt; }
/*ul { 
    position: relative;
    left: 0px;
    padding: 0px;
}*/
li.internal { margin:0px 0px 5px 0px; font-family:Verdana; font-size:110%; text-indent: 2em; }
p { text-indent: 0em; }
p.side_bar { /*clear:left; float:left;*/ 
        margin: 1em 0em 0 0.5em; 
        text-align:left; 
        font-size: 0.75em;
    }
p.contact { text-indent: 0em; margin-bottom:-15px;  font-family:Verdana; font-size:110%; }
body { 
/*        font-family:"Book Antiqua, Times New Roman, Times";        */
        font-family:  arial,sans-serif;
        background-color:#ffffff; color:#000000; 
/*        margin-top:-10; margin-bottom:-10; margin-left:-10;  margin-right:-10;*/
        text-align:left;}
img { border:0px;}
img.comment { margin-top:-5px;}
.floatborder {clear:both;} 
.floatborder_all {float:left; }
.floatleft  { float:left; margin: 0px 10px 5px 20px;}
.floatcenter  {margin: -5px;}
.floatright { 
/*    border:0 none;*/
    clear:right;
    float:right;
/*    margin:0 0 0.5em 0.5em;*/
/*    position:relative;

/*float:right; margin-top: -20px;/*margin-right: 20px; margin-left: 20px;*/}
img.centered { 
/*    clear:right; 
    display: block; 
*/    
    margin-left:auto; 
    margin-right:auto;
}

h1 { 
    text-align:left; 
    color: #715700; 
}
h1.title { 
/*    text-transform: uppercase;*/
}

h1.fixed {font-size: 31px;}
h1.page_title {
/*              margin-left:104px; margin-right:104px; margin-top:4px; margin-bottom:4px;*/
                padding: 0em; border-style:none; /*background-color:#615654; */
                /* background-image:url(pictures/2/pagetitle_home.gif)*/; 
/*                font-size:20pt;*/
/*                background-position:center;*/
/*                background-repeat:no-repeat;*/
                }
h2 {    text-align:left; 
        color:#72C9FF; /*80bfff*/
        text-transform:capitalize;
        font-size:120%;
    }
h2.fixed {font-size:140%;}
h2.history {color:#FF0000;}

h3 { text-align:justify; color:#433900;} 
h3.text {   text-align:center; 
            color:#DC143C;
            text-decoration:blink;
            font-size:140%;
            }

h4 { text-align:justify; color:#660033; font-size:100%;} 
dd.team { color:#660033; font-size:90%; }
h5 { margin-top:0; margin-bottom:0; margin-left:0;  margin-right:0; font-size:80%;
        font-weight:bold; text-align:center;}
h5.copyright {color:#B5B584;}
h5.graphics { color:#B5B584;}

.th_class {
    width:100px;
    font-size:100%;
}



table.small {
    font-size:75%;
}

table.sample {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-collapse: separate;
/*    width:auto;*/
    white-space: nowrap;
    }
table.sample th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    font-size: 90%;

/*    background-color: rgb(255, 255, 240);*/
/*    -moz-border-radius: 0px 0px 0px 0px;*/
    }
table.sample td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    text-align:center;
/*    background-color: rgb(255, 255, 240);*/
/*    -moz-border-radius: 0px 0px 0px 0px;*/
    }
A {font-size: 80%;}
A:link { color:#002bb8; } /* unvisited link */
A:visited { color:#5a3696; } /* visited links */
A:active { color:#faa700; } /* active links */

.descriptions { font-size:12px; }
/*http://javascript.about.com/library/bltip1.htm*/
.tip {
    font:15px  Arial,Helvetica,sans-serif;
    border:solid 0px #000000;  /* USed around box, but not grey region */
    margin: 2px;
    color:#000000; /*font Colour*/ 
    background-color:#F6E49C;
/*    width:270px; */
/*    padding:-2px;*/ /* not used */
/*    position:absolute; */
/*    z-index:100;*/
/*    visibility:hidden;*/
/*    top:20px;*/
/*    left:100px;*/
/*    layer-background-color:#ffffcc;*/
}

.li_icon {
    line-height:100%;
    margin-top: 1em;
    list-style-position: outside;
}    
/* Google SEarch engine specs */
.cse-branding- {
/*    background-color:#;*/
/*    color:#*/
    }            
#cse {
    width: 80%;
    margin:0px 0px 0px 0px; 
    border:0px solid teal;
/*  text-align:center;*/
/*        background-color:#00bbdd;*/
}    

.table_top {
/*    background-color:#FBF1C9; /* 00aeef Background colour for the side par*/
    /* background-image:url(pictures/2/pagemiddle.gif); background-position:center; */
    background-image: url('./images/DSC0183_reduced9.jpg');
    background-repeat:no-repeat;
    background-position: 0% 0%;
/*    background-position: center;*/
/*    background-size:800px 600px;*/
    background-size: contain;
/*       background-repeat:repeat-y;*/

}

.table_bottom{
/*    background-color:#FBF1C9; /* 00aeef Background colour for the side par*/
    /* background-image:url(pictures/2/pagemiddle.gif); background-position:center; */
    background-image: url('./images/DSC00521_reduced.jpg');
    background-repeat:no-repeat;
    /*background-position: 17% 0%;*/
    background-position: 0% 0%;
/*    background-size:800px 600px;*/
    background-size: contain;
    /*       background-repeat:repeat-y;*/
}