html
{
   height: 100%;
}

body
{
   height: 100%;
   color: rgb(0, 0, 0);
   background-color: rgb(250, 236, 25);
   background-image: url("images/PageBkgrnd.jpg");
   background-position: left top;
   background-repeat: repeat-x;
   margin: 0;
   padding: 0;
   text-align: center; /* For IE 5, forces centering of wrapper div */
}

h1
{
   color: rgb(0, 0, 0);
   font-size: 1.8em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
}

h3
{
   color: rgb(0, 0, 0);
   font-size: 1.2em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
}

p
{
   color: rgb(0, 0, 0);
   font-size: 1.0em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
}

a
{
   color: rgb(255, 255, 132);
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-align: left;
   text-decoration: none;
}

a:hover
{
   color: rgb(255, 255, 255);
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-align: left;
   text-decoration: none;
}

#wrapper
{
   width: 965px;
   height: 960px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#wrapperTall
{
   width: 965px;
   height: 1060px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
} 

#pageLeftBkgrnd
{
   width: 100px;
   height: 960px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url("images/PageLeftBkgrnd.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#homePgCoverDiv-b
{
   width: 590px;
   height: 960px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url("images/Cover.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#homePgCoverDiv
{
   width: 590px;
   height: 1060px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: url("images/Cover.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
} 

#rightPanel-b
{
   width: 240px;
   height: 960px;
   padding: 0px 0px 0px 0px;
   background: url("images/RightPanelBkgrnd.jpg");
   background-position: left top;
   background-repeat: repeat-x;
   float: left;
}

#rightPanel
{
   width: 240px;
   height: 1060px;
   padding: 0px 0px 0px 0px;
   background: url("images/RightPanelBkgrnd.jpg");
   background-position: left top;
   background-repeat: repeat-x;
   float: left;
}

#rightPanelRightEdge-b
{
   width: 10px;
   height: 960px;
   padding: 0px 0px 0px 0px;
   background: url("images/RightPanelRightEdge.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#rightPanelRightEdge
{
   width: 10px;
   height: 1060px;
   padding: 0px 0px 0px 0px;
   background: url("images/RightPanelRightEdge.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
} 

#mainMenuDiv
{
   margin-top: 55px;
   margin-left: 5px;
   padding: 0px;
   width: 220px;
   height: 204px;
   background: url("images/ballons2.jpg");
   background-position: left top;
   background-repeat: no-repeat;
}

#MainMenuIntroBtn
{
   margin: 0px; 
   padding-top: 24px; 
   padding-left: 35px;
}

#MainMenuIntroBtn a 
{
   display: block;
   width: 155px;
   height: 40px;
   background: url("images/MainMenuIntroBtn.jpg");
   background-position: 0px 0px;
}

#MainMenuIntroBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -40px;
}

#MainMenuCharSketchesBtn
{
   margin: 0px; 
   padding-top: 3px; 
   padding-left: 55px;
}

#MainMenuCharSketchesBtn a 
{
   display: block;
   width: 125px;
   height: 58px;
   background: url("images/MainMenuCharSketchesBtn.jpg");
   background-position: 0px 0px;
}

#MainMenuCharSketchesBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -58px;
}

#MainMenuAboutBtn
{
   margin: 0px; 
   padding-top: 0px; 
   padding-left: 58px;
}

#MainMenuAboutBtn a 
{
   display: block;
   width: 85px;
   height: 32px;
   background: url("images/MainMenuAboutBtn.jpg");
   background-position: 0px 0px;
}

#MainMenuAboutBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -32px;
}

#MainMenuFaqBtn
{
   margin: 0px; 
   padding-top: 3px; 
   padding-left: 78px;
}

#MainMenuFaqBtn a 
{
   display: block;
   width: 55px;
   height: 32px;
   background: url("images/MainMenuFaqBtn.jpg");
   background-position: 0px 0px;
}

#MainMenuFaqBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -32px;
}

.mainMenu
{
}

.mainMenu a
{
   margin: 0px;
   padding: 0px;
   color: rgb(0, 0, 0);
   font-size: 1.3em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.mainMenu a:hover
{
   margin: 0px;
   padding: 0px;
   color: rgb(120, 120, 120);
   font-size: 1.4em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

#episodes
{
   width: 220px;
   height: 520px;
   margin-top: 10px;
   margin-left: 5px;
   margin-bottom: 0px;
   padding: 0px;
   background: url("images/EpisodesBkgrnd.jpg");
   background-position: left top;
   background-repeat: no-repeat;

}

#episodeLinks1
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks2
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks3
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks4
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks5
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks6
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}


#episodeLinks7
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks8
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: block;
}

#episodeLinks9
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#episodeLinks10
{
   padding-top: 52px;
   padding-bottom: 0px;
   text-align: center;
   display: none;
}

#links-b
{
   text-align: center;
   margin: 0px;
   padding-top: 5px;
   padding-left: 5px;
   width: 225px;
   height: 222px;
   background: url("images/LinksTitle.jpg");
   background-position: 5px top;
   background-repeat: no-repeat;
} 

#links
{
   text-align: center;
   margin: 0px;
   padding-top: 5px;
   padding-left: 5px;
   width: 225px;
   height: 222px;
   background: url("images/LinksTitle.jpg");
   background-position: 5px top;
   background-repeat: no-repeat;
}

#rss
{
   text-align: center;
   margin: 0px;
   margin-top: 10px;
   padding-top: 5px;
   padding-left: 5px;
   width: 225px;
   height: 72px;
   background: url("images/RssTitle.jpg");
   background-position: 5px top;
   background-repeat: no-repeat;
}

#rss a
{
   color: rgb(0, 0, 0);
   font-size: 1.0em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-align: left;
   text-decoration: none;
}

#rss a:hover
{
   color: rgb(255, 255, 200);
   font-size: 1.0em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-align: left;
   text-decoration: none;
}

.issueTitle a
{
   margin: 0px;
   color: rgb(0, 0, 0);
   font-size: 1.1em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.issueTitle a:hover
{
   margin: 0px;
   color: rgb(255, 255, 132);
   font-size: 1.1em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.pageLinks a
{
   color: rgb(0, 0, 0);
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.pageLinks a:hover
{
   color: rgb(255, 255, 132);
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.upDownLinks a
{
   padding: 0px;
   color: rgb(0, 0, 160);
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

.upDownLinks a:hover
{
   padding: 0px;
   color: rgb(0, 200, 255);
   font-size: 0.9em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none;
}

#footer
{
   width: 860px;
   margin-top: 5px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: center;
}

#footer p
{
   color: rgb(0, 0, 0);
   font-size: .6em;
   margin-top: 0px;
   margin-bottom: 10px;
   margin-right: auto;
   margin-left: auto;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: normal;
   text-align: center;
}

/*************************************************/
/* Below styles are for introduction story pages */
/*************************************************/

#introStoryWrapper
{
   width: 818px;
   height: 980px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#introStoryLeftEdge
{
   width: 10px;
   height: 970px;
   margin: 0px;
   padding: 0px;
   background: url("images/IntroLeftEdge.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#introStoryCenter
{
   width: 618px;
   height: 970px;
   margin: 0px;
   padding: 0px;
   background: url("images/IntroBottomEdge.jpg");
   background-position: left 960px;
   background-repeat: repeat-x;
   float: left;
}

#introStoryMiddleEdge
{
   width: 10px;
   height: 970px;
   margin: 0px;
   padding: 0px;
   background: url("images/IntroMiddleEdge.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#IntroStoryRightPanel
{
   width: 170px;
   height: 970px;
   margin: 0px;
   padding: 0px;
   background: url("images/IntroRightPanelBkgrnd.jpg");
   background-position: left top;
   background-repeat: repeat-x;
   float: left;
}

#introStoryRightEdge
{
   width: 10px;
   height: 970px;
   margin: 0px;
   padding: 0px;
   background: url("images/IntroRightEdge.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#IntroPrevBtn
{
   Margin-top: 110px;
   width: 80px;
   float: left;
}

#IntroPrevBtn a 
{
   display: block;
   width: 80px;
   height: 60px;
   background: url("images/IntroPrevBtn.jpg");
   background-position: 0px 0px;
}

#IntroPrevBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#IntroNextBtn
{
   Margin-top: 110px;
   width: 80px;
   float: left; 
}

#IntroNextBtn a 
{
   display: block;
   width: 80px;
   height: 60px;
   background: url("images/IntroNextBtn.jpg");
   background-position: 0px 0px;
}

#IntroNextBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#IntroHomeBtn
{
   Margin-top: 800px;
   Margin-left: 30px;
}

#IntroHomeBtn a 
{
   display: block;
   width: 100px;
   height: 60px;
   background: url("images/IntroHomeBtn.jpg");
   background-position: 0px 0px;
}

#IntroHomeBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

/***********************************************************/
/* Below styles are for episode pages and some Misc pages. */
/***********************************************************/

#WBWEpsWrapper
{
   width: 926px;
   height: 730px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#WBWEpsTopPanelLeftEdge
{
   margin: 0px;
   width: 70px;
   height: 60px;
   background: url("images/WBWEpsTopPanelLeftEdge.jpg");
   background-position: top right;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsTopPanel 
{
   margin: 0px;
   width: 780px;
   height: 60px;
   background: url("images/WBWEpsTopPanelBkgrnd.jpg");
   background-position: top left;
   background-repeat: repeat-x;
   float: left;
}

#WBWEpsTopPanelRightEdge
{
   margin: 0px;
   width: 10px;
   height: 60px;
   background: url("images/WBWEpsTopPanelRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsLeftEdge
{
   width: 10px;
   height: 590px;
   background: url("images/WBWEpsLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsCenter
{
   width: 900px;
   height: 590px;
   background: url("images/WBWEpsMiddleEdge.jpg");
   background-position: 0px 580px;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsRightEdge
{
   width: 10px;
   height: 590px;
   background: url("images/WBWEpsRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsBottomPanelLeftEdge
{
   margin: 0px;
   width: 70px;
   height: 70px;
   background: url("images/WBWEpsBottomPanelLeftEdge.jpg");
   background-position: top right;
   background-repeat: no-repeat;
   float: left;
}

#WBWEpsBottomPanelCenter
{
   margin: 0px;
   width: 780px;
   height: 70px;
   background: url("images/WBWEpsBottomPanelBkgrnd.jpg");
   background-position: top left;
   background-repeat: repeat-x;
   float: left;
}

#WBWEpsBottomPanelRightEdge
{
   margin: 0px;
   width: 10px;
   height: 70px;
   background: url("images/WBWEpsBottomPanelRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

/* Top Links */

#WBWEpsTopHomeBtn
{
   margin: 0px;
   padding-left: 10px;
   padding-right: 10px;
   width: 90px;
   float: left;
}

#WBWEpsTopHomeBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsTopHomeBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsTopHomeBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#WBWEpsTopPrevBtn
{
   margin: 0px;
   padding-right: 10px;
   width: 90px;
   float: right;
}

#WBWEpsTopPrevBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsTopPrevBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsTopPrevBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#WBWEpsTopNextBtn
{
   margin: 0px;
   padding-right: 10px;
   width: 90px;
   float: right;
}

#WBWEpsTopNextBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsTopNextBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsTopNextBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

/* Bottom Links */

#WBWEpsBottomHomeBtn
{
   margin: 0px;
   padding-left: 10px;
   width: 90px;
   float: left;
}

#WBWEpsBottomHomeBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsBottomHomeBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsBottomHomeBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#WBWEpsBottomPrevBtn
{
   margin: 0px;
   padding-right: 10px;
   width: 90px;
   float: right;
}

#WBWEpsBottomPrevBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsBottomPrevBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsBottomPrevBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

#WBWEpsBottomNextBtn
{
   margin: 0px;
   padding-right: 10px;
   width: 90px;
   float: right;
}

#WBWEpsBottomNextBtn a 
{
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/WBWEpsBottomNextBtn.jpg");
   background-position: 0px 0px;
}

#WBWEpsBottomNextBtn a:hover
{
   border-width: 0px; 
   background-position: 0px -60px;
}

/*****************************************/
/* Below styles are for Misc Flyer page. */
/*****************************************/

#MiscFlyerWrapper
{
   width: 920px;
   height: 1290px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
   /* border: 1px solid transparent;	/* To prevent margin calapse */
}

#MiscFlyerLeftEdge
{
   width: 10px;
   height: 1230px;
   background: url("images/MiscFlyerLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#MiscFlyerCenter
{
   width: 900px;
   height: 1230px;
   background: url("images/IntroBottomEdge.jpg");
   background-position: 0px 1220px;
   background-repeat: repeat-x;
   float: left;
}

#MiscFlyerRightEdge
{
   width: 10px;
   height: 1230px;
   background: url("images/MiscFlyerRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

/*******************************************/
/* Below styles are for Introduction page. */
/*******************************************/

#IntroductionPgrWrapper
{
   width: 930px;
   height: 890px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#IntroductionPgLeftEdge
{
   width: 10px;
   height: 880px;
   background: url("images/IntroductionPgLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#IntroductionCenter
{
   width: 900px;
   height: 880px;
   background: url("images/IntroductionPgImgBkgrnd.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#IntroductionPgRightEdge
{
   width: 10px;
   height: 880px;
   background: url("images/IntroductionPgRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

/********************************************************/
/* Below styles are for About, FAQ, and RSS info pages. */
/********************************************************/

#GeneralPgWrapper
{
   width: 930px;
   height: 1130px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#GeneralPgLeftEdge
{
   width: 10px;
   height: 1120px;
   background: url("images/GeneralPgLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#GeneralPgCenter
{
   width: 900px;
   height: 1120px;
   background: url("images/GeneralPgImgBkgrnd.jpg");
   background-position: left top;
   background-repeat: no-repeat;
   float: left;
}

#GeneralPgRightEdge
{
   width: 10px;
   height: 1120px;
   background: url("images/GeneralPgRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}


/***************************************************/
/* Below styles are for old map and new map pages. */
/***************************************************/

#MapPgsWrapper
{
   width: 920px;
   height: 641px;
   margin-top: 20px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#MapPgsLeftEdge
{
   width: 10px;
   height: 581px;
   background: url("images/MapPgsLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#MapPgsCenter
{
   width: 900px;
   height: 581px;
   background: url("images/MapPgsBottomEdge.jpg");
   background-position: 0px 571px;
   background-repeat: repeat-x;
   float: left;
}

#MapPgsRightEdge
{
   width: 10px;
   height: 581px;
   background: url("images/MapPgsRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

/************************************************/
/* Below styles are for Character Sketch pages. */
/************************************************/

#CharSketchesWrapper
{
   width: 906px;
   height: 960px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px; 
   text-align: left;
}

#CharSketchesLeftEdge
{
   width: 60px;
   height: 960px;
   background: url("images/CharSketchesLeftEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#CharSketchesMiddleAndTop
{
   width: 600px;
   height: 960px;
   background: url("images/CharSketchesTopEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
   padding: 0px;
   margin: 0px;
}

#CharSketchesMiddleAndBottom
{
   width: 600px;
   height: 880px;
   background: url("images/CharSketchesBottomEdge.jpg");
   background-position: 0px 810px;
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   margin-top: 80px;
}

#CharSketchesMiddle
{
   width: 600px;
   height: 810px;
   background-color: rgb(255, 255, 255);
   padding: 0px;
   margin: 0px;
}

#CharSketchesMiddleEdge
{
   width: 34px;
   height: 960px;
   background: url("images/CharSketchesMIddleEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
}

#CharSketchesRightPanel
{
   width: 200px;
   height: 960px;
   background: url("images/CharSketchesRightPanelBkgrnd.jpg");
   background-position: top left;
   background-repeat: repeat-x;
   float: left;
}

#CharSketchesRightEdge
{
   width: 10px;
   height: 960px;
   background: url("images/CharSketchesRightEdge.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   float: left;
   margin: 0px;
}

#CharSketchesRightPenalLinks
{
   margin-top: 320px; 
   padding-left: 10px;
}

#CharSketchesRightPenalLinks a
{
   color: rgb(0, 0, 0);
   font-size: 1.1em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-decoration: none;
}

#CharSketchesRightPenalLinks a:hover
{
   color: rgb(255, 255, 132);
   font-size: 1.1em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
   text-decoration: none;
}

#CharSketchesMiddle h2
{
   margin: 0px;
   margin-left: 20px;
   padding-top: 20px;
   margin-right: 20px;
   padding-bottom: 0px;
   color: rgb(0, 0, 0);
   font-size: 1.5em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: bold;
}

#CharSketchesMiddle p
{
   margin-left: 20px;
   padding-top: 0px;
   margin-right: 20px;
   padding-bottom: 10px;
   color: rgb(0, 0, 0);
   font-size: 1.0em;
   font-family: "Comic Sans MS", Arial, sans-serif; 
   font-weight: normal;
}

#CharSketchesHomeBtn a 
{
   margin-left: 30px;
   display: block;
   width: 90px;
   height: 60px;
   background: url("images/CharSketchesHomeBtn.jpg");
   background-position: 0px 0px;
}

#CharSketchesHomeBtn a:hover
{
   background-position: 0px -60px;
}