html, body {
background-color:#999933;
font-size : 12px;
font-family : "Lucida Grande",Verdana,arial;
color:#333333;
margin:0;
}
#pagecontainer {
width:830px;
background: #E6E6E6 url(../images/body-background.jpg) top left repeat-x;
margin:0 auto 0 auto;
}
#container {
width:780px;
margin:0 auto 0 auto;
padding-bottom:25px;
}
#logo {
height: 70px;
background: #666600 url(../images/molly-signature.jpg) left center no-repeat;
}
#logo2{
height: 80px;
background: #666600 url(../images/molly-signature3.jpg) no-repeat;
}
#LogoTitle{
padding-left: 150px;
padding-top: 60px;
color: #FFF;
text-align: left;
}
#CMSContent{
margin:0 auto 0 auto;
margin-top: 10px;
}
div.greyblock{
width: 170px;
background-color:#F8F8F8;
border-style:solid; border-width:1px; border-color:#F0F0F0;
margin-bottom: 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.greentitle {
color:#99CC00;
font-size : 12px;
font-family : "Lucida Grande",Verdana,arial;
font-weight:bold;
border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#999999;
}
div.mainInfo{
background-color:#F8F8F8;
border-style:solid; border-width:1px; border-color:#F0F0F0;
margin-bottom: 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.linebreak{
color:#99CC00;
font-size : 12px;
font-family : "Lucida Grande",Verdana,arial;
font-weight:bold;
border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#999999;
}
#copyright {
color:#FFFFFF;
width: 780px;
background-color:#666600;
padding: 0.5em 0.5em 0.5em 0.5em;
text-align: right;
margin:0 auto 0 auto;
}
#copyright a{
color:#FFFFFF;
}
#menu { color:#777;
float: left;
margin:55px auto 0 auto;
list-style: none;
padding: 0px;
text-align: left;
width: 720px;
}
#menu li {
display: inline;
margin-right: 1px;
margin-left: 1px;
}
#submenu {
color:#777;
display: block;
background-color:#999933;
padding: 0.5em 0.5em 1em 0.5em;
}
#submenu a {
color : #333333;
text-decoration: none;
}
#submenu a:hover {
color : #666666;
text-decoration: underline;
}
#submenu .active{
font-weight: bold;
}
.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,
.TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {
position: relative;
padding: 10px;
padding-top: 2px;
font-size: 13px;
text-align: center;
text-decoration: none;
}
.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
padding-bottom: 2px;
border-top: 1px solid #434538;
border-left: 1px solid #434538;
border-right: 1px solid #434538;
border-bottom: 0px;
font-weight: bold;
background: #999933;
color: #000;
}
.TabOff, .TabOff:link, .TabOff:visited {
padding-bottom: 1px;
background: #666600;
color: #fff;
}
.TabOff:hover {
background: #999933;
padding-bottom: 2px;
color: #fff;
}
h1
{ color : #000;
letter-spacing: .2em;
line-height: 1.5em;
font-size: 1.5em;
}
a {
color : #666600;
text-decoration: none;
}
a:hover {
color : #000000;
text-decoration: underline;
}
.WhiteText{
color : #FFFFFF;
}
.WhiteText a {
color : #FFFFFF;
text-decoration: underline;
}
.WhiteText a:hover {
color : #FFFFFF;
text-decoration: underline;
}
.GoldBorder{
border: 1px solid #FBAA0C;
}
.GoldTitle{
color: #FBAA0C;
font: 1.6em Georgia,Times;
font-style: italic;
text-align: center;
background: transparent url(../images/headline-decoration.gif) bottom center no-repeat;
padding-bottom: 15px;
margin-bottom: 10px;
}
.WhiteUnderlined{
color : #FFFFFF;
font-weight:bold;
border-bottom: 1px solid #FFF;
font-size : 13px;
background-color:#000000;
}
.Normal{
}
#NavMenuC{
background: #EEE;
}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0;
border-right: 1px solid #CCC;
padding: 0;
width: auto; /*For KHTML*/
list-style: none;
height: 23px;
}
ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
height: 23px;
}
ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 170px;
list-style: none;
display: none;
position: absolute;
left: 0;
top: 23px;
}
ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
height: 23px;
}
/* Root Menu */
ul#navmenu a {
padding: 0 15px 0 16px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #EEE;
color: #000;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 100%; /*For IE*/
border-left: 1px solid #FFF;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #CCC;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #000;
border-left: 1px solid #FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
margin-left: 10px;
background: #EEE;
color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
.LILines{
border-right: 1px solid #CCC;
}
#ArtistPainting {
background: url(../images/loading_transp.gif) top center no-repeat;
}
#desc {
color: #FFF;
margin-top: 5px;
margin-bottom: 5px;
}
.Explanation
{
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.6em;
color: #FFF;
}
#SlideshowNav
{
padding: 10px 0;
}
#SlideshowNav a
{
background: #666;
border: 2px outset #CCC;
padding: 1px 4px;
color: #FFF;
font-weight: bold;
text-decoration: none;
width: 60px;
text-align: center;
margin-right: 3px;
}
#SlideshowNav a:hover
{
background: #CCC;
color: #666;
}
.WhiteMeduim
{
font-size: 1em;
color: #FFF;
padding: 0;
line-height: .8em;
font-weight: bold;
}
.WhiteLarge
{
font-weight: bold;
font-size: 1.5em;
color: #FFF;
padding: 0;
line-height: 1em;
}
form
{
width: 500px;
margin: 10px auto;
background: #CCC;
border: 1px solid #999;
padding: 0 10px 15px 10px !important; padding: 10px;
}
form input, form textarea
{
float: right;
padding: 0;
margin: 0;
clear: right;
}
form label
{
font-weight: bold;
padding: 0;
margin: 0;
float: left;
}
form p
{
clear: both;
padding-top: 5px !important; padding-top: 0;
}