/***********************************************/ /* HTML tag styles */ /***********************************************/ * {margin:0;padding:0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { min-height: 100%; margin-bottom: 1px; } /* FireFox Page-Shift Fix */ html { overflow: -moz-scrollbars-vertical !important; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} INPUT, SELECT, TEXTAREA, TH, TD {font-size:1em;font-family:Verdana, Geneva, sans-serif; color: #526450; } LI LI, LI P, TD P, BLOCKQUOTE P, TH P {font-size:1em; font-family:Verdana, Geneva, sans-serif; color: #526450; } :link,:visited {text-decoration: none;} body {background-image:url(../i/design/bg_body.jpg); background-repeat:repeat-x; background-position:0 0; background-color:#FFF; font-size:0.8em; font-family:Verdana, Geneva, sans-serif; color: #526450; line-height:1.5em; margin: 0; padding: 0px; text-align:center;} a, .mceContentBody a {color: #e3595d; text-decoration: none;} a:link {color: #e3595d; text-decoration: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:visited {color: #e3595d; text-decoration: none; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover, a:focus {color: #f59c1e; text-decoration:underline;} a img, img a, img, p a img {border:0; border-bottom:0; text-decoration:none;} h1, h2, h3, h4, h5, h6 {font-size: 1.8em;color: #526450; margin: 10px 0 10px 0; padding: 0px; font-weight:normal;} h1 {margin:0 0 10px 0; color:#e3595d; font-size: 1.7em; line-height:1.32em; padding:0; font-family: 'ChunkFiveRegular', 'Rockwell Bold', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;} h2 {font-size: 1.32em; line-height:1.4em; margin:0px 0 10px 0; padding:0; font-weight:bold; color:#1b85b7;} h3 {font-size: 1.2em; margin-top:0; color:#d2ad3c; font-family:Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;} h3 a {color:#d2ad3c !important;} h4 {font-size: 1.08em; } h5 {font-size: 0.9em;} h6 {font-size: 0.8em;} hr {height:1px; color:#CCC; background-color:#CCC; border:0; padding:0; margin:10px 0;} ul {list-style: none; padding: 0; margin: 0;} ul ul {list-style-type: disc;} ul ul ul {list-style-type: none;} p, li {margin:12px 0; padding:0;} li {margin:8px 0; padding: 0 0 0 23px; list-style: none; background-image:url(../i/icons/bullet_red.png); background-repeat: no-repeat; background-position: 0px 0px;} ol li {list-style: decimal inside;margin:7px 0;padding:0;background-image:none;} ol li li {list-style: lower-roman outside;margin: 7px 0 7px 30px;padding:0;} ul li li {list-style: circle outside;} em {font-style:italic;} strong {font-weight:bold} h1+p, h2+p, h3+p {margin-top:0px;} h1+h2 {margin-top:-5px; border:0; padding:0;} /***********************************************/ /* menu stuff */ /***********************************************/ #navholder {float:left; width: 990px; margin:0; padding:0; text-align:left; background-color:#333; } #nav {border:0; margin:0; padding: 0; vertical-align: top; width:870px;} #nav ul {margin:0; padding:0; text-align:center; list-style-type: none; vertical-align: top; background:transparent;} #nav li {background-image:none; float: left; padding:0; margin:0 1px 0 0; list-style:none; list-style-image:none; font-size:1em; border-left:1px solid #FFF; } #nav li:first-child {border:0;} #nav li a {display: block;text-decoration: none; padding:10px 14px 10px 14px; color:#FFF; font-size:1.05em; } /* if the padding wraps on the mac, use this hack to reduce the width \*/ /*.os-mac #nav li a {padding:9px 15px 11px 15px;}*/ /* End Pad Mac hack */ #nav li a:hover {background-color:#77a8d2; } /* second-level lists */ #nav li ul {width:220px; z-index:1000; position: absolute; left: -999em; list-style-type:none; position:absolute; margin:0 0 0 -2px; padding:0; background-color:#D5C5A1; z-index:999; border:2px solid #77a8d2; border-top:0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; /* using left instead of display to hide menus because display: none isn't read by screen readers */} #nav li ul li {border:0; padding:0; margin:0;} #nav li ul li a {font-size:0.9em; border:0; border-bottom:1px solid #67A8D2; background-color:#77a8d2; color:#FFF; padding: 7px 17px 7px 17px; width: 186px; display: block; text-align:left; font-weight:normal; text-transform:none; background-image: none; margin:0; text-decoration:none; } #nav li ul li a:hover {color: #FFF; background-color: #67A8D2;} /* third-and-above-level lists */ #nav li ul ul {display: block;background-color:transparent; margin: -33px 0 0 220px; padding:0; } #nav li ul ul li a {background-color:#77a8d2;} #nav li ul ul li a:hover {background-color:#67A8D2} #nav li ul li ul {} #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;} #nav li:hover {background-position: 0% 0%;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto;} #nav li:hover, #nav li.sfhover {background-color:#77a8d2;} #nav li:hover ul li a, #nav li.sfhover ul li a{background-image:none;} /***********************************************/ /* form stuff */ /***********************************************/ fieldset {margin:0; padding:0; border: none; width:400px; clear:all;} form {margin:0;padding:0;} label {float:left;margin:10px 0;width:90px;display:inline;} .formfield {margin:10px;float:left;display:inline;width:200px; border:1px solid #CCC; padding:2px;} .button {background-color:#666;color:#FFF; border:1px solid #333; padding:1px 2px; margin:10px 0; font-weight:bold;} form div {margin:15px 0; display:block; clear:left; vertical-align:top;} form div input[type="text"], form div textarea, form span textarea, form div input[type="textarea"], form div input[type="password"] {border:1px solid #CCC; padding:4px; width:300px; margin:0; background-color:#EFEFEF;} input[type="text"]:focus, form div textarea:focus, form span textarea:focus, form div input[type="textarea"]:focus, form div input[type="password"]:focus {border-color:#000;} form div span.label label, form div span.label,span.spacer,span.multiple span {width:180px; float:left; margin:0 0 0 0;} form div span.multiple {float:left;} form div span.button {padding-left:180px; background:transparent;border:0;} form div span.button input {background-color:#666;color:#FFF; border:0; padding:5px 10px; margin:0; font-weight:bold;} form div.clear {clear:both;padding-top:5px; } /***********************************************/ /* Search form */ /***********************************************/ #FS {float:right; margin:0; padding:5px 5px 0 0;} .fieldsearch {float:left; font-size:0.85em; color:#4D4D4D; border:0; margin:0; padding:0px 5px 0px 5px; width: 81px; height: 29px; line-height:29px; background-image:url(../i/design/bg_field_search.gif); background-position:0 0; background-repeat:no-repeat; vertical-align:middle;} .buttonsearch {float:left; vertical-align:middle; text-align:center; width:29px; height:29px; border:0; padding:0; margin:0; cursor:pointer;} /***********************************************/ /* Layout Divs */ /***********************************************/ #footer {color:#506715; text-align:left; font-size: 0.86em; padding:25px 0px 25px 0px; margin:0 auto; width: 990px; background:url(../i/design/bg_schoolawards.jpg) no-repeat 330px 30px;} #footer p {margin:5px 0; font-family:Verdana, Geneva, sans-serif; font-weight:bold;} #footer a {color:#248a90;} #footer a img {} #footer a:hover {color:#E3595D; text-decoration:none;} #footer #credit {float:right; clear:left; display:inline;margin:0; padding:0 } #footer #credit a {padding:0px; } #footer #credit a img{border:0; margin:0; background-color:#FFF} #footerholder {width: 100%; padding:0; margin:-10px auto 0px auto; clear: left; background:transparent url(../i/design/bg_footerholder.png) repeat-x 0 0; } #google_translate_element {display:inline; float:right; height:30px; overflow:hidden; margin-left:30px;} #HeaderImg {width: 900px; margin:0 0px 0 0; height: 200px; float:left; padding:0; } #leadingleaf {position:absolute; bottom:-70px; right:10px;z-index:25;} #logobar {padding:0px; margin:0; text-align:left; width:1040px; height:348px; background:url(../i/design/bg_logobar.jpg) no-repeat 270px top; position:absolute;} #logobar h1 {color:#FFF; position:absolute; top:40px; left:40px; z-index:500; margin:0; padding:0; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2em;} #logobar a {color:#FFF;} #logobar a:hover {background-color:transparent; color:#7EB9D1} #mainholder {background: url(../i/design/bg_main.gif) repeat-y scroll 4px 0 transparent; clear: both; margin: -9px auto 0; padding: 18px 10px 20px 10px; text-align: left; width: 970px; } #mainholder p a, #mainholder li a {} #mainholder p a:hover, #mainholder li a:hover {/*-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*/} #masthead {width: 990px; padding:0; margin:0 auto; position:relative; height:525px; z-index:100;} #mastoverlay {position:absolute; z-index:20; right:0px; top:216px; background:url(../i/design/bg_mastoverlay.png) no-repeat 0 0; width:764px; height:300px; } #quicklinks {background:url(../i/design/bg_quicklinks.jpg) no-repeat 0 0; float:right; width:212px; height:212px; padding:60px 0 0 0;} #quicklinks ul li {font-family: 'ChunkFiveRegular', 'Rockwell Bold', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; font-size:1.26em; line-height:1.58em; background:none;} #quicklinks ul li a { color:#9c7374;} #quicklinks ul li a:hover {color:#E25A5A;} #quotebox {position:absolute; z-index:25; left:-45px; top:142px; background:url(../i/design/bg_quotebox.jpg) no-repeat 0 0; width:172px; height:228px; padding:150px 0 0 140px; text-align:left; color:#b9781b; } #quotebox div p {color:#b9781b; font-family:Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; font-size:1.16em; margin:10px 0 4px 0; line-height:1.6em;} #quotebox div h4 {color:#f59c1e; font-size:1.2em; font-family:Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; } #panelholder {margin:20px 0 0 0; width:100%; float:left;} #supernav {width:0;height:0;display:none;} #tweet {background:url(../i/design/bg_tweets.jpg) no-repeat 0 0; float:left; height: 172px; oveflow:hidden; padding: 70px 15px 30px 15px; width: 182px; } #tweet > a { display: block; margin: 12px 0 0 8px;} #wrapper {width: 100%; padding:0; margin:0 auto 0 auto; text-align:center; } #wrapperoverlay {width:100%; background:url(../i/design/bg_wrapper.png) repeat-x -70px 0; position:fixed; top:0; left:0; z-index:1000; height:69px;} /***********************************************/ /* quotes */ /***********************************************/ blockquote {background-image:url(../i/design/bg_blockquote.gif); background-repeat:no-repeat; background-position:0 0; font-weight:normal; padding:10px; margin:5px 0; background-color: #F4F8FB; border:3px solid #E2EBF4;} .Content2Column blockquote {background-image:url(../i/design/bg_blockquote_2col.gif); } .Content3Column blockquote {background-image:url(../i/design/bg_blockquote_3col.gif); } /************** styles ***************/ .boxmenuright, .boxmenuleft {border:2px solid #CCC; float:right; padding:10px 10px 6px 10px; margin:0 0 10px 20px; width: 206px;} .boxmenuleft {float:left; margin:0 10px 0 20px;} .boxmenuright h2, .boxmenuleft h2 {border-bottom:1px dotted #CCC; font-weight:normal; font-size:1.2em; margin: 0 0 10px 0; padding:0 0 5px 0;} .boxmenuright li, .boxmenuleft li {background-image:url(../i/icons/page.gif)} div.boxout, div.boxoutright, div.boxoutpurple, div.boxoutpurpleright, div.boxoutgreen, div.boxoutgreenright, div.boxoutblue, div.boxoutblueright {float:left; background-color:#FF5924; display:inline; padding:10px; margin:2px 20px 1px 0; width: 230px; color:#FFF; font-size:1.2em;} div.boxoutpurple, div.boxoutpurpleright {background-color:#663d7f;} div.boxoutgreen, div.boxoutgreenright {background-color:#009b66;} div.boxoutblue, div.boxoutblueright {background-color:#00639c;} div.boxoutright, div.boxoutpurpleright, div.boxoutgreenright, div.boxoutblueright {float:right; margin:2px 0 1px 20px; } div.boxout p, div.boxoutright p, div.boxoutpurple p, div.boxoutpurpleright p, div.boxoutgreen p, div.boxoutgreenright p, div.boxoutblue p, div.boxoutblueright p {margin:0; color:#FFF;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .ColumnLeft {min-height:250px; text-align:left; float: left; width: 226px; margin: 0; padding: 0;} .ColumnRight {min-height:478px; text-align:left; float:right; width: 224px; margin: 0; padding:10px 10px 80px 10px; background:#fdf5c7 url(../i/design/bg_ColRight.jpg) no-repeat 0 bottom; border:2px solid #cac8b2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .ColumnRight p {padding: 5px 0px 5px 0px;} .ColumnLeft ul a:link, .ColumnRight ul a:visited {display: block;} .ColumnLeft ul {list-style: none; margin: 0; padding: 0;} .ColumnRight ul a:link, .ColumnRight ul a:visited {display: block;} .ColumnRight ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ .ColumnLeft li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body .ColumnLeft li {border-bottom: none;} .Content1Column {min-height:250px; text-align:left; float: left; padding:25px 15px 10px 15px; width:934px; border:3px solid #b4e6fd; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .Content2Column {min-height:250px; text-align:left; float: right; padding:25px 15px 10px 15px; width:706px; margin:0; border:3px solid #b4e6fd; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .Content3Column {min-height:250px; text-align:left; float: left; padding:25px 15px 10px 15px; width:430px; margin:0 15px; border:3px solid #b4e6fd; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .floatleft {float:left; margin:0 10px 2px 0;} .floatright {float:right; margin:0 0 2px 10px;} .greytext {color:#CCC;} .hidden {display:none; visibility:hidden; width:0; height:0;} .imageFullWidthborder {border:1px solid #666; margin:0 0 10px 0; display:block;} .imageleft {float:left; margin:0 17px 1px 0;} .imageleftborder {float:left; margin:0 17px 1px 0; border:1px solid #CCC; } .imageright {float:right; margin:0 0 1px 17px;} .imagerightborder {float:right; margin:0 0 1px 17px; border:1px solid #CCC; } div.imageleftborder {float:left; margin:0 17px 1px 0; display:inline;} div.imagerightborder {float:right; margin:0 0 1px 17px; display:inline;} div.imagerightborder img {} div.imagerightborder p, div.imageleftborder p {margin:0; padding:1px 5px; background-color:#CCC; font-size:0.9em;} img.imagerightborder {float:right; border:1px solid #CCC; margin:0 0 1px 17px;} .listblock {display:block; border-top:1px dotted #EFEFEF; padding:0 0 10px 0; margin:10px 0;} .message, p.message {padding:10px; background-color:#CC0033; color:#FFF; border:1px solid #990033;} .newsflash {color:#661C21; padding:10px 10px 5px 10px; border:5px solid #661C21; background: #F3D6D8; background-image:url(../i/design/bg_NewsFlash.gif); background-repeat:no-repeat; background-position:right 0px;} .newsflash h2 {color:#661C21; margin:0 0 8px 0; padding:0 0 8px 0; font-size:1.2em; border-bottom:1px solid #CB3D47; border-top: 0; border-right: 0; border-left: 0;} .newsflash p {color:#661C21; margin:5px 0;} .newsflash a {text-decoration:underline;} .SScatHolder {width:500px; height:304px; color:#FFF; background-image:url(../admin/i/GalleryGroupPlaceholder.jpg); background-repeat:no-repeat; background-position:0 0; display:block; } .SSHolder {width:500px; height:375px; color:#FFF; background-image:url(../admin/i/GalleryPlaceholder.jpg); background-repeat:no-repeat; background-position:0 0;} .SSWrapper {border:1px solid #666; margin:5px 0 10px 0; padding:0; height: 375px; vertical-align:middle; width: 500px; background-color:#FFF;} .tableborder {border-bottom:1px solid #EFEFEF; border-left:1px solid #EFEFEF; margin:20px 0;} .tableborder td, .tableborder th {padding:7px 10px; margin:0; font-weight:normal; border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF; vertical-align:top; text-align:left;} .tableborder td p {margin: 5px 0;} .tableborder td.tablecellhighlight, .tableborder th.tablecellhighlight, .tablecellhighlight {background-color:#666; color:#FFF; font-weight:bold;} .tableborder td.tablecellhighlight p, .tableborder th.tablecellhighlight p, .tablecellhighlight p {color:#FFF; font-weight:bold;} .tableborder4px {border-bottom:1px solid #EFEFEF; border-left:1px solid #EFEFEF; margin:20px 0;} .tableborder4px td, .tableborder4px th {padding:4px; margin:0; font-weight:normal; border-right:1px solid #EFEFEF; border-top:1px solid #EFEFEF; vertical-align:top; text-align:left;} .tableborder4px td p {margin: 4px 0;} .tableborder4px td.tablecellhighlight, .tableborder4px th.tablecellhighlight, .tablecellhighlight {background-color:#666; color:#FFF; font-weight:bold;} .tablenoborder {border:0; margin:10px 0;} .tablenoborder td, .tablenoborder th {padding:0px; padding-right:15px; margin:0; font-weight:normal; border:0; vertical-align:top; text-align:left;} .tablenoborder td p {margin: 10px 0;} .tablenoborder td.tablecellhighlight, .tablenoborder th.tablecellhighlight, .tablecellhighlight {background-color:#666; color:#FFF; font-weight:bold;} .tablenoborderpadded {border:0; margin:20px 0 0 -20px;} .tablenoborderpadded td, .tablenoborderPadded th {padding:10px 0 10px 20px; margin:0; font-weight:normal; border:0; vertical-align:top; text-align:left;} .tablenoborderpadded td p {margin: 5px 0;} .tablenoborderpadded td.tablecellhighlight, .tablenoborderpadded th.tablecellhighlight, .tablecellhighlight {background-color:#666; color:#FFF; font-weight:bold;} /************** Side Bars ***************/ .SideHeading {margin:30px 0 0 0; padding:0; background-repeat:no-repeat; background-position:0 0; } .SideHeading h2 { color:#e3595d; font-family: 'ChunkFiveRegular', 'Rockwell Bold', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; font-size: 1.7em; line-height:1.32em; } #SideHeadingDiary {} #SideHeadingNews {} #SideHeadingPages {} #mainholder ul.SideList {border:0; list-style: none; padding: 0; width: 226px; margin:0;} div.ColumnLeft div:first-child {margin-top:0;} div.ColumnRight div:first-child {margin-top:15px;} #mainholder ul.SideList li {margin:0; background-image:none; list-style: none; padding:0; } #mainholder ul.SideList li a:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #mainholder ul.SideList li a {display: inline-block;} html[xmlns] #mainholder ul.SideList li a {display: block;} * html #mainholder ul.SideList li a {height: 1%;} #mainholder ul.SideList li a { display:block; font-size:0.88em; color:#45270b; font-weight:bold; padding: 7px 0px 7px 0px; line-height:1.25em; width: 226px; margin: 0;} #mainholder ul.SideList li a span.info { float:left; display:inline; width: 162px; } #mainholder ul.SideList li a.SideList_child {padding: 7px 20px 7px 40px; width: 184px; background-image:url(../i/design/bg_nav_li_a_child.png); background-repeat:no-repeat; background-position:20px 12px;} #mainholder ul.SideList li a em {font-style:normal;color:#e2662a; display: block; float: left; font-size: 1.62em; font-weight: bold; line-height: 0.8em; margin-right: 10px; text-align: center; width: 26px;} #mainholder ul.SideList li a em span.mo {font-size:0.68em; font-weight:normal; display:block; padding-top:2px;} #mainholder ul.SideList li a:hover {color:#e2662a; } #mainholder ul.SideList li img {float:left; margin:0 8px 0 0;} #mainholder ul.SideList li a.sidelink {color:#e87872; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; width:150px;} #mainholder #SideHeadingPages ul.dmenu {width:206px; margin:0 10px;} #mainholder #SideHeadingPages ul.SideList {width:206px; margin:0 10px;} #mainholder #SideHeadingPages li {background:none; list-style:none;} #mainholder #SideHeadingPages li a {color:#1b85b7; font-family: 'ChunkFiveRegular', 'Rockwell Bold', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; font-size: 1.35em; line-height:1.32em; padding:4px 0 4px 52px; background:url(../i/design/bg_menu_li.png) no-repeat 5px 0px; font-weight:normal;} #mainholder #SideHeadingPages li ul li a {background-image:url(../i/design/bg_nav_li_a_child.png); background-repeat:no-repeat; background-position:25px 12px; font-size:1.2em; font-family:Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif; padding:4px 0 4px 55px; font-size: 1.22em; } #mainholder #SideHeadingPages li ul li a ul li a {background-position:35px 12px; padding:4px 0 4px 65px;} #mainholder #SideHeadingPages li a:hover {color:#e87872;} #mainholder #SideHeadingPages li ul li a:hover {color:#e87872;} #mainholder #SideHeadingDiary li a em {color:#b4d266;} #mainholder #SideHeadingDiary li a:hover {color:#b4d266;} /***********************************************/ /************** Main Listing ***************/ .ListingMain {margin:0; padding:0; } .ListingMain h2 {background-color:#777; color:#FFF; font-size: 1.1em; line-height:1.2em; font-weight:bold; padding:3px 10px; margin:20px 0 0px 20px; display:inline; clear:both;} ul.ListingFull {border:1px solid #777; margin:3px 0 10px 0; padding:10px 20px; clear:left} #ListingDiary ul.ListingFull li {background-image: url(../i/icons/calendar.gif);} #ListingNews ul.ListingFull {border:1px solid #777;} #ListingNews ul.ListingFull li {background-image: url(../i/icons/comment.gif);} /***********************************************/ /************** contextutal selectors ***************/ #panelHolder li {margin:8px 0;} /***********************************************/