body{
	font:62.5% Arial ! important;
	background:#BF94BF url('../images/5bg.jpg') top center repeat-x;
	}

#wholepage {
        width:713px;
        margin:auto;
        position:relative;
        }

#header {
        width:713px;
        height:130px;
        background-image:url('../images/h1-header.jpg');
        background-repeat:no-repeat;
        }

#header h1 {
        display:none;
        }

#skip_links {
        position:absolute;
        top:-2em;
        left:0;
        display:block;
        width:100%;
        min-height:3em;
        z-index:1;
        text-align:center;
        }

#skip_links:hover {
        top:0;
        }

#skip_links a {
        background-color:#ABD091;
        width:100%;
        display:block;
        }

#main {
        width:699px;
        background-image:url('../images/main-topbg.gif');
        background-repeat:no-repeat;
        background-color:#BEE8A2;
        border-style:solid;
        border-color:#FFFFAA;
        border-width:0px 3px 3px 3px;
        padding-top:18px;
        margin-left:4px;
        display:table;
        clear:both;
        }

#content {
        float:left;
        width:400px;
        padding:0px 15px 15px 15px;
        }

#content p {
        padding:7px 0px;
        }

#content img {
        float:left;
        margin-right:10px;
        margin-bottom:5px;
        }

#submenu {
        float:right;
        width:151px;
        background-color:#ABD091;
        }

#submenu h2 {
        padding-left:5px;
        }

#submenu img {
        display:none;
        margin-top:10px;
        margin-bottom:-20px;
        }

#submenu ul, #submenu p {
        margin:5px;
        font-size:1.2em;
        }

#submenu ul {
        list-style-type:none;
        margin-bottom:15px;
        }

#submenu li {
        margin-bottom:5px;
        }

#submenu p {
        text-indent:0px;
        }

#submenu img.show {
        display:block;
        }

#pics {
        background-color:#BAEBB6;
        float:right;
        text-align:center;
        width:100px;
        margin:0px 9px 0px 5px;
        border-color:#ABD091;
        border-style:solid;
        border-width:1px;
	}

#pics img, .thumb {
        padding:2px;
        margin:5px 0px 5px 0px;
        background-color:#FFFFFF;
        border-style:solid;
        border-width:1px;
        border-color:#999999;
        width:75px;
        height:56px;
        }

#pics img:hover, .thumb:hover {
        background-color:#FFFF00;
        border-color:purple;
        }

#menu {
        background-image:url('../images/menubg.gif');
        z-index:500;
        width:699px;
        color: white;
        display:table;
        margin-left:7px;
        }

#menu a {
        font-weight:bold;
        font-family:arial, helvetica, sans-serif;
        font-size:1.2em;
        display:block;
        text-decoration: none;
        color: white;
        padding:3px;
        white-space:nowrap;
        }

#menu a:hover {
        color: white;
        background: #D15FEE;
        }
        
#menu li {
        position: relative;
        }

#menu ul {
        list-style: none;
        float: left;
        padding-right:9px;
        }

#menu ul ul {
        position:absolute;
        z-index:500;
        padding-right:0px;
        min-width:150px;
        }

#menu ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        }

#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {
        display: none;
        background: purple;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;
        border-width: .1em;
        }

#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {
        display: block;
        }

#menu .arrow {
        width:9px;
        height:9px;
        border-width:0px;
        position:relative;
        top:1px;
        left:0px;
        }


#cpy {
	width:100%;
	text-align: center;
        clear:both;
	}

#cpy p {
        text-indent:0px;
        }

.clearall {
        clear:both;
        }