@charset "utf-8";
/* CSS Document */

body {
	background-color: rgb(41,165,220);
	background-image: url(http://www.sarahsmithelementary.com/images/bg.jpg);
	background-repeat: repeat-x;}

hr {margin: 0 10px 10px 10px;}
	
div#wrapper {
	margin: 0 auto;
	width: 840px;}
	
div#mainHeader {
	width: 830px;
	margin: 0 auto;
	float: left;
        display: inline;
	height: 150px;
	background: url(http://www.sarahsmithelementary.com/images/logo-trans.png) no-repeat;}
	
div#logo {
	height: 120px;}
	
div#mainContent {
	float: left;
        display: inline;
	height: auto;
	width: 830px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: rgb(255,255,255);
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-bottomright: 7px; 
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;}

div#leftColumn {
        padding: 0 0 10px 0;
        float: left;
        display: inline;
        width: 215px;}

div#sideNav {
        margin: 5px 0 0 10px;
        -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
        border: 1px solid #DDDDDD;
        background-color: #F2F2F2;}
	
div#mainLeft {
	position: relative;
	left: -10px;
	float: left;
        display: inline;
	width: 295px;
	height: 310px;}

div#smallLeft {
        position: relative;
	left: -10px;
	float: left;
        display: inline;
	width: 235px;
        margin: 0 0 10px 0;}

div#smallLeft .ibLink {
        margin: 0 0 0 40px;}
	
