/*-----------------------------------*/
/*  Body styles                      */
/*-----------------------------------*/

body.main { 
   background: url(scrcback.jpg) repeat-y;
   height: 100%;
   width: 100%;
}

h1 {
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   font-size: 35px;
   align: center;
   color: #101152;
}

h2 {
   color: #353c1a;
}

p {
   color: #353c1a;
}

div#pic1 {
   position: absolute;
   left: 590px;
   top: 20px;
   width: 400px;
   height: 400px;
   background-color: white;
   background-image: url(../styles/400x400back.jpg);
}

div#pic2 {
   position: absolute;
   left: 190px;
   top: 160px;
   width: 400px;
   height: 400px;
   background-color: white;
   background-image: url(../styles/400x400back.jpg);
}

div#picture {
   position: absolute;
   left: 235px;
   top: 150px;
   width: 280px;
}

div#can {
   position: absolute;
   top: 400px;
   left: 630px;
   width: 320px;
   color: #353c1a;
   font-size: 1.2em;
}
  
div#WhatIs {
   position: absolute;
   top: 40px;
   left: 240px;
   width: 380px;
   color: #353c1a;
   text-align: justify;
   z-index: 9;
}

div#annalyzer {
   position: absolute;
   top: 380px;
   left: 5px;
   font-size: 0.8em;
   font-color: #78834e;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
}

div#annalyzer a, div#annalyzer a:hover {
   border: none;
   background: transparent;
   font-size: 1.0em;
   font-color: #78834e;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-decoration: underline;
}

div.partner {
   width: 150px;
   background: #bac981;
   border-top: 10px #99a667 solid;
   border-right: 10px #78834e solid;
   border-left: 10px #565f34 solid;
   border-bottom: 10px #353c1a solid;
   font-size: 35px;
   font-weight: bold;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-align: center;
   color: #353c1a;
}

div.partnerphoenix {
   width: 150px;
   background: #000000;
   border-top: 10px #ff6825 solid;
   border-right: 10px #990033 solid;
   border-left: 10px #fe0003 solid;
   border-bottom: 10px #880105 solid;
   font-size: 35px;
   font-weight: bold;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-align: center;
   color: #fff628;
}

.partnerphoenix a:link, .partnerphoenix a:visited, .partnerphoenix a:hover, .partnerphoenix a:active {
   color: #fff628;
}

div.partneradapt {
   width: 150px;
   background: #3366cc;
   border-top: 10px #c0dffd solid;
   border-right: 10px #3366cc solid;
   border-left: 10px #1174c5 solid;
   border-bottom: 10px #003366 solid;
   font-size: 35px;
   font-weight: bold;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-align: center;
   color: #ccff99;
}

.partneradapt a:link, .partneradapt a:visited, .partneradapt a:hover, .partneradapt a:active {
   color: #ccff99;
}

div.partnerucan {
   width: 150px;
   background: #cdd0f1;
   border-top: 10px #a0a2d1 solid;
   border-right: 10px #464790 solid;
   border-left: 10px #7375b1 solid;
   border-bottom: 10px #191970 solid;
   font-size: 35px;
   font-weight: bold;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-align: center;
   color: #191970;
}

.partnerucan a:link, .partnerucan a:visited, .partnerucan a:hover, .partnerucan a:active {
   color: #191970;
}

div#scrc {
   width: 350px;
   background: #353c1a;
   border-top: 10px #bac981 solid;
   border-right: 10px #99a667 solid;
   border-left: 10px #78834e solid;
   border-bottom: 10px #565f34 solid;
   font-size: 35px;
   font-weight: bold;
   font-family: "Comic Sans MS", Georgia, Tahoma, serif;
   display: block;
   text-align: center;
   color: #bac981;
}

#scrc a:link, #scrc a:visited, #scrc a:hover, #scrc a:active {
   color: #bac981;
}


/*-----------------------------------*/
/*  Pop-out Menu Styles              */
/*-----------------------------------*/

#menu {
   display: block;
   float: left;
   width: 9.5em; /* set width of menu */
   background: transparent;
   position: absolute;
   left: 8px;
   top: 132px;
   z-index: 9;
}

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */

#menu a {
font-family: "Comic Sans MS", Georgia, Tahoma, serif;
font-size: 10px;
display: block;
border-width: 1px;
border-style: outset;
margin: 0;
padding: 2px 3px;
color: #565f34;
background: #bac981;
text-decoration: none;
z-index: 9;
}

#menu h2 {
font-family: "Comic Sans MS", Georgia, Tahoma, serif;
font-size: 12px;
font-weight: bold;
display: block;
border-width: 1px;
border-style: outset;
margin: 0;
padding: 2px 3px;
color: #bac981;
background: #565f34;
text-transform: uppercase;
z-index: 9;
}

#menu a:hover {
color: #bac981;
background: #78834e;
z-index: 9;
}

/*===================================*/
/*  Positioning the pop-out menus    */
/*===================================*/
/* make the list elements a containing block for the nested lists */
#menu li {
   position: relative;
   z-index: 9;
}

#menu ul ul,
#menu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%; /* to position them to the right of their containing block */
   width: 100%; /* width is based on the containing block */
}

/*===================================*/
/* Hiding and Revealing using :hover */
/*===================================*/

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

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