body{
margin: 0;
padding: 0;
border: 0;
/*overflow: hidden;*/
/*height: 100%;*/
/*max-height: 100%;*/
background: rgb(209,221,187);
}
    
h1
{
  color: black;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  text-align: left;
  letter-spacing: 1px;
}
	
h2
{
  color: rgb(71,81,55);
  font-family: verdana;
  font-style: normal;
  font-weight:bold;
  font-size: 24px;
  text-align: left;
}
    
h3
{
  color: rgb(71,81,55);
  font-family: verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
}

h4
{
  color: rgb(71,81,55);
  font-family: verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

h5
{
  color: rgb(71,81,55);
  font-family: verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

h6
{
  color: rgb(71,81,55);
  font-family: verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
}
    
p
{
  color: gray;
  font-family: verdana;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.5em !important;
  line-height: 1.45em;
}

#framecontentLeft, #framecontentRight{
position: absolute; 
/*width: 240px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
border: 1px solid black;
}

#framecontentLeft{
z-index: 3;
top: 280px; 
left: 0px;
/*width: 240px; /*Width of right frame div*/
border: 2px solid rgb(148,170,116);
background: rgb(172,184,153);
padding: 3px;
}

#framecontentRight{
top: 180px;
left: auto;
right: 0;
/*height: 100%;*/
width: 240px; /*Width of right frame div*/
background: rgb(209,221,187);
/*border: 1px solid black;*/
}

#framecontentTop{
position: absolute;
top: 0px;
left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
width: 848px;
height: 277px;
/*height: 150px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
text-align: center;
/*border: 1px solid black*/
}

#maincontent{
position: relative; 
top: 245px; /*Set top value to HeightOfTopFrameDiv*/
width: 650px;
min-height:40em; 
height:auto;
background: rgb(209,221,187);
border: 2px solid rgb(148,170,116);
margin-left: 50px; /*Set left value to WidthOfLeftFrameDiv*/
padding-top: 40px;
padding-left: 45px;
padding-right: 40px;
}
* html #maincontent{
height: 40em;
}
/*#maincontentTest{
position: relative; 
width: 500px;
min-height:40em; 
height:auto;
background: rgb(209,221,187);
border: 2px solid rgb(148,170,116);
}
* html #maincontentTest {
height: 40em;
}
*/

a.aborder img{
    position: relative;
    display: inline;
    padding: 3px;
    margin: 3px;
    height: 120px;
    width: 120px;
    text-decoration: none;
	border: 4px solid rgb(188,210,156);
}

a.aborder200 img{
    position: relative;
    display: inline;
    padding: 3px;
    margin: 3px;
    height: 200px;
    width: 200px;
    text-decoration: none;
	border: 4px solid rgb(188,210,156);
}

#backdrop{
z-index: 2;
position: relative; 
top: 0px; /*Set top value to HeightOfTopFrameDiv*/
left: 50%; /*Set left value to WidthOfLeftFrameDiv*/
/*right: 250px; /*Set right value to WidthOfRightFrameDiv*/
/*height: 100%;*/
width: 848px;
margin-left: -400px;
padding-bottom: 320px; /*offset mainContent top position and then add some on top of that*/
background: rgb(186,201,162);
border: 1px solid rgb(148,170,116);
/*margin-top: 80px;*/
}

#waybackdrop{
position: relative; 
top: 0px; /*Set top value to HeightOfTopFrameDiv*/
left: 50%; /*Set left value to WidthOfLeftFrameDiv*/
/*right: 250px; /*Set right value to WidthOfRightFrameDiv*/
width: 1000px;
/*height: 100%;*/
margin-left: -500px;
padding: 0;
/*border: 5px solid rgb(148,170,116);*/
/*border-left: 30px solid rgb(176,191,152);*/
/*overflow: hidden;*/
background: rgb(209,221,187);
}

#frameCounter{
position: absolute;
top:664px;
left:275px;
text-align: center;
width: 180px;
z-index: 3;
/*width: 240px; /*Width of right frame div*/
border: 2px solid rgb(148,170,116);
background: white;
padding: 2px;
padding-left:4px;
padding-right:4px;
}

#verticalDivider{
z-index: 3;
position:absolute;
top:280px;
left:130px;
width:1px;
height:520px;
border: 2px solid rgb(191,205,168);
}

#footerContainer{
position: relative;
bottom: 1%;
left: 0px;
height: 100px;
width: 100%;
z-index: 3;
padding-top: 50px;
/*width: 240px; /*Width of right frame div*/
border: 2px solid rgb(148,170,116);
background: white;
}


#genericTable{
color: black;
font-family: arial, verdana, sans-serif;
font-style: normal;
}

#tableInstoreHeader{
bordercolordark: rgb(209,221,187);
bordercolorlight: rgb(209,221,187);
 }

.centerText {text-align:center}
.centerBottomText {text-align:center; vertical-align: text-bottom}
.textJustify {text-align:justify}
.textBold {font-weight:bold}
.tableHead {text-align:center; font-weight:bold; font-size:14px}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innertubeMain{
margin-left: 70px; /*Margins for inner DIV inside each DIV (to provide padding)*/
margin-bottom: 70px;
}

* html body{ /*IE6 hack*/
/*padding: 190px 250px 0 250px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

/** html #maincontent{ /*IE6 hack*/
/*height: 100%; 
/*width: 100%;*/
}

