body {
padding: 0;
margin: 0;
font: 10pt/16pt georgia;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#table {
background-color: white;
overflow: hidden;
padding: 25px 20px 20px 0px;
align: center;
}
h1 { font: normal georgia;
letter-spacing: 1px;
margin-bottom: .5em;
color: black;
align: center;
font-weight: bold;
}
h2 { font: normal georgia;
letter-spacing: 1px;
margin-top: 0em;
margin-bottom: .5em;
color: black;
font-weight: bold;
}
h3 { font: normal georgia;
letter-spacing: 1px;
margin-top: 0em;
margin-bottom: .5em;
color: black;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#framecontent {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 160px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: white url(images/vstrip4.jpg) repeat-y left top;
}
#maincontent {
position: absolute;
top: 0;
left: 178px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
padding: 10;
background-color: white;
}
/*link decoration */
a:link {color: #74246E;
text-decoration: none;
font-weight: bold}
a:visited {color: #9933cc;
text-decoration: none;
font-weight: bold}
a:hover {color: #FFFFFF;
background-color: #2B30FF;
font-weight: bold}
a:active {color: #000000;
font-weight: bold}
/* classes and ids */
.bigBold { font-weight: bold;
letter-spacing: 1px;
color: #2128FF;
margin-top: 5em;
margin-bottom: 5em;
}
.sm_text {font-size: smaller}
.innertube {
margin: 15px;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.slidedoormenu{
list-style-type: none;
left: 0;
margin: 0;
padding: 0;
width: 160px; /* width of menu (don't forget to add border with below!) */
/* thick left border of menu integrated to graphic */
}
.slidedoormenu li{
border-bottom: 1px solid #CB7ED3; /* Gray border beneath each menu item */
}
.slidedoormenu li a{
background: url(images/vstrip4.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "georgia", "Trebuchet MS", Verdana;
display: block;
color: #4F144B;
width: auto;
border-bottom: 2px solid #F5C8FC; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent:12px;
text-decoration: none;
}
.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #4F144B;
}
.slidedoormenu li a:hover{
background-position: -160px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #4F144B;
}
.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}
.slidedoormenu li.firstitem, .slidedoormenu li.firstitem a{
border-bottom: 2px solid #F5C8FC; /* White border beneath each menu item link, to add depth */
}
.slidedoormenu li.seconditem, .slidedoormenu li.seconditem a{
border-bottom: 2px solid #F5C8FC;
}
.gallerycontainer{
position: relative;
overflow: hidden;
/*URL: http://www.dynamicdrive.com/style/ Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}