/* Style for East Side Nursery School */
* { margin: 0; padding: 0;border: 0;outline: 0;}
html body {font-family: Arial, Helvetica, sans-serif;font-size: 100%; background: #d1d3c7; text-align: left; } 
p {font-family: Arial, Helvetica, sans-serif;font-size: 0.6875em; line-height: 1.6875em; color: #323232; letter-spacing: 0.1em; text-align: left; padding-bottom: 10px;}
hr { color: #ffc640; background-color: #ffc640; height: 1px; width: 100%; border: none; margin-bottom: 8px;}
li {list-style-type: none; font-weight: normal;}
.clear {clear: both;}
.left { float: left;}
.right { float: right;}
.center {padding-bottom: 10px;display: block;margin-left: auto; margin-right: auto;} 
img .left { padding: 0px 8px 0px 0px;}
img .right { margin: 0px 0px 0px 8px; padding: 1px;}

#nav .ccm-spacer {display: none;}
/* L I N K S */
a:link, a:link img, a:visited, a:visited img, a:hover, a:hover img, a:active, a:active img { text-decoration:underline; outline: none; border: none;}
a:link, a:link img { color: #0024ff; text-decoration: none; }
a:visited, a:visited img {color: #0024ff; text-decoration: none;}
a:hover, a:hover img { color: #323232; text-decoration: underline;}
a:active, a:active img { color:#0024ff; text-decoration: none;}

/* M A I N   F O N T S */ 
#wrapper h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; letter-spacing: 0.21em; color: #000; font-weight: normal; position: absolute; top: 90px; left: 215px; z-index: 1; }
#wrapper h2 {font-size: 1em; letter-spacing: 0.37em; font-weight: bold; color: #fff; text-transform:uppercase; background: #7e80b0; padding: 10px 20px; border-bottom: 2px solid #ffc640;}
#wrapper h3 { font-size: 0.9375em; line-height: 1.5em; font-weight: bold; letter-spacing: 0.15em; color: #323232;}
#wrapper h4 { font-size: 0.8125em; line-height: 1.75em;  letter-spacing: 0.1em; color: #4d4d4d; padding-top: 12px; padding-bottom: 8px;}
#wrapper h5 { font-size: 0.8125em; line-height: 1.375em; font-weight: bold; letter-spacing: 0.1em; color: #323232; padding-bottom: 4px; padding-top: 12px;}
#wrapper h6 { font-size: 0.8125em; line-height: 1.375em; font-weight: bold; letter-spacing: 0.1em; color: #858585; padding-top: 22px; padding-bottom: 8px;text-transform: uppercase;}

/* S E C O N D   G L O B A L   F O N T S */
.paragraph {font-family: Arial, Helvetica, sans-serif;font-size: 0.6875em; line-height: 1.6875em; color: #323232; letter-spacing: 0.1em; text-align: left; padding-bottom: 10px;}
.caption {font-size: 0.5625em; line-height: 1.25em; color: #000; letter-spacing: 0.1em; padding: 7px 10px 32px 10px; margin-right: 30px; }
.date {font-size: 0.75em;font-weight: bold; padding-top: 8px; padding-bottom: 12px;}
.location {font-weight: bold; font-style: italic; line-height: 0.75em; color: #323232;}
.scheduleDescriptions {font-family: Arial, Helvetica, sans-serif;font-size: 0.6875em; line-height: 1.75em; color: #323232; letter-spacing: 0.1em; text-align: left; padding-bottom: 18px;}

/* L A Y O U T  */
#wrapper {width: 1000px; position:relative; margin: 0 auto; margin-top: 10px; background:#fff; overflow: hidden;}
img#logo {position: absolute; top: 15px; left: 55px; z-index: 4;}
#sidebar {background: #f4fec8; width: 234px; border-right: 2px solid #ffc640;position: relative; float: right; padding-bottom: 1001em; margin-bottom: -1000em; }
#container {position: relative; float: right; padding-bottom: 1001em; margin-bottom: -1000em; background: #fff; width: 764px;  margin-top: -1px;}	
#introText {width: 610px;margin-bottom: 22px; margin-top: 15px;padding-left: 20px;}
#introText ul {margin-top: 5px;}
#introText li {list-style-type: disc; font-family: Arial, Helvetica, sans-serif;font-size: 0.8125em; line-height: 1.6875em; color: #323232; letter-spacing: 0.1em; text-align: left; margin-left: 15px; padding-bottom: 4px;}
#subContent {width: 488px; position: relative; float: left; margin-right: 30px; padding-left: 20px;}
#widesubContent {width: 610px; position: relative; left: 20px;}
#footer {position: relative; background: #bebebe; width: 1000px; clear: both; border-top: 2px solid #ffc640; padding-bottom: 15px;}
#footer p {font-size: 0.75em; line-height: 1.5em; letter-spacing: .17em; margin-left: 254px; margin-top: 10px;  width: 630px;}
#secondFooter {position: relative; background: #d1d3c7; width: 1000px; clear: both; }
#secondFooter p {  font-size: 0.625em; color: #7c7c7c; margin-left: 20px; padding-top: 10px;}
#secondFooter a {font-weight: bold; color: #7c7c7c; letter-spacing: 0.15em;}
#secondFooter a:hover {color: #323232; text-decoration: none;}

#footer .applicationDownload {position: absolute; right: 90px; top: 20px;}
* html #footer .applicationDownload {right: 30px;}
#introText .applicationDownload {float: left; position: absolute; left: 20px; padding: 10px 0px; margin-bottom: 10px;}
.applicationDownload a {font-size: 0.5em; color: #ff0000; font-weight: bold; letter-spacing: 0.3em; line-height:1.5em;}
.applicationDownload a:hover {font-size: 0.5em; color: #eaeaea;}
a.applicationRollover {display: block; width: 21px; height: 24px; text-decoration: none; background: #bebebe url(/themes/ESNS/images/application.gif) no-repeat 0px -24px; padding-left: 30px;}
#introText a.applicationRollover {display: block; width: 21px; height: 24px; text-decoration: none; background: #fff url(/themes/ESNS/images/application.gif) no-repeat 0px -24px; padding-left: 30px;}
#introText .applicationDownload a:hover {font-size: 0.5em; color: #323232; background: #fff url(/themes/ESNS/images/application.gif) no-repeat 0px 0px;}
a.applicationRollover:hover { background-position: 0px 0px; }

#introText .movieDownload {float: left; position: absolute; left: 20px; padding: 15px 0px; margin-bottom: 10px;}
.movieDownload a {font-size: 0.5em; color: #ff0000; font-weight: bold; letter-spacing: 0.3em; line-height:1.5em;}
.movieDownload a:hover {font-size: 0.5em; color: #eaeaea;}
a.movieRollover {display: block; width: 124px; height: 24px; text-decoration: none; background: #fff url(/themes/ESNS/images/movies.gif) no-repeat 0px -24px; padding-left: 30px;}
#introText a.movieRollover {display: block; width: 124px; height: 24px; text-decoration: none; background: #fff url(/themes/ESNS/images/movies.gif) no-repeat 0px -24px; padding-left: 30px;}
#introText .movieDownload a:hover {font-size: 0.5em; color: #323232; background: #fff url(/themes/ESNS/images/movies.gif) no-repeat 0px 0px;}
a.movieRollover:hover { background-position: 0px 0px; }



.OverlayBG { height: 47px; z-index: 0; position: absolute; width: 1000px;top: 82px; left: 0px; background-color: #ffffff; opacity:.5; filter: alpha(opacity = 50);}

/* N A V I G A T I O N */
#nav {background: #95c384; width: 1000px; position: absolute; top: 129px; left: 0px; border-top: 2px solid #ffc640; border-bottom: 2px solid #ffc640; opacity: 0.8; filter: alpha(opacity=80);}
#nav ul {margin-left: 238px;  }
#nav ul li {float: left; display:block; padding:8px 0px;font-size: 0.875em; font-weight: bold; letter-spacing: 0.17em;  }
#nav ul li a {color: #000; padding: 8px 16px;}
#nav ul li a:hover {padding: 8px 16px;background: #c7dbc0; text-decoration: none;}
#sidebar ul {position: absolute; right: 15px; top: 20px;}
#sidebar ul li {text-align: right;font-size: 0.875em; font-weight: bold; margin-bottom: 15px; letter-spacing: 0.17em; }
#sidebar ul li a {color: #000;}
#sidebar ul li a:hover {color:#6567ac; text-decoration: none;}
#subContent ul, #widesubContent ul {margin-top: 5px;}
#subContent li, #widesubContent li {list-style-type: disc; font-family: Arial, Helvetica, sans-serif;font-size: 0.6875em; line-height: 1.6875em; color: #323232; letter-spacing: 0.1em; text-align: left; margin-left: 15px; padding-bottom: 8px;} 

#nav .nav-selected {background: #7e80b0;}

/* L O G I N */
#parentLogin {position: absolute; top: 5px; right: 10px; text-align:right;}
#parentLogin p {font-weight: bold; font-size: 0.5625em; color: #242424; letter-spacing: 0.2em;}
#parentLogin a {font-weight: bold; font-size: 0.5625em; color: #242424; letter-spacing: 0.2em;}
#parentLogin a:hover {color: #eaeaea; text-decoration: none;}
#login {width: 300px; position: absolute; top: 35px; right: 32px; z-index: 3; display: none; }
#login h2 {background: #717171; border: none; padding-left: 10px;}
#login p {padding: 10px; background: #bebebe; border: none; }
#login {float: right;padding: 0px; margin-right: 6px; margin-top: 5px; }
#login form {width: 280px; position: relative; background: #bebebe; border: 2px solid #777; }
#login form label {color: #4d4d4d; font-weight: bold; letter-spacing: 0.3em; font-size: 0.5625em; display: block; text-transform: uppercase; margin-left: 15px; margin-bottom: -5px;}
#login form input {display: block; border: 1px solid #ddd; padding: 1px; margin-bottom: 5px; margin-left: 10px;}
#login form .buttons {margin: 0 auto;}
#login .submit_button {font-family: Arial, Helvetica, sans-serif;font-size: 0.75em;background-color: #717171;color: #fff;  letter-spacing: 0.15em;text-transform: uppercase; font-weight: bold; outline: none; cursor:pointer; padding: 2px 6px; margin: 0 auto; margin-bottom: 10px;}
#login .submit_button:active {background-color: #717171; color: #eaeaea;  outline: none; cursor:pointer;}
#login .submit_button:hover {background-color: #383838; color: #eaeaea;  outline: none; cursor:pointer;}

/* S U B   L A Y O U T */
.teachersHolder {position: relative; width: 660px;}
.teachersText {float:left; width: 540px;}
.teachersPhoto {float:left; width: 120px; margin-top: 5px; } 
#widephotoHolder {width: 280px; position: relative; float: left; margin-top: 38px; left: 40px;}
#widesubContent {width: 428px; position: relative; float: left;}
#eventssubContent {width: 620px; position: relative; float: left; left: 20px;}
#narrowphotoHolder {width: 220px; position: relative; float: left; margin-top: 36px;}
* html #narrowphotoHolder {margin-top: 40px;}
#narrowphotoHolder p {margin-top:-10px;}
#widephotoHolder p {margin-top:-10px;}


/* H O M E */
#header {background: #c0e9b1; height: 81px; width: 1000px; margin-bottom: 84px;}
#introTopText {background: #7e80b0; width: 1000px; border-bottom: 2px solid #ffc640;}
#introLeftText {float: left; width: 490px; background: #f4fec8; border-right: 2px solid #ffc640; padding-bottom: 1001em; margin-bottom: -1000em;}
#introRightText {float: left; width: 508px; background: #f4fec8; padding-bottom: 1001em; margin-bottom: -1000em;}
#introTopText a, #introLeftText a, #introRightText a {font-size: 0.6875em; font-weight: bold; letter-spacing:0.2em; float: right; padding-right: 40px;}
#text {float: left; width: 600px; }
#rotatingImages {float: left; width: 260px;  padding: 22px 45px 0px 55px;}
#rotatingImages img {border: 5px solid #fff; }
#introTopText h2 {color: #e4e4ef; text-transform:none; font-size: 0.9375em; letter-spacing: 0.1em; line-height: 1.5em; border: none; padding: 40px 40px 20px 0px;}
#introLeftText h3, #introRightText h3 {font-size: 0.8125em; padding: 20px; font-weight: normal; line-height: 1.75em;}

* html #introLeftText {display: inline;}
* html #introRightText {display: inline;}

#home #parentLogin a:hover {color: #000; text-decoration: underline;}
.slideImgWrap {border: 5px solid #fff;}

.login_block_form .loginTxt{ font-weight:bold }
.login_block_form .uNameWrap{ margin:8px 0px; }
.login_block_form .passwordWrap{ margin-bottom:8px;}
.login_block_form .login_block_register_link{margin-top:8px; font-size:11px}

.miniSurveyView {position: relative; background: #eee; padding-top: 20px; width: 600px; border: 2px solid #d1d3c7;}
#wrapper ul li {list-style-type: none;}
.miniSurveyView li { float: left; text-align:right;}
.miniSurveyView .question {list-style-type: none; color: #4d4d4d; font-weight: bold; letter-spacing: 0.05em; font-size: 0.75em; margin-left: 15px; margin-bottom: -5px; text-align: right; width: 200px;}
.miniSurveyView input {background: #d1d3c7; padding: 3px; color: #3a3a3a; width: auto;}
.miniSurveyView input:focus {background: #fff; color: red;}
.miniSurveyView textarea {background: #d1d3c7; padding: 3px; color: #3a3a3a; font-family: arial, sans-serif; letter-spacing: 0.05em; font-size: 0.75em; }
.miniSurveyView textarea:focus {background: #fff; color: red;}
.miniSurveyView select {background: #d1d3c7; width: 165px;}
.miniSurveyView select:focus {background: #fff; width: 165px; color: red;}
.miniSurveyView .formBlockSubmitButton {font-family: Arial, Helvetica, sans-serif;font-size: 0.75em;background-color: #717171;color: #fff;  letter-spacing: 0.15em;text-transform: uppercase; font-weight: bold; outline: none; cursor:pointer; padding: 2px 6px; margin: 10px 10px 10px 195px; margin-bottom: 10px; }
.miniSurveyView .formBlockSubmitButton:active {background-color: #717171; color: #eaeaea;  outline: none; cursor:pointer;}
.miniSurveyView .formBlockSubmitButton:hover {background-color: #383838; color: #eaeaea;  outline: none; cursor:pointer;}