div#signUp {
	margin: -10px 0 5px 0;
	width: 295px;
	height: 125px;
	background: url(http://www.sarahsmithelementary.com/images/emailBlast-trans.png) no-repeat;}

div#signUpSm {
	margin: -15px 0 0 0;
	width: 235px;
	height: 110px;
	background: url(http://www.sarahsmithelementary.com/images/emailBlastSm-trans.png) no-repeat;}
	
div#newsletter {
	margin: 0 5px 0 0;
	float: right;
	width: 275px;
	height: 50px;
	background: url(http://www.sarahsmithelementary.com/images/newsletter.jpg) no-repeat;}

div#newsletterSm {
	margin: 0;
	float: right;
	width: 225px;
	height: 55px;
	background: url(http://www.sarahsmithelementary.com/images/newsletterSm.jpg) no-repeat;}
	
div#rotatingPhoto {
	background: url(http://www.sarahsmithelementary.com/images/rotatingPhotoBG-trans.png) no-repeat;
	position: relative;
	left: -5px;
	float: left;
        display: inline;
	width: 522px;
	height: 299px;
	padding: 11px 0 0 13px;}

div#rightColumn {
	float: left;
        display: inline;
	width: 585px;
        margin: 0 0 10px 0;
        padding: 0 0 10px 10px;}

div#rightColumn img {
        margin: 10px;}

div#rightColumn .caLogo {margin: 0;}
	
div#mainHeadlines {
	float: left;
        display: inline;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 0;
	width: 495px;
	height: 290px;}
	
div#mainCalendar {
	float: right;
        display: inline;
	margin: 5px 7px 5px 0;
	width: 290px;
	height: 300px;
	padding: 0 0 0 15px;
	background: url(http://www.sarahsmithelementary.com/images/calendarBG.jpg) no-repeat;}
	
div#principal {
	padding: 5px 10px 10px 25px;
	margin: 0 0 0 5px;
	float: left;
        display: inline;
	width: 600px;
	height: 130px;
	background: url(http://www.sarahsmithelementary.com/images/principalBG.jpg) no-repeat;}
	
div#iB {
	float:left;
	width: 165px;
	height: 145px;
	margin: 0 0 0 7px;}
	
div#footer {
	width: 810px;
	float: left;
        display: inline;
	padding: 10px 10px 15px 10px;}
	
.right {
	float: right;
        display: inline;}
	
.left {
	float: left;
        display: inline;}

.rightFrame {
	float: right;
        display: inline;
        padding: 5px;
        border: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}

.leftFrame {
	float: left;
        display: inline;
        padding: 5px;
        border: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}

.frame {
        padding: 5px;
        border: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}

div.container {width: 575px; margin: 0 0 0 10px; font-size: 12px;}

div.contact_position{margin: 0; padding: 0; width: 150px; height: 25px; float: left; display: inline;}
div.contact_name {margin: 0; padding: 0; width: 160px; height: 25px; float: left; display: inline; }
div.contact_phone {margin: 0; padding: 0; width: 100px; height: 25px; float: left; display: inline; }
div.contact_email {margin: 0; padding: 0; width: 125px; height: 25px; float: left; display: inline; }

div.teachContainer {width: 575px; margin: 0 0 0 10px; font-size: 12px; line-height: 16px;}
div.teachContainer hr {margin: 0 20px 5px 0;}
div.teacher_name{margin: 0; padding: 0; width: 195px; min-height: 25px; float: left;  display: inline;}
div.teacher_web{margin: 0; padding: 0; width: 80px;  min-height: 25px; float: left; display: inline;}
div.teacher_email{margin: 0; padding: 0; width: 180px;  min-height: 25px; float: left; display: inline; }
div.teacher_para{margin: 0; padding: 0; width: 120px;  min-height: 25px; float: left; display: inline; }

div.row {margin: 0 0 0 10px; padding: 0; width: 575px; }
div.cell {margin: 0; padding: 0; width: 74px; height: 75px; line-height: 75px; text-align: center; float: left; display: inline; font-size: 12px; font-weight: bold; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
div.dayCell {margin: 0; padding: 0; width: 75px; height: 20px; float: left;  display: inline; font-size: 12px; font-weight: bold; text-align: center; border-bottom: 1px solid #DDDDDD;}
div.weekCell {margin: 0; padding: 0; width: 45px; height: 75px; float: left; display: inline; font-size: 12px; font-weight: bold; text-align: left; line-height: 75px; border-right: 1px solid #DDDDDD;}
div.weekShCell {margin: 0; padding: 0; width: 45px; height: 20px; float: left; display: inline; }

div#retailLogo {width: 75px; float: left; display: inline; margin: 0 0 25px 10px;}
div#retailLogo img {margin: 0; padding: 0; float: left; display: inline;}
div#retailDesc {float: left; display: inline; width: 500px; margin: 0 0 25px 0;}

div#helpfulLink {width: 180px; height: 130px; margin: 0 0 10px 10px; padding: 0; float: left; display: inline; text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}
div#helpfulLink p {margin: 0;}
div#helpfulLink img {margin: 10px 0 0 0; }

div#addressBox {width: 210px; height: 100px; margin: 0 40px 10px 10px; padding: 0; float: left; display: inline; font-size: 12px; border: 1px solid #DDD;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2);
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}
div#addressBox p {width: 145px; margin: 10px 0 0 10px; line-height: 16px; float: left; display: inline;}
div#addressBox img {width: 50px; margin: 5px 0 0 5px; float: left; display: inline;}

div#contactBox {margin: 10px 0 0 10px; font-size: 12px;}
div#contactBox p {line-height: 16px; }

#formElement {
	width: 360px;
	float: left;
        display: inline;
	margin: 5px 0 5px 10px;}
	
label {
	float: left;
        display: inline; 
	width: 75px;}

.smLink {
        text-align: left;
        font-size: 12px;
        line-height: 12px;}

.formText {
	width: 265px;}
	
.button {
	background: #FFF url(http://www.sarahsmithelementary.com/images/signup.jpg) no-repeat; 
	font-family: "Times New Roman", Times, serif;
        text-shadow: #666666 0 0 3px;
        color: #fff; 
        font-size: 20px;
	border: none; 
	width: 100px; 
	height: 38px; 
	margin: 0 13px 0 0; 
	padding: 0; 
	cursor: pointer; 
	float: right;
        display: inline;}

.calendar {margin: 0 0 15px 12px;}