html { background-color: #DBF0F7;
}
body {
width:100%;
background-color: #ffffff;
/* background:#336699; */
min-width:700px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
width: 100%;
background-position: 100%;
height: 100%;
width:1000px;
position: relative;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: arial;
font-size: 13px; /*
color: #292421;
background-color: #DBF0F7; */ /* menubar with Home, Store, etc. */
border-top:4px solid #ffffff;
}
a {
color:#369;
}
/*
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
*/
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:15px 0 5px;
}
/* Header styles */
#header {
clear:both;
float:left;
width:1000px;
background:#eee;
}
#header {
border-bottom:2px solid #000;
border-top:3px solid #000;
}
#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
font-family:times new roman;
}
#header ul
{
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li
{
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a
{
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
font-size:13px;
font-weight:bold;
}
#header ul li a:hover
{
background:#369;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims
{
clear:both;
background:#ddd;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 0 0;
overflow:hidden;
}
.leftmenu { /* 2 Column (left menu) settings */
background:#fff; /* right column background colour */
}
.leftmenu .colleft {
width:700px; /* right column width */
background:#fff; /* left column background colour */
}
.leftmenu .col1 {
left: 176px;
top: 30px;
height: 480px;
width: 685px;
text-align: center;
background:#6699bb /* color behind the main large photo */
}
.leftmenu .col2 {
position: absolute;
left: 0px;
top: 30px;
height: 600px;
width: 0px;
text-align: left;
}
.col5,
.col6 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
/* 2 Column (double page) settings for lower section */
.doublepage {
background:#fff; /* right column background colour */
}
.doublepage .colleft {
right:50%; /* right column width */
background:#fff; /* left column background colour */
}
.doublepage .col1 {
width:450px; /* left column content width (column width minus left and right padding) */
left:52%; /* right column width plus left column left padding */
padding:20px;
}
.doublepage .col2 {
width:450px; /* right column content width (column width minus left and right padding) */
left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:1000px;
border-top:1px solid #000;
background-color: #FFFFFF;
}
#footer p {
padding:10px;
margin:0;
}
/* image styles */
#thumb {
position: relative;
float: left;
clear: left;
left: 12px;
top: 15px;
width: 150px;
height: 520px;
padding: 5px;
text-align: left; /* Counteract to IE5/Win Hack */
}
#image {
position: relative;
float: center;
height: 544px;
width: 750px;
top:0px;
padding: 0px 14px 0px 50px;
text-align: left; /* Counteract to IE5/Win Hack */
}
#text {
position: relative;
height: 394px;
top: 29px;
margin-left: 7px;
margin-right: 8px;
padding: 8px 14px 8px 8px;
text-align: left; /* Counteract to IE5/Win Hack */
border-left: 1px dotted #155F83;
}
.text {
overflow-x: hidden;
overflow-y: auto;
}
/* for sizing center image */
img.center {
float: center;
height: 420px;
}
/* for thumbnail scrolls */
.box {
w\idth: 150px;
height: 600px;
}
.xa {
overflow-x: hidden;
overflow-y: auto;
}
.wr {
width: 150px;
height: 520px;
}
/* ----- */
img.thumbs {border-style: none;
margin-bottom: 0px;
margin-right: 0px;
}
a.thumbs {
border: none;
text-decoration: none;
}
/* Centered Drop Down Material *//*
menu settings */
#centeredmenu {
clear:both;
float:left;
margin:0;
padding:0;
border-bottom:1px solid #000; /* black line below menu */
width:100%;
font-family:Verdana, Geneva, sans-serif; /* Menu font */
font-weight:bold;
font-size:95%; /* Menu text size */
z-index:1000; /* This makes the dropdown menus appear above the page content below */
position:relative;
background:#ddd;
}
/* Top menu items */
#centeredmenu ul {
margin:0;
padding:0;
list-style:none;
float:right;
position:relative;
right:20%;
}
#centeredmenu ul li {
margin:0 0 0 1px;
padding:0;
float:left;
position:relative;
left:50%;
top:1px;
}
#centeredmenu ul li a {
display:block;
margin:0;
padding:.6em .5em .4em;
font-size:1em;
line-height:1em;
background:#ddd;
text-decoration:none;
color:#444;
font-weight:bold;
border-bottom:1px solid #000;
}
#centeredmenu ul li.active a {
color:#fff;
background:#000;
}
#centeredmenu ul li a:hover {
background:#36f; /* Top menu items background colour */
color:#fff;
border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
background:#36f; /* Top menu items background colour */
color:#fff;
border-bottom:1px solid #03f;
}
/* Submenu items */
#centeredmenu ul ul {
display:none; /* Sub menus are hiden by default */
position:absolute;
top:2em;
left:0;
right:auto; /*resets the right:50% on the parent ul */
width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
left:auto; /*resets the left:50% on the parent li */
margin:0; /* Reset the 1px margin from the top menu */
clear:left;
width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-size:.8em;
font-weight:normal; /* resets the bold set for the top level menu items */
background:#eee;
color:#444;
line-height:1.4em; /* overwrite line-height value from top menu */
border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background:#36f; /* Sub menu items background colour */
color:#fff;
}
/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
left:auto; /* reset left:0; value */
right:0; /* Set right value instead */
}
/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
display:block; /* Show the sub menus */
}
#center {
position: absolute;
top: 124px;
left: 240px;
height: 600px;
width: 400px;
margin-left: 37px;
margin-top: 35px;
padding: 10px 8px 10px 8px;
text-align: center;
background-color: #F7F6EE;
#footer {
position: relative;
text-align: center;
width: 100%;
height: 80px;
margin: 0px auto;
padding: 0px;
text-align: left;
border-top: 1px dotted #155F83;
background-color: #ffffff;
clear: both;
}