/* CSS Document */

body {font: 0.8em verdana, arial, sans-serif; background-color: #532b6b;}
*{margin:0px; padding:0px;}
#mainwrapper {width:1000px; margin-left:auto; margin-right:auto; background-image:url(../images/page_bknd.gif); background-repeat: repeat-y;}
#header_wrapper {display: inline; width:970px;   float: left; margin-left: 15px; }
#logo {background-color: #fff; width: 173px; height: 160px; float: left;}

#title_box {width: 660px; height: 65px; float: left; background-color: #fff; float: left;}
#title_box h1 {font-size: 2.2em; color: #32183b; font-family: verdana; font-weight: bold; text-align: center; margin-top: 13px; }
#title_box h5 {font-size: 1em; font-style: italic; color: #6a3968; font-family: verdana; font-weight: bold; text-align: center; margin-top: 3px; }
#contact_box {width: 660px; height: 40px; float: left; background-color: #fff; float: left;}
#contact_box h2 {font-size: .9em; font-weight: bold; text-align: center; margin-top: 5px;}
#contact_box h3 {font-size: .9em; color: #000; font-weight: normal;  text-align: center; margin-top: 5px;}
#contact_box h3 a {color: #532b6b; font-weight: bold;}
#contact_box h3 a:hover {color: #FFCC00; text-decoration: underline;}
#edline_box {background-color: green; float: left;width:797px; background-color: #fff; height: 20px; _height: 19px;}

#edline_text p {color: #000; font-size: .9em; }
#edline_text p a {text-decoration: none; color: #532b6b; font-weight: bold; font-size: 1em; margin-top: 4px;}
#edline_text p a:hover {color: #FFCC00}

#navigation {width:797px; height: 35px; float: left; }
#grapes {float: right; width: 137px; height: 105px; clear: none; background-color: #fff; margin-bottom: 0px;}

#contentarea {float:left; width:970px;  margin-left: 15px; *padding-bottom: 10px; }

a {outline: 0;}

#home_wrapper {display: inline; margin-left: 15px; _margin-left: 0px;  margin-top: 10px; width: 940px; float: left;}
#home_images {display: inline; width: 494px; height: 373px; float: left; border: 1px solid #532b6b}
#tour_box {display: inline; width: 129px; height: 189px; float: left; margin-left: 20px; clear: none; margin-top: 12px;}
#video_box {display: inline; width: 148px; height: 155px; float: left; margin-left: 11px; margin-top: 9px; }

#auction {background-image: url(../images/the-school-with-heart-logo.jpg); background-repeat: no-repeat;  width: 265px; _width: 265px; height: 260px; float: right; clear: none; }

#auction img {border: 1px solid #000; float: left; margin-left: 26px; _margin-left: 32px; margin-top: 5px; margin-bottom: 0px; display:inline;}

#auction img { -moz-box-shadow: 4px 4px 5px #999;
                -webkit-box-shadow: 4px 4px 5px #999;}
 
#auction_text1 {float: left; width: 200px; margin-left: 45px; display: inline;}
#auction h4 a {font-family:  arial, Helvetica, sans-serif; font-size: 1.1em;  *font-size: .86em; color:#532b6b; margin-top: 15px; text-decoration: none; }
#auction h4 a:hover {color: Red;}

#buttons1 {width: 260px; height: 130px; float: left; margin-top: 259px; margin-left: 10px; }

#call_button2 { margin-left: 3px; float: left; height: 50px; margin-top: 3px; width: 260px; clear: none; display: inline; }
a.button2 {margin-left: 0px; display: block; width: 275px; height:50px; margin-top: 0px; text-decoration: none; background: url("../images/buttons7.png"); background-position: 0px -235px; background-repeat: no-repeat;}
a.button2:hover {background-position: 0px -185px;}

#call_button1 { margin-left: 3px; float: left; height: 55px; margin-top: 0px; width: 260px; clear: none; display: inline; }
a.button1 {margin-left: 0px; display: block; width: 275px; height:55px; margin-top: 0px; text-decoration: none; background: url("../images/buttons7.png"); background-position: 0px -50px; background-repeat: no-repeat;}
a.button1:hover {background-position: 0px 0px;}


#call_button3 { margin-left: 15px; float: left; height: 40px; width: 235px; clear: none; display: inline; }
a.button3 {margin-left: 5px; display: block; width: 240px; height:50px; margin-top: 0px; text-decoration: none; background: url("../images/Auction_buttons.png"); background-position: 0px -225px; background-repeat: no-repeat;}


#community {display: inline; margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }

#fragment-10 {height: 430px; margin-bottom: 10px; width: 880px; }
#fragment-10 p {width: 800px; margin-left: 30px; margin-top: 10px; float: left;}
#fragment-10 h2 {color: #532b6b; margin-left: 30px; font-size: 1.3em; margin-bottom: 10px; margin-top: 15px;}
#fragment-10 h4 {width: 800px; clear: left; margin-left: 30px; margin-top: 5px; float: left; display: inline; text-decoration: underline;}
#fragment-10 ul {float: left; width: 800px; font-family: Arial, Sans-Serif; margin-left: 30px;}
#fragment-10 li {margin-left: 45px; display:list-item; margin-top: 10px; font-family: Arial, helvetica, Sans-Serif; font-size: 1em; }

#fragment-11 {height: 450px; margin-bottom: 10px; width: 880px;}
#fragment-11 h2 {color: #532b6b; margin-left: 30px; font-size: 1.3em; margin-top: 20px;}
#fragment-11 p {width: 800px; margin-left: 30px; margin-top: 10px; float: left; display: inline}

.box_tops {width: 700px; margin-left: 70px; float: left; display: inline; border: 1px solid #532b6b; height: 150px;}
.box_tops_l {width: 200px; margin-left: 0px; float: left; display: inline;  height:150px; border-right: 1px solid #532b6b;}

.box_tops_r {width: 499px; margin-left: 0px; float: left; display: inline;  height:150px;}
.box_tops_r h4 {width: 450px; clear: left; margin-left: 10px; margin-top: 5px; float: left; display: inline; text-decoration: underline;}
.box_tops_r p {width: 400px; margin-left: 0px; margin-top: 10px; float: left; display: inline}
.box_tops_r a {color: #532b6b; font-weight: bold;}
.box_tops_r a:hover {color: Red;}

#fragment-12 {height: 450px; margin-bottom: 10px; width: 880px; }
#fragment-12 h2 {color: #532b6b; margin-left: 40px; font-size: 1.3em; margin-top: 20px;}
#fragment-12 p {width: 650px; margin-left: 40px; margin-top: 20px; float: left;}

#fragment-13 {height: 750px; margin-bottom: 10px; width: 880px; }
#fragment-13 h2 {margin-bottom: 15px; color: #532b6b; margin-left: 40px; font-size: 1.3em; margin-top: 10px; float: left; display: inline}
#fragment-13 p {width: 750px; margin-left: 40px; margin-top: 5px; float: left; clear: left; display: inline}
#fragment-13 h4 {text-decoration: underline; width: 800px; clear: left; margin-left: 40px; margin-top: 5px; float: left; display: inline; }

#fragment-14 {height: 270px; margin-bottom: 10px; width: 880px; }
#fragment-14 h2 {margin-bottom: 15px; color: #532b6b; margin-left: 30px; font-size: 1.3em; margin-top: 10px; float: left; display: inline}
#fragment-14 p {width: 575px; margin-left: 20px; margin-top: 15px; float: left; clear: left; display: inline}
#fragment-14 h4 { width: 575px; clear: left; margin-left: 30px; margin-top: 5px; float: left; display: inline; font-size: 1em }
#fragment-14 ul {float: left; width: 350px; font-family: Arial, Sans-Serif; margin-left: 20px; clear: left;}
#fragment-14 li {margin-left: 35px; display:list-item; margin-top: 10px; font-family: Arial, helvetica, Sans-Serif; font-size: 1em; }

#fragment-15 {height: 300px; margin-bottom: 10px; width: 880px; }
#fragment-15 h2 {width: 400px;margin-bottom: 15px; color: #532b6b; margin-left: 30px; font-size: 1.3em; margin-top: 10px; float: left; display: inline}
#fragment-15 p {width: 400px; margin-left: 30px; margin-top: 15px; float: left; clear: left; display: inline}
#fragment-15 h4 {text-decoration: underline; width: 400px; clear: left; margin-left: 30px; margin-top: 5px; float: left; display: inline; font-size: 1em }

#fragment-16 {height: 515px; margin-bottom: 10px; width: 880px; }
#fragment-16 h2 {width: 400px;margin-bottom: 15px; color: #532b6b; margin-left: 30px; font-size: 1.3em; margin-top: 10px; float: left; display: inline}
#fragment-16 p {width: 800px; margin-left: 30px; margin-top: 15px; float: left; clear: left; display: inline}

.displace {position: absolute; left: -5000px;}

#welcome_message {border: 1px solid #532b6b; display: inline; width: 938px; background-color: #fff; float: left; clear: left; margin-left: 15px; _margin-left: 0px; margin-top: 10px; margin-bottom: 10px; } 
#welcome_message h1 {font-size: 1.4em; color: #532b6b; margin-top: 15px; float: left; margin-left: 220px; _margin-left: 110px; }
#welcome_message p {line-height: 1.5em; font-size: .9em; font-weight: bold; width: 900px; margin-left: 20px; _margin-left: 10px; margin-top: 10px; float: left; margin-bottom: 10px;} 

#about {display: inline; margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }
#about h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 30px; }
#about ul {margin-left: 90px; *margin-left: 20px; *padding-left: 25px; float: left; margin-top: 60px;}
#about ul li {color: #532b6b; font-size: 1.2em; font-weight: bold; line-height: 1.9em;}
#about_box {width: 285px; height: 410px; background-color: #532b6b; float: left; clear: none; margin-left: 30px;}
#about_box img { margin-left: 5px; margin-top:  5px;}
#about a {text-decoration: none; color: #532b6b;}
#about a:hover {color: #ffb000;}

#about2 {display: inline; margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }
#about2 h1 {margin-left: 20px; margin-top: 35px; text-align: left; font-size: 1.7em; color: #532b6b; margin-bottom: 30px; }
#about2 ul {margin-left: 90px; *margin-left: 20px; *padding-left: 25px; float: left; margin-top: 60px;}
#about2 ul li {color: #532b6b; font-size: 1.2em; font-weight: bold; line-height: 1.9em;}
#about2_box {width: 285px; height: 410px; background-color: #532b6b; float: left; clear: none; margin-left: 30px;}
#about2_box img { margin-left: 5px; margin-top:  5px;}
#about2 a {text-decoration: none; color: #532b6b;}
#abou2t a:hover {color: #ffb000;}

#about_bullets { width:450px; float: left; margin-left: 20px;}

#about_copy h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 10px; _margin-top: 0px; float: left; clear: both;}
#about_copy p {  margin-left: 40px; _margin-left: 20px; margin-top: 10px; color: #000; float: left; clear: both; margin-right: 40px; width: 850px;}

#leadership {  display: inline; float:left; margin-left: 70px; margin-top: 20px; width: 600px; clear: left; width: 700px;}
#leadership h3 {color: #006600; font-size: 1.1em; margin-bottom: 5px;}
#leadership table  {margin-left: 10px; width: 500px; }
#leadership tr {padding-top: 5px; float: left; }
#leadership td {color: #000; font-weight: bold; font-size: .9em; line-height: 1.8em;}
.listing {padding-left: 20px; color: #000; }

#mission h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 30px; float: left; clear: both;}
#mission p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; margin-right: 40px; width: 850px;}

#philosophy h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; clear: both;}
#philosophy p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; margin-right: 40px; width: 850px;}

#learning h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#learning h3 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 30px; margin-top: 15px; float: left; width: 700px;}
#learning h4 {color: #532b6b; font-size: 1.0em; margin-left: 60px; _margin-left: 40px;margin-top: 20px; float: left; width: 700px;}
#learning ol {margin-left: 85px; _margin-left: 50px;float: left;  clear: none; margin-top: 5px;}
#learning ol li {color: #000; font-size: 1em;}
#learning span {color: #006600; font-size: 1.7em; font-family: "trebuchet ms"; font-weight: bold;}

#goals h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#goals h3 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 30px;margin-top: 15px; float: left; width: 700px;}
#goals ul { float: left;  margin-top: 5px; width: 700px; *margin-left: 50px;}
#goals ul li {color: #000; font-size: 1em; margin-bottom: 10px; }
#goals p {margin-left: 40px; _margin-left: 30px; margin-top: 8px; color: #000; float: left; clear: both; width: 800px;}
#goals p span {font-weight: bold;}

#achieve h2 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 30px; margin-top: 20px; float: left; width: 700px;}
#achieve h3 {color: #532b6b; font-size: 1.2em; margin-left: 40px; margin-top: 15px; float: left; width: 700px;}
#achieve ul { float: left;  margin-top: 5px; width: 700px; *margin-left: 50px;}
#achieve ul li {color: #000; font-size: 1em; margin-bottom: 10px; position: relative;}
#achieve p {margin-left: 40px; _margin-left: 30px; margin-top: 8px; color: #000; float: left; clear: both; }

#social h2 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 30px; margin-top: 20px; float: left; width: 700px;}
#social h3 {color: #000; font-size: 1.1em; margin-left: 40px; margin-top: 15px; float: left; width: 700px;}
#social ul { float: left;  margin-top: 5px; width: 700px; *margin-left: 50px;}
#social ul li {color: #000; font-size: 1em; margin-bottom: 10px; position: relative;}
#social p {margin-left: 40px; _margin-left: 30px; margin-top: 8px; color: #000; float: left; clear: both; }

#song {margin-bottom: 20px;}
#song h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#song h3 {color: #006600; font-size: 1.1em; margin-left: 40px; margin-top: 15px; float: left; width: 700px;}
#song p {margin-left: 60px; margin-top: 8px; color: #000; float: left; clear: both;}
#song p span {font-weight: bold;}

#statement h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#statement p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; margin-bottom: 15px; _width: 850px; }

#alumni2 {margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }
#alumni2 h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 10px; }
#alumni2 p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; _width: 860px;}
#alumni2 span {color: red;}

#alumni_form {width: 400px; margin-left: 280px; _margin-left: 140px; float: left; margin-top: 10px; margin-bottom: 0px; clear: left; }
#alumni_form label {width: 130px; float: left;}
#alumni_form input {width: 140px; float: left;}

#ctl00_ContentPlaceHolder1_buttonSubmit {clear: left;}
#ctl00_ContentPlaceHolder1_txtCity {float: right; clear: none;}

.add_space {margin-bottom: 15px; width: 880px; _width: 800px; }

#parents_bullets { width:450px; float: left; margin-left: 60px; _margin-left: 20px;  }

#prospect {margin-bottom: 15px;width: 940px; background-color: #fff; float: left;  margin-top: 15px; margin-left: 15px; _margin-left: 0px;}
#prospect h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 30px; }
#prospect ul {margin-left: 40px; _margin-left: 30px;float: left; margin-top: 60px; *padding-left: 25px;}
#prospect ul li {color: #532b6b; font-size: 1.2em; font-weight: bold; line-height: 2.1em }
#prospect_box {width: 285px; height: 410px; background-color: #532b6b; float: left; clear: none; }
#prospect_box img {margin-left: 5px; margin-top:  5px;}
#prospect a {text-decoration: none; color: #532b6b;}
#prospect a:hover {color: #ffb000;}

#prospect_copy h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 10px; float: left; clear: both;}
#prospect_copy p { margin-left: 40px; _margin-left: 20px; margin-top: 10px; color: #000; float: left; clear: both; width: 850px;}


#admissions h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#admissions h3 {color: #006600; font-size: 1.2em; margin-left: 40px; margin-top: 15px; float: left; width: 700px;}
#admissions h4 {color: #532b6b; font-size: 1.0em; margin-left: 60px; margin-top: 20px; float: left; width: 700px;}
#admissions ul {margin-left: 85px; _margin-left: 50px; float: left;  clear: none; margin-top: 5px; width: 760px;}
#admissions ul li {color: #000; font-size: 1em;}
#admissions ol {margin-left: 85px; _margin-left: 50px; float: left;  clear: none; margin-top: 5px; width: 760px; _padding-left: 25px;}
#admissions ol li {color: #000; font-size: 1em;}

#activities_bullets { width:510px; *width: 520px; float: left; margin-left: 40px; *margin-left: 20px;  }

#activities12 {margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-top: 15px; margin-left: 15px; _margin-left: 0px;}
#activities12 h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 30px;  }
#activities12 ul {margin-left: 40px; _margin-left: 10px; float: left; margin-top: 5px; *padding-left: 25px;}
#activities12 ul li {color: #532b6b; font-size: 1.2em; font-weight: bold; line-height: 1.5em  }
#activities12_box {margin-top: 10px; _margin-top: 0px; width: 308px; height: 300px; background-color: #532b6b; float: left; clear: none; }
#activities12_box img {margin-left: 5px; margin-top:  5px;}
#activities12 a {text-decoration: none; color: #532b6b;}
#activities12 a:hover {color: #ffb000;}

#activities_copy h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; _margin-top: 10px; float: left; clear: both;}
#activities_copy p {margin-left: 40px;_margin-left: 20px; margin-top: 10px; color: #000; float: left; clear: both; width: 850px; _margin-bottom: 0px; }

#curriculum {_margin-top: -20px;}
#curriculum h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; _margin-top: 5px; float: left; width: 800px;}
#curriculum h3 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 15px; float: left; width: 700px;}
#curriculum p {margin-left: 40px; _margin-left: 20px;  margin-top: 8px; color: #000; float: left; clear: both; }
#curriculum ul {margin-left: 85px; _margin-left: 40px; float: left;  clear: none; margin-top: 5px; width: 760px;}
#curriculum ul li {color: #000; font-size: 1em;}

#daycare h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#daycare h3 {color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 30px; margin-top: 15px; float: left; width: 700px;}
#daycare p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; }

.body_copy h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; margin-top: 25px; float: left; width: 700px;}
.body_copy h3 {color: #006600; font-size: 1.2em; margin-left: 40px; margin-top: 15px; float: left; width: 700px;}
.body_copy p { margin-left: 40px; _margin-left: 20px; margin-top: 0px; color: #000; float: left; clear: both; }

#middle h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#middle p {margin-left: 40px; _margin-left: 20px;margin-top: 8px; color: #000; float: left; clear: both; margin-right: 40px;}
#middle ul {margin-left: 85px; _margin-left: 40px; float: left;  clear: none; margin-top: 5px; width: 760px;}
#middle ul li {color: #000; font-size: 1em;}

#extra_curricular h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 20px; float: left; width: 700px;}
#extra_curricular p {margin-left: 40px; _margin-left: 20px;margin-top: 8px; color: #000; float: left; clear: both; margin-right: 40px;}
#extra_curricular ul {margin-left: 85px; _margin-left: 40px; float: left;  clear: none; margin-top: 5px; width: 760px;}
#extra_curricular ul li {color: #000; font-size: 1em;}

#brochure {margin-bottom: 15px;  width: 940px; background-color: #fff; float: left; margin-left: 15px; margin-top: 15px; display: inline; _margin-left: 0px;}
#brochure h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 10px; }
#brochure p {  color: #000;  text-align: center; clear: left; margin-top: 10px; }
#brochure img {float: left; margin-left: 15px; display: inline; margin-bottom: 20px; _padding-bottom: 0px;}

#video_tour {margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; margin-top: 15px; }
#video_tour h1 {margin-top: 25px; text-align: center; font-size: 1.6em; color: #532b6b; margin-bottom: 20px; }

#tuition {margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }
#tuition h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 10px; }
#tuition h2 {color: #532b6b; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 10px; float: left; width: 700px;}
#tuition h3 {margin-bottom: 20px; color: #006600; font-size: 1.2em; margin-left: 40px; _margin-left: 20px; margin-top: 10px; float: left; width: 500px;}
#tuition p {margin-left: 40px; _margin-left: 20px; margin-top: 8px; color: #000; float: left; clear: both; margin-right: 40px; width: 800px;}
#tuition p span {font-weight: bold;}
#tuition table {margin-left: 100px; *margin-left: -90px; _margin-left: -80px;}

#plan {margin-left: 25px; width: 800px;}
#plan p span {font-weight: bold;}

.tableBorder {
	text-align: center;
	border: thin dashed #532B6B;
	color: #000;
}
#contact_us {margin-bottom: 15px; width: 940px; background-color: #fff; float: left; margin-left: 15px; _margin-left: 0px; margin-top: 15px; }
#contact_us h1 {margin-top: 25px; text-align: center; font-size: 1.7em; color: #532b6b; margin-bottom: 10px; }

#address {width:300px; float: left; margin-left: 320px; _margin-left: 160px; margin-bottom: 10px;}
#address p {margin-left: 40px; _margin-left: 20px;  margin-top: 8px; color: #000; float: left; clear: both; width: 300px;}

#map1_wrapper { width: 430px; float: left; margin-top: 10px; margin-left: 30px; _margin-left: 17px;}
#map1 {border: 2px solid #532b6b; width: 425px;float: left; }

#map2_wrapper { width: 430px; float: left; margin-top: 10px; margin-left: 20px; _margin-left: 10px;}
#map2 {border: 2px solid #532b6b; width: 425px; float: left; }

.map_text {float: left; clear: left; margin-left: 175px; _margin-left: 85px; margin-top: 5px; margin-bottom: 20px; *padding-bottom: 20px; width: 150px;}

#home_images2 {background-image: url(../images/saint-jeanne-school-photo2.jpg); background-repeat: no-repeat; width: 477px; height: 357px; _height: 336px;  margin-bottom: 20px; _padding-bottom: 20px; float: left; margin-top: 10px; margin-left: 230px; _margin-left: 115px; border: 4px solid #ffb000;}


#scrip_page {margin: 15px; _margin-left: 0px; background-color: #fff; width: 940px; float:left; display: inline;}
#scrip_page img{margin-left: 30px; margin-top: 20px; margin-right: 20px; float: left; }

#scrip_page h1 {width: 400px; margin-left: 20px; margin-top: 40px; text-align: center; font-size: 1.8em; color: #532b6b; margin-bottom: 10px; float: left; clear: none;}
#scrip_page h2 {line-height: 1.4em; margin-left: 10px; width: 460px; color: #000;  margin-top: 10px; font-size: .9em; float: left;}
#scrip_page h3 {color: #532b6b; margin-left: 30px; width: 600px; margin-top: 20px; font-size: 1.3em; float: left; clear: left;}
#scrip_page h4 {margin-left: 30px; color: #000; float: left; font-size: 1.1em; margin-top: 10px; clear: left;}

#scrip_page p span {color: Red; font-weight: bold;}
#scrip_page p {float: left; width: 850px; margin-left: 30px; margin-top: 10px;}


#follet {border: 3px solid #532B6B; width: 400px; height: 300px; margin-top: 20px; margin-left: 260px; margin-bottom: 20px;}




#footer {width:1000px; background-color:#532b6b; float:left; height: 30px;  }
#footer p {color: #fff; text-align: center; font-size: .8em; }
#footer p span{color: #fff; text-align: center; font-size: .9em; }
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */