﻿#framecontentLeft, #framecontentRight{
position: absolute; 
top: 188px;  
width: 150px; /*Width of left frame div*/
height: 550px;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FAEBD7;
color: white;
}

#framecontentRight
{
position:relative;
float:right; 
top: -2px;   
left: auto;
right: 0px; 
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#FAEBD7;
color: white;
}

#framecontentTop{
position: relative;
top: -2px;
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
right: -0px; /*Set right value to WidthOfRightFrameDiv*/
width: 500px;
height: 150px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FAEBD7;
color: white;
margin-left: 5px;
}

#maincontent{
position:relative; 
top: -2px; /*Set top value to HeightOfTopFrameDiv*/
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: -150px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
width: 500px;
height: 400px;
overflow: hidden; 
background-color:#FAEBD7;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-bottom:60px;
width:120px;
height:120px;
border: solid 1px;
border-color:White;
border-width:medium;
border-color:#FFCC99;
background-color:#FAEBD7;
}
.innertube p{
    text-align: center;
}
.innertube a{
    width:120px;
    height:120px;
    display:block;
    position:relative;
    text-align: center;
    font-size:larger;
    font-weight:bold;
    background-image: url(images/bkground01.gif);
    vertical-align:bottom;
}
.innertube a:hover {
    background-color: #ffb6b5;
}
div.float{
position:relative;
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-top:10px;
width:120px;
height:120px;
border: solid 1px;
border-color:#FFCC99;
border-width:medium;
left:0px;
top:0px;
float:left;
}
div.float a 
{
   background-image: url(images/bkground01.gif);
   vertical-align:middle;
   width:120px;
   height:120px;
   display:block;
   position:relative;
   text-align: center;
  
   background-color:#FFCC99;
   font-size:larger;
   font-weight:bold;
}
div.float a:hover {
    background-color: #ffb6b5;
}

div.float a t1 
{
    font-family:Arial;
    font-style:normal;
    font-weight:bold;
    font-size:medium;
}

div.float a b 
{
    font-family:Arial;
    font-style:normal;
    font-weight:normal;
    font-size:small;
}

.innertube a t1 
{
    font-family:Arial;
    font-style:normal;
    font-weight:bold;
    font-size:medium;
}

.innertube a b 
{
    font-family:Arial;
    font-style:normal;
    font-weight:normal;
    font-size:small;
}

