body {
 margin: 20px 10px 10px 10px;
 font: 11px Trebuchet MS;
 color: #363636;
}

a {
 color: #6c7286;
 text-decoration: underline;
}

#Container {
 width: 857px;
 height: 500px;
 margin: 0 auto 0 auto;
 background: #ffffff;
}

#TopAreaContainer {
 height: 47px;
}

#TopLogo {
 float: left;
 display: block;
 width: 316px;
 height: 47px;
 background: url(/images/main_toplogo.jpg) 0 0 no-repeat;
}


/* ********** */
/* INNER PAGE */
/* ********** */
#InnerPage {
 clear: both;
 margin-bottom: 20px;
 min-height: 300px;
 _height: 300px;
}

#InnerPageHeader {
 height: 24px;
 margin: 15px 0 15px 0;
 background: url(/images/innerpage_headerbackground.jpg) repeat-x;
}

#InnerPageHeader .LeftSide {
 float: left;
 width: 7px;
 height: 24px;
 background: url(/images/innerpage_headerleftside.jpg) 0 0 no-repeat;
}

#InnerPageHeader .RightSide {
 float: right;
 width: 7px;
 height: 24px;
 background: url(/images/innerpage_headerrightside.jpg) 0 0 no-repeat;
}

#InnerPage h1 {
 margin: 0 0 10px 0;
 padding: 0;
 color: #cd0a0a;
 font-size: 18px;
 font-weight: bold;
}


/* ********* */
/* DASHBOARD */
/* ********* */
.Dashboard {
 margin: 15px 0 30px 75px;
}

.Dashboard h1 {
 font-weight: normal;
}

.Dashboard td {
 padding-right: 20px;
}

.Dashboard a {
 display: block;
 width: 90px;
 height: 20px;
 padding-top: 70px;
 text-align: center;
 color: #363636;
 text-decoration: none;
}

.Dashboard a:hover {
 text-decoration: underline;
}


  
.button_WatchVideo { background: url(/images/button_movie.jpg) 50% 0 no-repeat; }
.button_ChapterTest { background: url(/images/button_test.jpg) 50% 0 no-repeat; }
.button_FlashCards { background: url(/images/button_flashcards.jpg) 50% 0 no-repeat; }
.button_PlayGame { background: url(/images/button_games.jpg) 50% 0 no-repeat; }


/* *********** */
/* BIG BUTTONS */
/* *********** */
.ChapterButtons a {
 float: left;
 margin-right: 5px;
 display: block;
 width: 69px;
 height: 89px;
 background-position: 0 100%;
 color: #ffffff;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
}

.ChapterButtons a:hover {
 color: #363636;
}

.bigbutton_Video { background: url(/images/button_movie.jpg) no-repeat; }
.bigbutton_TakeTest { background: url(/images/button_test.jpg) no-repeat; }
.bigbutton_FlashCards { background: url(/images/button_flashcards.jpg) no-repeat; }
.bigbutton_PlayGame { background: url(/images/button_games.jpg) no-repeat; }
.bigbutton_PurchaseTheBook { background: url(/images/button_buybook.jpg) no-repeat; }
.bigbutton_DownloadToYourIpod { background: url(/images/button_ipod.jpg) no-repeat; }


/* ****** */
/* ALERTS */
/* ****** */
.GoodAlert, .BadAlert {
 margin: 10px 0 10px 0;
 background: #e7ffe6;
 border-top: 1px solid #beffbb;
 border-bottom: 1px solid #beffbb;
 font-weight: bold;
 text-align: center;
}

.BadAlert {
 background: #ffe6e6;
 border-top: 1px solid #ffbbbb;
 border-bottom: 1px solid #ffbbbb;
} 

.YellowStar {
 float: right;
 display: block;
 height: 14px;
 margin-top: 20px;
 padding: 0 0 0 20px;
 font-size: 12px;
 background: url(../../images/adminarea_yellow_star.gif) 0 0 no-repeat;
}


/* *********** */
/* FORM STYLES */
/* *********** */
form, input {
 margin: 0;
 padding: 0;
}

.Form_Input {
 width: 150px;
}

.Form_Container {
 float: left;
}

.Form_OuterContainer {
 margin: 0 0 10px 0;
 padding: 5px; 
 border: 1px solid #eee5c4;
}

.Form_InnerContainer {
 padding: 20px;
 background: #eee5c4;
}


/* ************** */
/* CREATE ACCOUNT */
/* ************** */
.CreateAccount {
 margin-left: 50px;
}

.CreateAccount .CA {
 width: 145px;
 font: 11px Trebuchet MS;
 color: #363636;
 border: 1px solid #d9c885;
}

.CreateAccount td {
 color: #666666;
 padding: 3px 10px 3px 0;
}

.CreateAccount span {
 color: #ff0000;
}


/* ****** */
/* FOOTER */
/* ****** */
#Footer {
 clear: both;
 height: 48px;
 background: url(/images/footer_background.jpg) repeat-x;
 text-align: right;
}

#Footer .LeftSide {
 float: left;
 width: 7px;
 height: 48px;
 background: url(/images/footer_leftend.jpg) 0 0 no-repeat;
}

#Footer .RightSide {
 float: right;
 width: 7px;
 height: 48px;
 background: url(/images/footer_rightend.jpg) 0 0 no-repeat;
}

#FooterLogo {
 display: block;
 float: left;
 width: 206px;
 height: 37px;
 margin: 6px 0 0 10px;
 background: url(/images/footer_logo.jpg) 0 0 no-repeat;
}

#Footer .Content {
 float: right;
 padding: 17px 10px 0 0;
}

#Footer .Content a {
 color: #212020;
 font-size: 11px;
 text-decoration: none;
}

#Footer .Content a:hover {
 text-decoration: underline;
}