html {
overflow: -moz-scrollbars-vertical;
height:100%;
}
body {
height:100%;
background-color: #444444;
color:#cccc99;
text-align:center; /* horizontal centering for IE Win quirks */
}
* {
margin:0;
padding:0;
}
#distance {
width:1px;
height:50%;
margin-bottom:-400px; /* half of container's height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height:720px;
width:900px;
clear:left;
background-color:#444444;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#spaceboxmenu {
height: 230px;
width: 900px;
}
#spaceboxcontentleft {
height: 290px;
width: 132px;
position: relative;
float: left;
}
#spaceboxcontenttop {
height: 40px;
width: 900px;
}
#content {
height: 370px;
width: 636px;
float: left;
}
#contentbox {
height: 100%;
width: 100%;
background-color: #fff;
text-align: justify;
position: relative;
}
#contentbanner {
height: 30px;
width: 636px;
position: absolute;
bottom: 0px;
}
p.title {
font-family: tahoma;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #000;
}
p.contentbox {
padding: 0;
margin: 0 0 10px;
font-family: tahoma;
font-size: 13px;
color: #000;
line-height: 20px;
align: justify;
}
p.address {
padding: 0;
margin: 0 0 10px;
font-family: tahoma;
font-size: 13px;
color: #000000;
line-height: 8px;
text-align: left;
}
p.navi {
padding: 0;
margin: 0;
font-family: tahoma;
font-size: 12px;
text-decoration: none;
float: right;
font-weight: bold;
color: #000;
}
ul.gallery {
width: 708px;
list-style: none;
margin: 0 auto; padding: 0;
}
ul.gallery li a.thumb {
width: 636px;
height: 30px;
cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
width: 636px;
height: 30px;
overflow: hidden;
display: block;
}
ul.gallery li a {
text-decoration: none;
color: #777;
display: block;
}
a {
padding: 0;
margin: 0;
font-family: tahoma;
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #b41616;
}
img {
border: none;
}
label,input, textarea {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
width: 534px;
height: 15px;
border: 1px solid #000;
padding: 2px 5px 2px 5px;
font-family: Tahoma, sans-serif;
font-size: 13px;
color: #000;
overflow: hidden;
font-family: Tahoma, Sans-Serif;
}
label {
text-align: right;
padding-right: 20px;
font-family: tahoma;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #000;
width: 65px;
vertical-align: top;
border: none;
}
br {
clear: left;
}
.activeField {
background-color: #eeeeee;
}
.idle {
background-color: #ffffff;
}
.button {
border: 0px solid #b41616;
height: 20px;
width: 50px;
font-size: 12px;
color: #fff;
font-weight: bold;
font-family: Tahoma, Sans-Serif;
line-height: 13px;
margin: 0px;
padding: 0 0 1px 0;
background-color: #b41616;
text-decoration: none;
vertical-align: middle;
}
/* hide from ie on mac \*/
#flashcontent {
height: 100%;
}
/* end hide */
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {width:767px; height:20px; position:relative; z-index:100;border-right:1px solid #fff; font-family:arial, sans-serif; text-align:right;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:768px; w\idth:767px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:105px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:105px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:94px; height:18px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#b41617; padding-right:10px; line-height:18px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:95px; w\idth:94px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {width:83px; w\idth:82px; border-left:3px solid #b41616;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#b41616}
.menu ul ul :hover > a.drop {background:#b41616}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#eee;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b41616;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:0; width:105px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:18px;t\op:19px;}
/* position the third level flyout menu */
.menu ul ul ul{left:-105px; top:-1px; width:105px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-105px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#eee; color:#b41616; height:auto; line-height:12px; padding:3px 10px; width:84px;border-width:0 1px 1px 1px; font-size:10px; font-weight: bold;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:106px;w\idth:84px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#b41616;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#b41616;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}er ul{ visibility:visible;}