/* CSS Elements for the site */

DIV#Container
{
	height:100%;
	margin:0px auto;
}

DIV#WindowContainer
{
    margin:20px;
}

DIV#ECardErrorBox
{
    text-align:left;
    width:330px;
}

DIV.ErrorBox
{
	text-align:left;
	color:#F00;
}

Div.ErrorBox fieldset
{
	color:#EB2425;
	border:none;
	font-weight:bold;
}

/* Top Container DIV Elements */

DIV#TopContainer
{
	height:116px;
	width:833px;
}

DIV#TopLeftSide
{
	padding-top:18px;
}

DIV#TopRightSide
{
	padding-top:42px;
	text-align:right;
	color:#FFF;
	line-height:24px;
}


DIV#TopNav
{
	height:90px;

}

DIV#BodyTop
{
	background-image:url( ../Images/BodyTopBG.png );
	background-repeat:no-repeat;
	height:75px;
	margin-top:-10px;
}

DIV#BodyTop DIV#LangToggle
{
	font-weight:bold;
	text-transform:uppercase;
	padding-right:10px;
}

DIV#BodyTop DIV#LangToggle, DIV#BodyTop DIV#LangToggle a
{
	color:#5fa917;	
}

/* Main Container DIV Elements */

DIV#MainContainer
{
	background-image:url( ../Images/MainBG.png );
	background-repeat:repeat-y;
	padding-bottom:12px;

}

DIV#MainLeftSide
{
	margin-left:-38px;
	margin-top:-52px;
}

DIV#MainRightSide
{
		padding-top:14px;
		padding-left:18px;
}

DIV#MainBody
{
    width:550px;
    padding-left:45px;

}

DIV#MainBody ul, DIV#MainBody ol
{
    padding-left:35px;
}

DIV#MainBodyNoPadding
{
    width:596px;
}

DIV#MainBody p, DIV#Recipes p
{
    padding-top:10px;
    padding-bottom:10px;
}

DIV#MainBody ul.DefaultRegister
{
    padding-left:20px;
    padding-bottom:20px;
}

DIV.RegisterTitle
{
    width:324px;
}

DIV.GrandPrize
{
    width:257px;
}

DIV.KidsLeftImage
{
    width:247px;
}

DIV.KidsRightContent
{
    width:300px;
}

DIV#Recipes
{
    padding:20px;
    width:774px;
    background-color:#FFF;
}

DIV#Recipes ol
{
    padding-left:25px;
}

DIV.KidsColouring
{
    width:179px;
}

DIV.KidsHomework
{
    width:586px;
}

DIV.KidsHomeworkTop
{
    background-image:url( ../Images/BlueTopBG.gif );
    background-repeat:no-repeat;
    background-color:#f7cef8;
    padding:10px 25px 10px 25px;
    width:536px;    
}

DIV.KidsHomeworkInnerTop
{
    background-image:url( ../Images/BlueInnerTopBG.gif );
    background-repeat:no-repeat;
    height:14px;
    font-size:0px;
}

DIV.KidsHomeworkInner
{
    background-image:url( ../Images/BlueInnerBG.gif );
    background-repeat:repeat-y;
    padding:0px 25px 0px 25px;
    width:536px;    
}

DIV.KidsHomeworkBottom
{
    background-image:url( ../Images/BlueBottomBG.gif );
    background-repeat:no-repeat;
    height:24px;
}

DIV#KidsPhotosDisplay
{
    width:412px;
    height:281px;
    padding-left:35px;
}

DIV#KidsPhotosGallery
{
    width:415px;
    padding-left:35px;
}

DIV.KidsPhotosGalleryRow
{
    padding-top:4px;
}

DIV.KidsPhotosGalleryRow IMG
{
    margin-right:4px;
}

DIV#KidsPrizes
{
    width:572px;
}

DIV.KidsPrizesTop
{
    background-image:url( ../Images/GreenTopBG.gif );
    background-repeat:no-repeat;
    background-color:#e7f1d2;
    padding:10px 15px 10px 15px;
    width:542px;    
}

DIV.KidsPrizesBottom
{
    background-image:url( ../Images/GreenBottomBG.gif );
    background-repeat:no-repeat;
    background-color:#e7f1d2;
    height:29px;
    width:572px;
}

DIV.KidsPrizesRow
{
    margin-top:10px;
}

DIV.KidsPrizesLeft
{
    width:154px;
}

DIV.KidsPrizesRight
{
    width:388px;
}

DIV#KidsECardForm
{
    width:546px;
}

DIV.KidsECardFormTop
{
    background-image:url( ../Images/BlueFormTopBG.gif );
    background-repeat:no-repeat;
    background-color:#f7cef8;
    padding:20px 10px;
    width:526px;    
}

DIV.KidsECard1
{
    width:207px;
}

DIV.KidsECard2
{
    width:217px;
}

DIV.KidsECardPreview
{
    width:425px;
}

DIV#KidsECardInput
{
    width:400px;
}

DIV#KidsECardInput ul
{
    list-style-type:none;
    margin-bottom:7px;
}

DIV#KidsECardInput ul li
{
    float:left;
}

DIV#KidsECardInput ul li.FormTitle
{
    width:150px;
    font-weight:bold;
    text-align:right;
    margin-right:5px;
}

DIV#KidsECardInput ul li.FormInput
{
    width:150px;
    font-size:12px;
    border:none;
}

DIV#KidsECardInput ul li.FormTextArea
{
    width:300px;
    text-align:center;
    margin-top:10px;
}

DIV#KidsECardInput ul li textarea
{
    width:300px;
    height:150px;
    font-size:12px;    
}

DIV#KidsECardInput ul li input
{
    width:140px;
}

p.ECardThankYou
{
    font-weight:bold;
    font-size:16px;
}

