/* 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-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 {float: left;width:797px; background-color: #fff; height: 20px; _height: 19px;}
#edline_text {float: right; margin-right: 15px;}
#edline_text p {color: #000; font-size: 1em; }
#edline_text p a {text-decoration: none; color: #532b6b; font-weight: bold;}
#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; }


#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: 15px; clear: none; margin-top: 12px;}
#video_box {display: inline; width: 148px; height: 155px; float: left; margin-left: 7px; margin-top: 9px; }

#auction {background-image: url(../images/ad_bknd.jpg); background-repeat: repeat-x;  width: 279px; _width: 275px; height: 371px; float: right; clear: none; border: 2px solid #532b6b;}
#auction img {float: left; margin-left: 35px; _margin-left: 32px; margin-top: 15px; margin-bottom: 20px; display:inline;}
#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;}

#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;}

#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 ul {margin-left: 85px; _margin-left: 50px;float: left;  clear: none; margin-top: 5px;}
#learning ul li {color: #000; font-size: 1em;}

#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;}


#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 */