html {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
    text-align: center; /* required for centering the page in IE */
    background-repeat: no-repeat;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #E9E9E9;
    line-height: 19px;
    background-attachment: fixed;
    background-position: left bottom;
    background-color: #000000;
}

.bodytext p {
    font-size: 12px;
}

.poll {
    overflow: hidden;
    text-align: left;
}

.bgthumbs {
    margin: 2px;
    border: 2px solid #000000;
}

.bgthumbs a:hover {
    border: 2px solid #0099CC;
}

h1, h2, h3, h4, p, ul, li, .poll, table.contentpaneopen {
    margin: 0px;
    padding: 0px;
    border: 0px;
    list-style-type: none;
    font-size: 12px;
}

h1,h2,h3,.componentheading, .contentheading {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    font-style: inherit;
    padding-bottom: 0px;
    text-align: left;
    color: #88CFFF;
    line-height: 18px;
    font-size: 16px;

}

div.componentheading {
    padding-bottom: 10px;
    text-decoration: underline;
}

.moduletable_menu h3 {
    text-indent: 10px;
    padding-bottom: 5px;
}

h1,.componentheading, .contentheading {
    font-size: 18px;
}

fieldset.input {
    border: 0px none;
}

a:link {
    color: #88CFFF;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

a:visited{
    color: #88CFFF;
    font-weight: bold;
}

.moduletable {
    padding-bottom: 15px;
}

.mostread {
    list-style-type: none;
}

/*
#logo {
	width: 242px;
	height: 45px;
	float: left;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}
*/

#headwrap {
    width: 980px;
    height: 135px;
    margin-top: 10px;
        background-image: url(../images/top.png);
    background-repeat: no-repeat;
}

#headwrapfb {
    width: 740px;
    height: 135px;
    margin-top: 10px;
        background-image: url(http://www.mysticgrove.net/templates/transparent_bliss_1.5/images/top.png);
    background-repeat: no-repeat;
}

#topleft {
    width: 250px;
    height: 135px;
    float: left;
}

#topmiddle {
    height: 135px;
}


#topright {
    float: right;
    width: 250px;
    height: 135px;
}

#wrapper {
    height: 100%;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

#wrapperfb {
    height: 100%;
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

#leftwrap {
    text-align: left;
    width: 180px;
    margin-right: 10px;
    float: left;
}

* html #left { display: inline; }

#left{
    width: 190px;
    background-image: url(../images/left-mid.png);
    background-repeat: repeat-y;
}

#leftinner2 .moduletable{
    padding-left: 10px;
}

#right {
    width: 790px;
    text-align: left;
    float: left;
}

* html #right { display: inline; }

#rightinner {
    background-image: url(../images/right-mid.png);
    background-repeat: repeat-y;
    width: 790px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#rightfb {
    width: 740px;
    text-align: left;
    float: left;
}

#rightinnerfb {
    background-image: url(http://www.mysticgrove.net/templates/transparent_bliss_1.5/images/right-mid.png);
    background-repeat: repeat-y;
    width: 740px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#rightinner2 {
    margin-left: 0px;
    list-style-type: none;
    padding: 20px;
    border: 0px;
}

table.contentpane {
    width: 558px;
    overflow: hidden;
    display: inline;
    padding-bottom: 10px;
}

#farrightwrap {
    text-align: left;
    margin-left: 0px;
    width: 180px;
    margin-left: 10px;
    float: right;
}

#farright {
    width: 180px;
    background-image: url(../images/left-mid.png);
    background-repeat: repeat-y;

}

* html #farright { display:inline; }

#farrightinner2 {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

#TopModule {
    width: 468px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

#BottomModule {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
}

.logoLeft {
    float: left;
    margin: 10px;
}

.module_menu, #left .module {
    list-style-type: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

ul.menu {
    padding-bottom: 15px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666666;
}

.menu li, .menu {
    display: block;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 18px;
    line-height: 21px;
}

.menu li a {
    display: block;
    height: 20px;
    padding: 3px;
    position: relative;
    left: 1px;
    width: 172px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    /* background-image: url(../images/star.png); */
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

.menu li a:link, ul.menu a:visited {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.menu li a:hover {
    display: block;
    background-color: #88cfff;
    color: #000;
    background-image: url(../images/star-hover.png);
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu {
    background-image: none;
    background-color: #FFF;
    color: #000;
}

li.mostread, li.latestnews{
    padding-bottom: 4px;
}

li.mostread, li.latestnews a:link{
    background-repeat: no-repeat;
}

.bear {
    float: right;
}
.sublevel {
    text-indent: 15px;
}

.column_separator {
    padding-left: 20px;
}

.article_column {
}

li.contentpaneopen, ul.contentpaneopen {
    list-style-type: none;
}

table .contentpaneopen {
    width: 100%;
    display: inline;
}

.buttonheading img, .hasTip img, .bs_contentdiv img {
    border: 0px;
}

.small, .createdate, .modifydate {
    font-size: 90%;
    font-style: italic;
    padding-bottom: 5px;
}

a.readon {
    font-size: 12px;
    float: right;
    margin-top: 2px;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 7px;
    display: inline;
    background-color: #000000;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 15px;
    color: #88cfff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #666;
    background-position: right 48%;
}

a.readon:hover, a.readon:active, a.readon:focus {	color: #000000;
                                                  background-color: #88cfff;
                                                  background-image: url(../images/arrow-hover.png);
                                                  background-repeat: no-repeat;
                                                  background-attachment: scroll;
                                                  background-position: 5px 48%;
                                                  /*background-y-position: 48%;*/
                                                  border: 1px solid #000000;
}

html {
    margin-bottom: 1px;
    height: 100%!important;
    height: auto;
}

#mod_search_searchword {
    font-size: 12px !Important;
    width: 140px;
}

#mod_login_password, #mod_login_username {
    width: 160px;
    color: #FFF;
}

form {
    margin: 0;
    padding: 0;
}

input, select {
    font-size: 12px !Important;
}

label {
    font-size: 12px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.pollstableborder {
    text-align: left;
}

select, .inputbox {
    padding: 4px;
    font-size: 12px;
}

textarea {
    font-size: 12px;
}

.button {
    border: 1px solid #666;
    padding: 2px 6px!important;
    background: url(../images/button-bg.gif) repeat-x top #000;
    color: #88CFFF;
    font-weight: bold;
    font-size: 12px;
}

#modlgn_remember {
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: 14px;
    width: 14px;
}

#form-login {
}

ul.latestnews {
}

.button:hover  {
    background: url(../images/button-bg.gif) repeat-x top #88CFFF;
    color: #000;
    border: 1px solid #000;
}

.button:active, .button:focus {
    border: 1px solid #222222;
}

#form-login-remember {
    display: inline;
    vertical-align: top;
}

#mod_search_searchword .inputbox {
    font-size: 12px;
}

.inputbox {
    font-size: 12px;
    border: 1px solid #3F3F3F;
    background: #000;
    color: #FFFFFF;
    text-indent: 3px;
}


#left .inputbox, #mainContent .inputbox {
    margin-top: 5px;
    margin-bottom: 5px;
    background: #000 !important;
    text-indent: 3px;
}

#left .inputbox:hover, #left .inputbox:focus, #mainContent .inputbox:hover, #mainContent .inputbox:focus, #farrightinner2 .inputbox:focus, #farrightinner2 .inputbox:hover{
    border: 1px solid #88CFFF;
}

#farrightinner2 form {
    width: 160px;
}

#form-login-remember .inputbox:hover {
    border: none
}

/*Display of Pets */

#petdisplay {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 5%;
}
#petdisplay li {
    float: left;
    position: relative;
    right: 5%;
    list-style-type: none;
    min-height: 275px;
    border: 0px none;
}
#petdisplay a {
    width: 150px;
    display: block;
    padding: 4px 10px;
    color: #99FFFF;
    border: 0px none;
    text-decoration: underline;
    line-height: 80%;
}
#petdisplay a:hover {
    color: #99FFFF;

}
#petdisplay img {
    border: 0px none;
}

#petdisplayper {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 5%;
}
#petdisplayper li {
    float: left;
    position: relative;
    right: 5%;
    list-style-type: none;
    min-height: 275px;
}
#petdisplayper a {
    width: 150px;
    display: block;
    padding: 10px 10px 4px;
    color: #99FFFF;
    border: 0px none;
    text-decoration: underline;
    line-height: 80%;
}
#petdisplayper a:hover {
    color: #99FFFF;

}
#petdisplayper img {
    border: 0px none;
}

/*Small Display of Pets */

#petdisplaysm {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 5%;
}
#petdisplaysm li {
    float: left;
    position: relative;
    right: 5%;
    list-style-type: none;
    min-height: 150px;
    border: 0px none;
}
#petdisplaysm a {
    width: 100px;
    display: block;
    padding: 4px 10px;
    color: #99FFFF;
    border: 0px none;
    text-decoration: underline;
    line-height: 80%;
}
#petdisplaysm a:hover {
    color: #99FFFF;

}
#petdisplaysm img {
    border: 0px none;
}

#petdisplaypersm {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 5%;
}
#petdisplaypersm li {
    float: left;
    position: relative;
    right: 5%;
    list-style-type: none;
    min-height: 400px;
}
#petdisplaypersm a {
    width: 100px;
    display: block;
    padding: 10px 10px 4px;
    color: #99FFFF;
    border: 0px none;
    text-decoration: underline;
    line-height: 80%;
}
#petdisplaypersm a:hover {
    color: #99FFFF;
    width: 70px;

}
#petdisplaypersm img {
    border: 0px none;
}

/*Display of Merlin Items */

#itemdisplay {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 1%;
    border: 0px none;
}
#itemdisplay li {
    float: left;
    position: relative;
    right: 5%;
    list-style-type: none;
    min-height: 243px;
    min-height: 200px;
    border: 0px none;
}
#itemdisplay a {
    width: 150px;
    display: block;
    padding: 4px 4px;
    color: #99FFFF;
    border: 0px none;
    text-decoration: underline;
    line-height: 80%;
}
#itemdisplay a:hover {
    color: #99FFFF;

}
#itemdisplay img {
    border: 0px none;
}