/* -- Generic Styles --------------------------------------------------------*/ body { margin: 0px; font-family: Verdana; font-size: 13px; background-color: #cce5e5 } .myaztln { background-color: #d9e5c1 } a { text-decoration: none } h1 { font-size: 18px; margin-top: 0px; } h1.blue { color: #99cccc; } h1.green { color: #b2cc82; } h1.peach { color: #e5b07d; } h1.green_dark { color: #b2cc82 ; } .c_blue { color: #99cccc; } .c_green { color: #b2cc82; } .c_peach { color: #e5b07d; } .c_green_dark { color: #b2cc82; } .centered { text-align: center } input, textarea, button, select { border: 1px solid gray } label { font-weight: bold } a img { border: none } /* Fix for tinymce */ p { margin: 0px } .msg { border: 1px solid #dfdfdf; padding: 6px; margin: 6px 0; font-style: italic; } /* -- Header Styles ---------------------------------------------------------*/ div#container { width: 963px; margin: auto; background-color: white; } div#top_nav { position: relative; margin-bottom: 6px; } div#top_nav div#top { position: absolute; top: 20px; right: 0px } div#top_nav div#top a { color: #b2cc82 } div#top_nav div#bottom { position: absolute; top: 110px; right: 0px } div#top_nav div#bottom a { color: #99cccc; margin-right: 25px; } /* -- Box Styles ------------------------------------------------------------*/ /* -- Box Styles ------------------------------------------------------------*/ .box_padding { padding: 16px; } .content { margin: 0 13px; } /* BLUE */ div.blue { background-color: #99cccc; } .blue_box { background: #ffffff; } .blue_box_top div { background: url(/public/images/borders/blue_tl.png) no-repeat top left; } .blue_box_top { background: url(/public/images/borders/blue_tr.png) no-repeat top right; } .blue_box_bottom div { background: url(/public/images/borders/blue_bl.png) no-repeat bottom left; } .blue_box_bottom { background: url(/public/images/borders/blue_br.png) no-repeat bottom right; } .blue_box_top div, .blue_box_top, .blue_box_bottom div, .blue_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.blue a { color: #99cccc } /* BLUE / DARK */ div.blue_dark { background-color: #99cccc; } .blue_dark_box { background: #c2dedf; } .blue_dark_box_top div { background: url(/public/images/borders/blue_dark_tl.png) no-repeat top left; } .blue_dark_box_top { background: url(/public/images/borders/blue_dark_tr.png) no-repeat top right; } .blue_dark_box_bottom div { background: url(/public/images/borders/blue_dark_bl.png) no-repeat bottom left; } .blue_dark_box_bottom { background: url(/public/images/borders/blue_dark_br.png) no-repeat bottom right; } .blue_dark_box_top div, .blue_dark_box_top, .blue_dark_box_bottom div, .blue_dark_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.blue_dark a { color: #99cccc } /* PEACH */ div.peach { background-color: #e5b07d } .peach_box { background: #ffffff; } .peach_box_top div { background: url(/public/images/borders/peach_tl.png) no-repeat top left; } .peach_box_top { background: url(/public/images/borders/peach_tr.png) no-repeat top right; } .peach_box_bottom div { background: url(/public/images/borders/peach_bl.png) no-repeat bottom left; } .peach_box_bottom { background: url(/public/images/borders/peach_br.png) no-repeat bottom right; } .peach_box_top div, .peach_box_top, .peach_box_bottom div, .peach_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.peach a { color: #e5b07d; } /* PEACH DARK */ div.peach_dark { background-color: #e5b07d } .peach_dark_box { background: #f2d7be; } .peach_dark_box_top div { background: url(/public/images/borders/peach_dark_tl.png) no-repeat top left; } .peach_dark_box_top { background: url(/public/images/borders/peach_dark_tr.png) no-repeat top right; } .peach_dark_box_bottom div { background: url(/public/images/borders/peach_dark_bl.png) no-repeat bottom left; } .peach_dark_box_bottom { background: url(/public/images/borders/peach_dark_br.png) no-repeat bottom right; } .peach_dark_box_top div, .peach_dark_box_top, .peach_dark_box_bottom div, .peach_dark_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.peach_dark a { color: #e5b07d; } /* GREEN */ div.green { background-color: #b2cc82;} .green_box { background: #ffffff; } .green_box_top div { background: url(/public/images/borders/green_tl.png) no-repeat top left; } .green_box_top { background: url(/public/images/borders/green_tr.png) no-repeat top right; } .green_box_bottom div { background: url(/public/images/borders/green_bl.png) no-repeat bottom left; } .green_box_bottom { background: url(/public/images/borders/green_br.png) no-repeat bottom right; } .green_box_top div, .green_box_top, .green_box_bottom div, .green_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.green a { color: #b2cc82 } /* GREEN / DARK */ div.green_dark { background-color: #b2cc82;} .green_dark_box { background: #d9e5c1; } .green_dark_box_top div { background: url(/public/images/borders/green_dark_tl.png) no-repeat top left; } .green_dark_box_top { background: url(/public/images/borders/green_dark_tr.png) no-repeat top right; } .green_dark_box_bottom div { background: url(/public/images/borders/green_dark_bl.png) no-repeat bottom left; } .green_dark_box_bottom { background: url(/public/images/borders/green_dark_br.png) no-repeat bottom right; } .green_dark_box_top div, .green_dark_box_top, .green_dark_box_bottom div, .green_dark_box_bottom { width: 100%; height: 13px; font-size: 1px; } div.green_dark a { color: #b2cc82 } /* -- Welcome Page Template -------------------------------------------------*/ div#slogan { background-color: #fffde8; text-align: center; margin-bottom: 4px; } #homepage h1 { font-size: 14px } #homepage div#left { width: 638px; float: left; } #homepage div#right { width: 321px; float: right; } #homepage div#welcome_box { width: 638px; height: 214px; margin-bottom: 4px; } #homepage div#welcome_box .content { height: 156px; } #homepage div#callout_left { width: 281px; height: 274px; float: left; } #homepage div#callout_left .content { height: 216px } #homepage div#activities_box { width: 354px; height: 274px; float: right; } #homepage div#activities_box .content { height: 216px } #homepage div#callout_right { height: 492px; } #homepage div#callout_right .content { height: 434px; } #homepage div#sponsors { font-size: 9px; font-family: verdana; color: #949499; margin-top: 4px; background-color: #cce5e5; } /* -- Content Page Template -------------------------------------------------*/ #content div#left { width: 155px; float: left } #content div#right { width: 804px; float: right; } #content div#navigation { height: 298px; margin-bottom: 4px; } #content div#navigation .content { height: 240px; } #content div#navigation .content a { text-decoration: none; font-size: 11px; } #content div#navigation .content a.active { font-weight: bold } #content div#navigation h1 { font-size: 16px; margin: 0px; } #content div#callout_left { height: 234px; color: #949499; text-align: center; font-size: 14px; font-weight: bold; } #content div#callout_left .content { height: 176px; } #content div#content_area { /* height: 536px; */ } #content div#content_area .content { min-height: 478px; padding-left: 50px; padding-right: 50px; } #content div#content_area p { margin-bottom: 28px; } /* -- One Box Page Template -------------------------------------------------*/ #one_box .content { padding-left: 66px; padding-right: 66px; min-height: 400px; } /* -- Contact Page Template ------------------------------------------------*/ #contact .content { padding-left: 175px; padding-right: 175px } #contact_form div { width: 475px; margin-bottom: 25px; } #contact_form label { float: left } #contact_form input { background-color: #fffac2; float: right; width: 400px; height: 21px; border-width: 2px 2px 0 0; border-color: #ede8b4; border-style: solid; } #contact_form textarea { background-color: #fffac2; width: 475px; height: 205px; border-width: 2px 2px 0 0; border-color: #ede8b4; border-style: solid; } /* -- Profile Page -------------------------------------------------------- */ #profile #navigation .link_box { line-height: 26px } #profile div#navigation .content a { text-decoration: none; font-size: 11px; } #profile div#left { width: 185px; float: left } #profile #left .content { min-height: 400px; } #profile div#right{ width: 774px; float: right } #profile #right .content { min-height: 400px; } #profile_left { float: left; width: 475px; } #profile_left p { margin: 10px 0; } #profile_right { float: left; width: 235px; } #profile_right p { font-size: 10px } #profile_right h1 { font-size: 16px } #profile #edit_profile input, #profile #edit_profile textarea { width: 320px; } #profile #user_info { padding: 10px; } #profile #connections { margin-top: 10px } .link_box { line-height: 18px } .avatar { text-align: center; width: 200px; height: 200px; } .bulletin { margin-bottom: 20px } /* -- My Profile Page ------------------------------------------------------ */ #my_profile #navigation .link_box { line-height: 26px } #my_profile div#left { width: 185px; float: left } #my_profile #left .content { min-height: 400px; } #my_profile div#right{ width: 774px; float: right } #my_profile #right .content { min-height: 300px; } #my_profile #bulletins { float: left; width: 485px; } #my_profile #connection_requests { float: right; width: 285px; } #my_profile #mini_profile { margin-top: 4px; } /* .connections img { border: 1px solid #999999; margin-right: 13px; margin-bottom: 13px; } */ .connection { float: left; margin-right: 13px; margin-bottom: 13px; text-align: center; } .connection img { border: 1px solid #999999; } /* -- Teacher Directory Page Template --------------------------------------*/ #directory div#left { width: 155px; float: left } #directory div#right{ width: 804px; float: right } #directory table { border-collapse: collapse; width: 100%; } #directory table tr.odd { background-color: #ebebeb } #directory table th { text-align: left } #directory table a { color: black; text-decoration: underline; } #directory table { line-height: 22px; } #directory table td { padding: 4px; } #directory #navigation a { color: #d9e5c1; font-weight: bold; font-size: 11px; } #directory #navigation a.active { color: #b2cc82 }