DIV#HeartMachine
{
    width:665px;
    height:460px;
}

DIV.ParentsLeftImage
{
    width:210px;
}

DIV.ParentsRightContent
{
    width:337px;
}

DIV.ParentsSuccessStory, DIV.Recipes
{
    display:none;
}

DIV#SuccessStoryBack, DIV#SuccessStoryNext
{
    font-weight:bold;
}

DIV#SuccessStoryBack
{
    width:290px;
    display:none;
}

DIV#SuccessStoryNext
{
    width:270px;
    padding-right:20px;
    text-align:right;
}

DIV.Poem
{
    width:300px;
    padding-left:100px;
}

DIV.TeacersLeftImage
{
    width:220px;
}

DIV.TeachersRightContent
{
    width:327px;
}

DIV#TeachersJump, DIV#TeachersEventTips
{
    width:571px;
}

DIV.TeachersJumpTop
{
    background-image:url( ../Images/TeachersGreenTopBG.gif );
    background-repeat:no-repeat;
    background-color:#b6d895;
    padding:10px 15px 10px 15px;
    width:541px;
}

DIV.TeachersJumpBottom
{
    background-image:url( ../Images/TeachersGreenBottomBG.gif );
    background-repeat:no-repeat;
    background-color:#b6d895;
    height:12px;
    width:571px;
    font-size:0px;
}

ul.TeachersEventTips li
{
    list-style-image: url( ../Images/HeartIcon.gif );
    padding-left:10px;
    margin-top:20px;
}

ul.TeachersEventTips li ul
{
    margin-top:20px;
}

ul.TeachersEventTips li ul li
{
    list-style-image:none;
    list-style-type:disc;
    margin-top:0px;
}

DIV.TeachersEventTipsTop
{
    background-image:url( ../Images/LightBlueTopBG.gif );
    background-repeat:no-repeat;
    background-color:#d4e3f4;
    padding:10px 15px 10px 15px;
    width:541px;
}

DIV.TeachersEventTipsBottom
{
    background-image:url( ../Images/LightBlueBottomBG.gif );
    background-repeat:no-repeat;
    background-color:#d4e3f4;
    height:11px;
    width:571px;
    font-size:0px;
}

DIV#ContactUsProvinceList
{
    background-image:url( ../Images/ContactUs-ProvinceBG.gif );
    background-repeat:no-repeat;
    width:266px;
    height:344px;
    padding-left:35px;
    padding-top:25px;
}

.ContactUsProvinces
{
    line-height:24px;
}

/* Bottom Container DIV Elements */

DIV#BottomContainer
{
}

DIV#Facts
{
}

DIV#Footer
{
    height:20px;
    padding-left:210px;
    width:784px;
    font-weight:normal;
    padding-top:6px;
    color:#FFF;
}

DIV#Footer ul.Footer
{
    padding-left:0px;
    list-style-type:none;
}

DIV#Footer ul.Footer li
{
    display:inline;
    margin-left:4px;
}

/* Class Attributes */
.TopNavBtn, .KidsPhotoGallery, #ECardPreview, #ECardSend
{
    cursor:pointer;
}

.NavMenu
{
	padding-top:38px;
}

.homeBG
{
 	background-color:#5e0b0e;
	background-image:url(../Images/BG.jpg);   
}

.kidsBG
{
 	background-color:#5e0b0e;
	background-image:url(../Images/BG.jpg);   
}

.parentsBG
{
 	background-color:#5e0b0e;
	background-image:url(../Images/BG.jpg);   
}

.teachersBG
{
 	background-color:#5e0b0e;
	background-image:url(../Images/BG.jpg); 
}

.BackToTop
{
    text-align:right;
    width:520px;
    font-weight:bold;
}

.TeachersGO
{
    text-align:right;
    width:550px;
    font-weight:bold;
}

.TeachersInnerGO
{
    width:541px;
}

/* Other sections */
ul.sitemap
{
    padding-bottom:20px;
}

ul.sitemap li
{
    margin-top:10px;
}

#nav a span { display:none; }
#nav a { position:relative;display:block;cursor:pointer; }
#nav li { list-style:none;cursor:pointer; }
#nav li, #nav li a {
	position:relative;
	width:134px;
	height:20px;
	background-image:url("http://jumpropeforheart.ca/fr/content/images/nav/btn_nav.png");
}

body.homeBG #nav li.home, body.homeBG #nav li.home a, #nav li.home:hover, #nav li.home a:hover {
	background-position: 0px -23px;
}
#nav li.home, #nav li.home a {
	background-position: 0px 0px;
}

body.kidsBG #nav li.kids, body.kidsBG #nav li.kids a, #nav li.kids:hover, #nav li.kids a:hover {
	background-position: -135px -23px;
}
#nav li.kids, #nav li.kids a {
	background-position: -135px 0px;
}
body.parentsBG #nav li.parents, body.parentsBG #nav li.parents a, #nav li.parents:hover, #nav li.parents a:hover {
	background-position: -270px -23px ;
}
 #nav li.parents, #nav li.parents a {
	background-position: -270px 0px ;
}
 
body.teachersBG #nav li.teachers, body.teachersBG #nav li.teachers a, #nav li.teachers:hover, #nav li.teachers a:hover {
	background-position: -405px -23px ;
}
#nav li.teachers, #nav li.teachers a {
	background-position: -405px 0px ;
}
body.registerBG #nav li.register, body.registerBG #nav li.register a, #nav li.register:hover, #nav li.register a:hover {
	background-position: -540px -23px ;
}
#nav li.register, #nav li.register a {
	background-position: -540px 0px ;
}

#nav {
margin:0px;
padding-left:140px;
}
#nav li {
margin:0px;
padding:0px;
float:left;
}