body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
}

#topframe{
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%
height: 19px;
overflow: hidden;
background: silver;
color: white;
text-align: right;
}

#maincontent{
position: absolute;
top: 19px;
left: 0;
right: 0;
bottom: 19px;
overflow: auto;
background: url(http://wowsanctuary.com/images/wowsbg.png);
background-attachment: fixed;
background-repeat: repeat;
background-color: white;
z-index: -2;
}

#bottomframe{
position: absolute;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 19px;
overflow: hidden;
background: black;
color: white;
text-align: center;
font-size: x-small;
}

#cloudframe{
position: absolute;
top: 50px;
bottom: 50px;
left: 15%;
width: 70%;
min-width: 855px;
min-height: 550px;
background: transparent;
text-align: center;
vertical-align: bottom;
}

#open{
position: absolute;
height: 100%;
min-height: 207px;
width: 100%;
min-width: 593px;
vertical-align: middle;
background: transparent url(http://www.wowsanctuary.com/images/WoW.png) center no-repeat;
}

#leftfade{
position: absolute;
top: 60px;
bottom: 60px;
left: 0;
width: 60px;
background: url(http://www.wowsanctuary.com/images/white_fade_left.png) left center repeat-y;
}

#rightfade{
position: absolute;
top: 60px;
bottom: 60px;
right: 0;
width: 60px;
background: url(http://www.wowsanctuary.com/images/white_fade_right.png) right center repeat-y;
}

#topfade{
position: absolute;
top: 0;
right: 60px;
left: 60px;
height: 60px;
background: url(http://www.wowsanctuary.com/images/white_fade_top.png) top center repeat-x;
}

#bottomfade{
position: absolute;
bottom: 0;
right: 60px;
left: 60px;
height: 60px;
background: url(http://www.wowsanctuary.com/images/white_fade_bottom.png) bottom center repeat-x;
}

#tlfade{
position: absolute;
top: 0;
left: 0;
height: 60px;
width:60px;
background: url(http://www.wowsanctuary.com/images/white_fade_cnr_tl.png);
}

#trfade{
position: absolute;
top: 0;
right: 0;
height: 60px;
width:60px;
background: url(http://www.wowsanctuary.com/images/white_fade_cnr_tr.png);
}

#blfade{
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width:60px;
background: url(http://www.wowsanctuary.com/images/white_fade_cnr_bl.png);
}

#brfade{
position: absolute;
bottom: 0;
right: 0;
height: 60px;
width:60px;
background: url(http://www.wowsanctuary.com/images/white_fade_cnr_br.png);
}

#headerlogo-home{
position: absolute;
top: 60px;
left: 60px;
right: 60px;
height: 198px;
width: auto;
background: white url(http://www.wowsanctuary.com/images/wow2.png) center no-repeat;
}

#headerlogo{
position: absolute;
top: 60px;
left: 60px;
right: 60px;
height: 148px;
width: auto;
background: white url(http://www.wowsanctuary.com/images/wow3.png) center no-repeat;
}

#content-home{
position: absolute;
top: 288px;
left: 60px;
bottom: 60px;
right: 60px;
height: auto;
width: auto;
background: white;
padding-top: 15px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
z-index: 1;
}

#content-home h1{
color: gray;
}

#content{
position: absolute;
top: 238px;
left: 60px;
bottom: 60px;
right: 60px;
height: auto;
width: auto;
background: white;
text-align: left;
padding-top: 15px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
z-index: 1;
}

#content h1, #content h2, #content h3, #content h4{
color: gray;
}

.scripture{
text-decoration: none;
font-weight: bold;
color: red;
}

.link{
text-decoration: none;
font-weight: bold;
color: gray;
}

.link:hover{
font-family: arial;
}
.scripture: hover{
pointer: hand;
color: brown;
}

.scripture span{
display: none;
}

.scripture:hover span{
display: block;
position: absolute;
height: auto:
width: 300px;
background: white;
border-style: dotted;
border-width: 1px;
border-color: red;
font-family: arial;
font-size: small;
color: gray;
}

.scripture:hover span:first-line{
font-weight: bold;
color: red;
}

.scripture.red{
color: red;
}

.h3{
text-decoration: none;
font-family: times;
color: blue;
}

.h3:hover{
pointer: hand;
color: gold;
text-decoration: underline;
}

.p{
text-indent: 30px;
color: gray;
}

#fbookbadge{
position: fixed;
left: 3%;
right: auto;
top: auto;
bottom: 0px;
height: 48px;
}

#fbookbadge:hover{
position: fixed;
left: 3%;
right: auto;
top: auto;
bottom: 20px;
height: auto;
}

#calendar, #calendar a{
position: fixed;
display: block;
top: 40%;
left: -80px;
height: auto;
width: 100px;
background: white;
font-weight: bold;
z-index: 2;
text-decoration: none;
text-align: center;
color: gray;
}

#calendar a:hover{
display: block;
left: 0;
}

#calendar span{
background: lime;
border-style: solid;
border-width: 1px;
border-color: black;
color: blue;
float: right;
width: 20px;
text-align: center;
}

#calendar iframe{
display: block;
height: 0;
width: 0;
}

#calendar:hover iframe{
display: block;
position: fixed;
height: 80%;
width: 80%;
top: 10%;
left: 10%;
bottom: 10%;
right: 10%;
z-index: 5;
background: transparent;
border-style: solid;
border-width: 1px;
border-color: black;
}

#gcal, #afood, #rangers, #ngm, #fbook, #16ag{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}

