body * { margin: 0; padding: 0 }
a { color: #4566BD; /* color: #522621; */ /* color: #0C3EC4; */ }
a:hover, a:active { text-decoration: underline; color: #EA8685 }
li { float: left; list-style-type: none }
li a { display: block }
body { /* font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; */ font: 12px Tahoma, Geneva, sans-serif; margin: 0; padding: 0; background-color: #f0f2f9; color: #333 }
form { margin: 12px 0 }
label { display: block; margin-bottom: 2px }
input, textarea { margin-bottom: 6px }
select { margin-bottom: 12px }
div#flash_notice { border: 1px solid #FF6666; color: #FF6666; padding: 4px; background-color: #F6CECE; margin-bottom: 16px }
#main-area { margin: 10px auto 0 auto; padding-bottom: 10px; width: 800px; background: url("/images/main_area_bg.png") repeat-y }
#head { height: 372px; background: url("/images/beachchair.jpg") no-repeat 186px center; position: relative }
#banner-sidebar { margin-left: 5px; width: 165px; height: 372px; background: #a7baf0 url("/images/blueflowers.gif") no-repeat left bottom }
#logo { text-align: center; padding-top: 170px; background: url("/images/logo.png") no-repeat 50% 40%; color: #092b8a }
#logo h1 { font-size: 14px }
#logo h2 { font-size: 13px; font-style: italic; font-weight: normal }
#business-card-banner { background: #d6def4 url("/images/businesscard_small.png") no-repeat 20px 20px; color: #022071; height: 72px; padding: 20px 0 20px 100px; width: 690px; margin-left: 5px; position: relative }
#business-card-banner h1 { font-size: 14px; font-weight: bold; margin: 0; margin-top: 6px; margin-bottom: 3px }
#business-card-banner h2 { font: 13px normal; margin-bottom: 2px; font-style: italic; margin: 0 }
#business-card-banner h3 { font: 16px normal; margin: 0 }
#text-menu { width: 778px; height: 39px; margin: 10px auto; background: #e5eaf8 url("/images/textmenu.png") repeat-x; padding: 0 6px }
#text-menu li a { font-size: 14px; line-height: 32px; color: #022071; letter-spacing: 1px; height: 34px; text-decoration: none; text-align: center }
/* #text-menu li a:hover {background-color: #0a329f; color: #e5eaf8;} */
#text-menu li a.menu-longitem { padding: 2px 10px; height: 32px; line-height: 16px }
#content { clear: both; width: 740px; margin: 11px auto 0 auto; padding: 0 30px }
#frame { background: url("/images/frame_top.png") no-repeat left top; padding-top: 45px; color: #022071; font: 16px Georgia, "Times New Roman", serif;  line-height: 150% }
#frame-text { background: url("/images/frame_bottom.png") no-repeat left bottom; width: 660px; padding: 0 40px 50px 40px; position: relative }
#frame-text p { font-size: 13px; line-height: 1.4; margin-bottom: 10px }
#frame-text a { font-size: 13px }
#frame-text h2 { font-size: 28px }
#frame-text h1 { font-size: 13px; font-weight: normal }
#frame-text div#background-flower { width: 86px; height: 57px; background-image: url("/images/frame_flower.png"); position: absolute; bottom: 30px; right: 30px }
#pic-menu { margin: 13px auto; width: 790px; height: 80px }
#pic-menu li a { width: 120px; height: 80px; margin-left: 10px; position: relative; 
}
#text-menu li a:hover, #pic-menu li a:active { background-color: #0a329f; color: #e5eaf8 }
#text-menu li a.current { background-color: #0a329f; color: #e5eaf8 }
/* #pic-menu li a:hover {top: 5px;} */
#pic-menu li a span { display: none }
#pic-menu #pic-bio { background-image: url("/images/bio.jpg") }
#pic-menu #pic-curriculum-vitae { background-image: url("/images/curriculum_vitae.jpg") }
#pic-menu #pic-published-work { background-image: url("/images/published_work.jpg") }
#pic-menu #pic-favorite-websites-for-teachers { background-image: url("/images/favorite_websites_for_teachers.jpg") }
#pic-menu #pic-inspiration-for-educators { background-image: url("/images/inspiration_for_educators.jpg") }
#pic-menu #pic-class-materials { background-image: url("/images/class_materials.jpg"); margin-right: 0 }
#footerPics { background-color: #e1e7f9; text-align: center; margin: 0 5px }
#footerPics img { margin: 10px }
#foot { width: 770px; padding-top: 5px; text-align: center }
a.add_new, a.back { font-size: 14px; text-decoration: underline; color: #EA8685; font-weight: bold }
div#publications { margin-top: 18px }
div#publications h1 { margin-bottom: 6px; font-size: 18px }
div#publications ul { margin-bottom: 24px }
div#publications ul li { float: none; margin-bottom: 8px }
div#publications ol { margin: 2px 0 2px 30px }
div#publications ol li { margin-bottom: 0; list-style-type: decimal }
div#publications ul li a { display: inline; }
div#publications ul h2 { margin-bottom: 2px }
div#publications ul h2 a { font-size: 16px }
div#publications ul h2 a.edit { color: #EA8685; text-decoration: underline; font-size: 12px; font-weight: normal }
div#publications ul form, div#publications ul form div { display: inline; margin: 0; }
div#publications ul form input { font-size: 10px; border: 1px solid #eee; background-color: transparent; color: #aaa; vertical-align: baseline; margin-bottom: 0 }
div#publications ul form input:hover { cursor: pointer }
div#publications ul div.description { font-size: 13px; line-height: 16px; margin: 2px 0; font-style: italic }
div#publications ul span.publication_date { color: #C9CAC1; font-size: 13px; margin: 2px 0 }
div#contactMe { width: 500px; margin: 0 auto }
div#contactMe h1 { font-size: 20px; margin-bottom: 8px }
div#contactMe p { font-style: italic }
div#contactMe p.captchaHelp { font-style: normal; margin-bottom: 4px }
div#contactMe div { margin-bottom: 6px }
div#contactMe input { width: 300px }
div#contactMe input.submitBtn { width: auto }
div#contactMe textarea { width: 440px }
#text-menu li a { width: 9em; padding: 1px 6px }
#text-menu #menuWelcome a { width: 6em }
#text-menu #menuMaterials a { width: 8em }
#text-menu #menuInspiration a { width: 8em; line-height: 16px }
#text-menu #menuWebsites a { width: 10em; line-height: 16px }
#whatsnew { margin: 10px auto 20px auto; background-color: #f6f6f6; padding: 15px 20px 9px 20px }
#whatsnew h3 { margin-bottom: 12px; font-size: 15px }
#whatsnew p { font-size: 13px; line-height: 1.4; margin-bottom: 4px }
div#whatsnew div { margin-bottom: 16px }
div#whatsnew h4 { margin-bottom: 2px; }