/* General CSS settings */

h1 { font-size: medium;
       font-weight: bold;
       text-align: left
}

h2 { font-size: medium }

#mainpanel { width: 855px;
                     padding: 4px;
                     background-image: url(../images.system/backgrnd.jpg);
}

#bigpanel { width: 900px;
                     padding: 4px;
                     background-image: url(../images.system/backgrnd.jpg);
}

#panelbody { color: #000000;
          background: #C0C0C0;
          background-image: url(../images.system/weave.gif);
}

body { color: #000000;
          background: #C0C0C0;
          background-image: url(../images.system/backgrnd.jpg);
}
        
#textblock { width: 100% }
        
/* Underline for links */
a:link {color: #0000FF; text-decoration: underline; font-style: normal; font-weight: normal }
/* Visited link */
a:visited {color: #000080; text-decoration: underline; font-style: normal; font-weight: normal }
/* Embolden and remove underline for hover */
a:hover {text-decoration: none; font-style: normal; font-weight: bold}

/* Background was #9FA4BD */
table.pageheader {width: 100%; background-color: #767676;  font-size: 14pt; font-style: normal; font-weight: normal; border: 0; border-spacing: 0}
table.socialheader {background-color: #999999;  font-size: 10pt; font-style: normal; font-weight: normal}
tr.hseparator {background-color: #FFFFA0;}
/* Background was #9FA4BD */
table.pagefooter { width: 100%; background-color: #767676; font-size: 14pt; font-style: normal; font-weight: normal; border: 0; border-spacing: 0;}

/* Background was #9FA4BD */
table.copyright   {color: #000000; background-color: #767676; font-size: x-small}

/* Navigation bar */
table.navbar  { width: 100%; color: #000000; background-color: #999999;  border: 1; border-spacing: 0 }
table.navbar a { display: block; width: 100%; color: #000000; text-decoration: none; font-style: normal; font-weight: normal}
table.navbar a:link {color: #000000; text-decoration: none; font-style: normal; font-weight: normal}
table.navbar a:hover {text-decoration: none; font-style: normal; font-weight: bold; background: #148ed9;}
table.navbar td {text-align: center; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; }

/* ***************************************** Begin standard image pages layout ******************************************* */

/* Blank margins */
td.marginL { width: 25 }
td.marginC {width: 25 }

/* Image cell */
td.photocell { width: 370 }

/* Button Row */
table.btnrow  {height: 35; width: 100%; color: #000000; background-color: #999999 }
table.btnrow a { display: block; width: 100%; color: #0000CC; text-decoration: none; font-style: normal; font-weight: normal}
table.btnrow a:link {color: #0000CC; text-decoration: none; font-style: normal; font-weight: normal}
table.btnrow a:hover {text-decoration: none; color: #000000; font-style: normal; font-weight: normal; background: #148ed9; padding: 3 }
table.btnrow td {text-align: center; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; }

/* Table cells in btnrow */
td.enlargebtn { width: 18% }
td.commentbtn { width: 18% }
td.infobtn { width: 5% }
td.parkingbtn {width: 8% }

/* Currently not used.
This won't work with IE 6 but works with other browsers (e.g. Firefox, Opera, Chromium etc.).
img.photoframe {border-style: solid; border-width: 2px; border-color: transparent}
img.photoframe:hover {border-style: solid; border-width: 2px; border-color: black}
*/

img.stdphotoL { height: 248; width: 370; border: none; }
img.stdphotoP { height: 370; width: 248; border: none; }

/* This will work with IE 6 and other browsers (e.g. Firefox, Opera, Chromium etc.). */
/* Frame for landscape format images */
a.linkframe {display: block; margin: 2px}
a.linkframe:hover {display: block; margin: 0; border-style: solid; border-width: 2px; border-color: black}
/* Frame for portrait format images  with width 277 */
a.linkframeP {display: block; margin: 2px; width: 277}
a.linkframeP:hover {display: block; margin: 0; border-style: solid; border-width: 2px; border-color: black}
/* Frame for portrait format images with width 248 */
a.linkframeP2 {display: block; margin: 2px; width: 248}
a.linkframeP2:hover {display: block; margin: 0; border-style: solid; border-width: 2px; border-color: black}
/* Frame for portrait format thumbnails  with width 60 */
a.thumbframeP {display: block; margin: 2px; width: 60}
a.thumbframeP:hover {display: block; margin: 0; border-style: solid; border-width: 2px; border-color: black}

a.linkframe:focus {outline:none}

/* ***************************************** End standard image pages layout ******************************************* */

table.externallist a { text-decoration: underline; font-style: italic; font-weight: normal }
table.externallist a:hover { text-decoration: none; font-style: italic; font-weight: bold }

tr.externallist a { text-decoration: underline; font-style: italic; font-weight: normal }
tr.externallist a:hover { text-decoration: none; font-style: italic; font-weight: bold }

a.external { text-decoration: underline; font-style: italic; font-weight: normal }
a:hover.external { text-decoration: none; font-style: italic; font-weight: bold }

span.important { color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-size: x-small }
span.osgridref { color: #990000; background-color: transparent; font-weight: bold; font-style: normal; font-size: small }

/* Picture index */
div.index-level1 {background-color: #FFFFFF; text-indent: 1em; border: groove; width: 55%}
div.index-level1 a { display: block; width: 100%; color: #000000; background-color: #FFFFFF; text-decoration: none; text-indent: 1em; border: none}
div.index-level1 a:hover { display: block; width: 100%; color: #000000; background-color: #148ed9; text-indent: 1em; border: none}
div.index-sublevel1 { color: #000000; background-color: #FFFFA0; text-indent: 1em; width: 53%; margin-left: 2% }

div.index-level2 { background-color: #FFFFFF; text-indent: 1em; border: groove; width: 55%; margin-left: 4% }
div.index-level2 a { display: block; width: 100%; color: #000000; background-color: #FFFFFF; text-decoration: none; text-indent: 1em; border: none}
div.index-level2 a:hover { display: block; width: 100%; color: #000000; background-color: #148ed9; text-indent: 1em; border: none}
div.index-sublevel2 { background-color: #FFFFA0; text-indent: 1em; width: 53%; margin-left: 6% }

div.index-level3 { background-color: #FFFFFF; text-indent: 1em;  border: groove; width: 55%; margin-left: 6% }
div.index-level3 a { display: block; width: 100%; color: #000000; background-color: #FFFFFF; text-decoration: none; text-indent: 1em; border: none}
div.index-level3 a:hover { display: block; width: 100%; color: #000000; background-color: #148ed9; text-indent: 1em; border: none}
div.index-sublevel3 { background-color: #FFFFA0; text-indent: 1em;  width: 53%; margin-left: 8% }

div.index-level4 { background-color: #FFFFFF; text-indent: 1em;  border: groove; width: 55%; margin-left: 8% }
div.index-level4 a { display: block; width: 100%; color: #000000; background-color: #FFFFFF; text-decoration: none; text-indent: 1em; border: none}
div.index-level4 a:hover { display: block; width: 100%; color: #000000; background-color: #148ed9; text-indent: 1em; border: none}
div.index-sublevel4 { background-color: #FFFFA0; text-indent: 1em;  width: 53%; margin-left: 10% }

td.linkbody { background-color: #FFFFA0 }
td.credit1 { font-size: small }

td.currentpage {color: #FFFFFF; background-color: #767676; font-size: x-small}

/* Tooltip popup hints */
#tt {
 position:absolute;
 display:block;
 background:url(system.js/images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(system.js/images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(system.js/images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}