#biblegateway{
position: fixed;
left: auto;
right: 3%;
top: auto;
bottom: 0px;
height: 45px;
}

#biblegateway:hover{
position: fixed;
left: auto;
right: 3%;
top: auto;
bottom: 20px;
height: auto;
}

#goldbarleft-home{
position: absolute;
top: 258px;
left: 60px;
right: auto;
bottom: auto;
height: 30px;
width: 30px;
background: white url(http://www.wowsanctuary.com/images/goldbar_left.png) center no-repeat;
}

#goldbarleft{
position: absolute;
top: 208px;
left: 60px;
right: auto;
bottom: auto;
height: 30px;
width: 30px;
background: white url(http://www.wowsanctuary.com/images/goldbar_left.png) center no-repeat;
}

#goldbarright-home{
position: absolute;
top: 258px;
left: auto;
right: 60px;
bottom: auto;
height: 30px;
width: 30px;
background: white url(http://www.wowsanctuary.com/images/goldbar_right.png) center no-repeat;
}

#goldbarright{
position: absolute;
top: 208px;
left: auto;
right: 60px;
bottom: auto;
height: 30px;
width: 30px;
background: white url(http://www.wowsanctuary.com/images/goldbar_right.png) center no-repeat;
}

#menu-home{
position: absolute;
top: 258px;
left: 90px;
right: 90px;
height: 30px;
width: auto;
text-align: center;
font-family: times;
font-weight: bold;
background: white url(http://www.wowsanctuary.com/images/goldbar.png) center;
z-index: 2;
}

#menu{
position: absolute;
top: 208px;
left: 90px;
right: 90px;
height: 30px;
width: auto;
text-align: center;
font-family: times;
font-weight: bold;
background: white url(http://www.wowsanctuary.com/images/goldbar.png) center;
z-index: 2;
}

ul#sub{
margin: 0;
padding: 0;
line-height: 30px;
height: 30px;
}

li#one, li#two, li#three, li#four, li#five, li#six, li#seven{
display: inline;
padding: 1px;
margin: 0;
top: 0;
}

ul#sub a li#two:hover ul#sub2{
display: block;
}

li#two:hover{
color: gold;
}

li#two:hover ul#sub2{
display: block;
}

ul#sub2{
display: none;
position: absolute;
top: 26px;
left: 16%;
height: auto;
width: auto;
text-align: left;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-width: 1px;
border-color: black;
margin: 0;
padding: 0;
z-index: 2;
}

ul#sub2 li{
margin: 0;
padding: 0;
list-style-type: none;
line-height: 21px;
background: url(http://www.wowsanctuary.com/images/goldbar.png) center;
z-index: 2;
}

li#five:hover{
color: gold;
}

li#five:hover ul#sub3{
display: block;
}

ul#sub3{
display: none;
position: absolute;
top: 26px;
left: 56%;
height: auto;
width: auto;
text-align: left;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-width: 1px;
border-color: black;
margin: 0;
padding: 0;
z-index: 4;
}

ul#sub3 li{
margin: 0;
padding: 0;
list-style-type: none;
line-height: 21px;
background: pink url(http://www.wowsanctuary.com/images/goldbar.png) center;
}

.button{
text-align: center;
font-family: times;
font-size: 130%;
font-weight: bold;
color: white;
text-decoration: none;
height: 100%;
}

.button2{
text-align: left;
font-family: times;
font-size: medium;
font-weight: bold;
color: white;
text-decoration: none;
height: 100%;
}

.button:hover{
background: url(http://www.wowsanctuary.com/images/goldbar_dark.png) center repeat-x;
color: gold;
}

.button2:hover{
color: gold;
}

#sidebar{
position: absolute;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: 30%;
height: 100%;
background: white;
}

#sidebar p{
text-align: center;
}

#sidebar p a{
color: gray;
text-decoration: none;
}

#sidebar ul{
margin-left: 0; 
padding-left: 0; 
list-style-type: none
}
#sidebar ul li{
text-align: left;
padding-left: 15px;
margin: 0 0 12px 0;
}

#sidebar ul li span a{
text-decoration: none;
color: grey;
}

#sidebar ul li p{
font-size: small;
font-weight: bold;
margin: 0 0 12px 0;
color: gray;
}

#bodybar{
position: absolute;
top: 0;
right: 0;
left: auto;
bottom: auto;
width: 70%;
height: 100%;
background: white;
min-width: 505px;
}

#iframe{
overflow-y: scroll;
overflow-x: hidden;
width: 515px;
height: 100%;
}

.topframelink a:link {color: #ffffff; background: #c0c0c0; pointer: pointer; text-decoration: none;}
.topframelink a:visited {color: #ffffff; background: #c0c0c0; text-decoration: none;}
.topframelink a:hover {color: #c0c0c0; background: #ffffff; text-decoration: none;}
.topframelink a:focus {color: #c0c0c0; background: #ffffff; text-decoration: none;}
.topframelink a:active {color: #c0c0c0; background: #ffffff; text-decoration: none;}

.bottomframelink a:link {color: #ffffff; background: #000000; text-decoration: none;}
.bottomframelink a:visited {color: #ffffff; background: #000000; text-decoration: none;}
.bottomframelink a:hover {color: #000000; background: #ffffff; text-decoration: none;}
.bottomframelink a:focus {color: #000000; background: #ffffff; text-decoration: none;}
.bottomframelink a:active {color: #000000; background: #ffffff; text-decoration: none;}