/* Structure: display | position | float | overflow | width | height | border | margin | padding | background | align | font */ * {min-height:1px;} body.grey{border:0; margin:0; padding:0; background:#ffffff url("/design/backgrounds/backgroundgrey.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#333333; } body.red{border:0; margin:0; padding:0; background:#ffffff url("/design/backgrounds/backgroundba.jpg") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#333333; } body.purple{border:0; margin:0; padding:0; background:#ffffff url("/design/backgrounds/backgroundcc.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#333333; } body.green{border:0; margin:0; padding:0; background:#ffffff url("/design/backgrounds/backgroundcs.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#333333; } body.blue{border:0; margin:0; padding:0; background:#ffffff url("/design/backgrounds/backgroundcb.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#333333; } a {color:#000000;} a:hover {color:#000000;} p {border:0; margin:15px 0; padding:0;} div {display:block; border:0; margin:0; padding:0;} h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;} h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h2 {font-size:180%; line-height:100%; font-family:"veranda", sans-serif; font-weight:normal;} h3 {font-size:120%; line-height:100%; font-weight:bold;} h4 {font-size:120%;} h5 {font-size:100%;} table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;} th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;} ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol {list-style-type:decimal;} li {display:list-item; border:0; margin:0; padding:0; _height:1px;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;} dl {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0; font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;} form {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;} hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;} a, img, span {border:0; margin:0; padding:0;} abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;} del, .through {text-decoration:line-through;} strong, .strong {font-weight:bold;} cite, em, q, var {font-style:italic;} code, kbd, samp {font-family:monospace; font-size:110%;} /* Floating */ .f-left {float:left;} .f-right {float:right;} /* Text align */ .t-left {text-align:left;} .t-center {text-align:center;} .t-right {text-align:right;} .va-middle {vertical-align:middle;} .clear {clear:both;} .box {min-height:1px; _height:1px;} .box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;} .nom {margin:0;} .noscreen {display:none;} /* -----------------...........--------------------------------------------------------------------------------------- */ #main {width:830px; margin:0px auto 0 auto; _text-align:left;} /* Header */ #header {position:relative; width:830px; height:35px; margin:0; padding:0; url("../design/.jpg") 0 0 no-repeat; color:#000000; text-align: left;} /* Header - logo */ #header #logo {position:absolute;top:5px; left:5px; margin:0; height: 97px; width: 111px; } #header #logo a {color:#000000;} #header #logo a:hover {color:#B5C4E3; text-decoration:underline;} /* Header - Search */ #header #search {position:absolute; top:35px; right:20px;} #header #search form {position:relative;} #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;} #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;} #header #search #search-submit {position:absolute; top:0; right:0px;} #header #search fieldset {margin:0; padding:0; border:0;} #header #search fieldset {width:200px;} #header #search legend {display:none;} /* Main menu (tabs) */ #tabs { margin:0 0px 0px 150px; padding:10px 0 0 0; _height:1px;} #tabs ul {margin:0 10px; padding:0; list-style:none;} #tabs ul li {margin:0 5px 0 0; padding:0; float:left;} #tabs ul li a.blue {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_linkblue.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a.red {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_linkred.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a.purple {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_linkpurple.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a.green {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_linkgreen.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} /* Main menu (tabs - link) */ /*red*/ #tabs ul li a span.tab-lred, #tabs ul li a:hover span.tab-lred {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_lred.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rred, #tabs ul li a:hover span.tab-rred {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_rred.gif") 100% 0 no-repeat;} /*redSELECTED*/ #tabs ul li a.redselected {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_hoverred.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-lredselected, #tabs ul li a:hover span.tab-lredselected {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_hover_lred.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rredselected, #tabs ul li a:hover span.tab-rredselected {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_hover_rred.gif") 100% 0 no-repeat;} /*blue*/ #tabs ul li a span.tab-lblue, #tabs ul li a:hover span.tab-lblue {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_lblue.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rblue, #tabs ul li a:hover span.tab-rblue {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_rblue.gif") 100% 0 no-repeat;} /*blueSELECTED*/ #tabs ul li a.blueselected {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_hoverblue.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-lblueselected, #tabs ul li a:hover span.tab-lblueselected {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_hover_lblue.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rblueselected, #tabs ul li a:hover span.tab-rblueselected {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_hover_rblue.gif") 100% 0 no-repeat;} /*purple*/ #tabs ul li a span.tab-lpurple, #tabs ul li a:hover span.tab-lpurple {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_lpurple.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rpurple, #tabs ul li a:hover span.tab-rpurple {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_rpurple.gif") 100% 0 no-repeat;} /*purpleSELECTED*/ #tabs ul li a.purpleselected {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_hoverpurple.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-lpurpleselected, #tabs ul li a:hover span.tab-lpurpleselected {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_hover_lpurple.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rpurpleselected, #tabs ul li a:hover span.tab-rpurpleselected {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_hover_rpurple.gif") 100% 0 no-repeat;} /*green*/ #tabs ul li a span.tab-lgreen, #tabs ul li a:hover span.tab-lgreen {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_lgreen.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rgreen, #tabs ul li a:hover span.tab-rgreen {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_rgreen.gif") 100% 0 no-repeat;} /*greenSELECTED*/ #tabs ul li a.greenselected {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_hovergreen.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-lgreenselected, #tabs ul li a:hover span.tab-lgreenselected {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_hover_lgreen.gif") 0 0 no-repeat;} #tabs ul li a span.tab-rgreenselected, #tabs ul li a:hover span.tab-rgreenselected {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_hover_rgreen.gif") 100% 0 no-repeat;} /* Main menu (tabs - hover) */ #tabs ul li a.red:hover {background:url("../design/tab_hoverred.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a.blue:hover {background:url("../design/tab_hoverblue.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a.purple:hover {background:url("../design/tab_hoverpurple.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a.green:hover {background:url("../design/tab_hovergreen.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a:hover span.tab-lred {background:url("../design/tab_hover_lred.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-rred {background:url("../design/tab_hover_rred.gif") 100% 0 no-repeat;} #tabs ul li a:hover span.tab-lblue {background:url("../design/tab_hover_lblue.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-rblue {background:url("../design/tab_hover_rblue.gif") 100% 0 no-repeat;} #tabs ul li a:hover span.tab-lpurple {background:url("../design/tab_hover_lpurple.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-rpurple {background:url("../design/tab_hover_rpurple.gif") 100% 0 no-repeat;} #tabs ul li a:hover span.tab-lgreen {background:url("../design/tab_hover_lgreen.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-rgreen {background:url("../design/tab_hover_rgreen.gif") 100% 0 no-repeat;} /* Main menu (tabs - active) */ #tabs ul li#active a {background:#FFF; color:#FF9000;} #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_active_lred.gif") 0 0 no-repeat;} #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab_active_rred.gif") 100% 0 no-repeat;} /* Page (2 columns) */ #page {width:830px; min-height:1px; _height:1px;} #page-in {min-height:1px; padding:10px 0; _height:1px;} /* Strip */ #strip {position:relative; top: -6px; clear:both; padding:2px 20px 10px 20px; color:#FFFFFF; font-weight: bold;} #strip p {margin:0;} #strip a {color:#FFFFFF; text-decoration: none;} #strip a:hover {color:#FFFF99;} /* Strip - breadcrumbs */ #strip #breadcrumbs {width:520px; margin:0; padding:0;} /* Strip - RSS */ #strip #rss {float:right; width:575px; _width:200px; margin:0; padding-left:25px;} /* Content red*/ #contentred {float:left; width:590px; _width:610px; margin:0; padding:0 0 0 20px;} /* Content - article */ #contentred .article {clear:both; margin:0; padding:20px;} #contentred .article h2 {margin:0 -35px; padding:10px; background: url("") 0 0 repeat-y; color:#000000; font:"georgia", sans-serif, arial} #contentred .article h2 span {padding-left:25px;} #contentred .article p {text-align:justify;} #contentred .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #E4DDB6; color:#330000;} #contentred .info a {color: #330000;} #contentred .info a:hover {color:#FF9000;} #contentred .info span.datered, #contentred .info span.catred {padding-left:15px;} #contentred .info span.datered {background:url("../design/ico_datered.gif") 0 50% no-repeat;} #contentred .info span.catred {background:url("../design/ico_catred.gif") 0 50% no-repeat; margin-left:8px;} /* Content red*/ #contentredwhole {float:left; width:810px; _width:830px; margin:0; padding:0 0 0 20px;} /* Content - article */ #contentredwhole .article {clear:both; margin:0; padding:20px;} #contentredwhole .article h2 {margin:0 -35px; padding:10px; background: url("") 0 0 repeat-y; color:#000000; font:"georgia", sans-serif, arial} #contentredwhole .article h2 span {padding-left:25px;} #contentredwhole .article p {text-align:justify;} #contentredwhole .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #E4DDB6; color:#330000;} #contentredwhole .info a {color: #330000;} #contentredwhole .info a:hover {color:#FF9000;} #contentredwhole .info span.datered, #contentredwhole .info span.catred {padding-left:15px;} #contentredwhole .info span.datered {background:url("../design/ico_datered.gif") 0 50% no-repeat;} #contentredwhole .info span.catred {background:url("../design/ico_catred.gif") 0 50% no-repeat; margin-left:8px;} #contentredfirst {float:left; width:400px; _width:380px; margin:0; padding:0 0 0 20px;} /* Content - article */ #contentredfirst .article {clear:both; margin:0; padding:20px;} #contentredfirst .article h2 {margin:0 -35px; padding:10px; background: url("") 0 0 repeat-y; color:#000000; font:"georgia", sans-serif, arial} #contentredfirst .article h2 span {padding-left:25px;} #contentredfirst .article p {text-align:justify;} #contentredfirst .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #E4DDB6; color:#330000;} #contentredfirst .info a {color: #330000;} #contentredfirst .info a:hover {color:#FF9000;} #contentredfirst .info span.datered, #contentredfirst .info span.catred {padding-left:15px;} #contentredfirst .info span.datered {background:url("../design/ico_datered.gif") 0 50% no-repeat;} #contentredfirst .info span.catred {background:url("../design/ico_catred.gif") 0 50% no-repeat; margin-left:8px;} /* Right column */ #col2 {float:left; width:390px; margin:20 20 20 20px; padding:30px 0 0 20;} #col2 in {clear:both; margin:0; padding:20px;} #col2 in h3 {margin:0 -35px; padding:10px; background: url("") 0 0 repeat-y; color:#000000; font:"georgia", sans-serif, arial} #col2 in h3 span {padding-left:25px;} /* Right column - About me */ #col2 #about-me {margin:10px 0; padding-bottom:8px; color:#330000;} #col2 #about-me p {margin:0; color: #000000;} /* Right RED column */ #col {float:left; width:199px; margin:0; padding:0; background:#FFFFFF url("../design/col_bgred.gif") 0 0 repeat-y;} #col-in {padding:20px 10px; background:url("../design/col_topred.gif") 0 0 no-repeat;} #col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} #col h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; background:#FFFFFF url("../design/col_bottomred.gif") 0 0 repeat-y; color:#990000;} /* Right PURPLE column */ #colpurple {float:left; width:199px; margin:0; padding:0; background:#FFFFFF url("/design/col_bgpurple.gif") 0 0 repeat-y;} #col-inpurple {padding:20px 10px; background:url("/design/col_toppurple.gif") 0 0 no-repeat;} #colpurple h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; background:#FFFFFF url("/design/col_bottompurple.gif") 0 0 repeat-y; color:#990000;} #colpurple h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} /* Right BLUE column */ #colblue {float:left; width:199px; margin:0; padding:0; background: #FFFFFF url("../design/col_bgblue.gif") 0 0 repeat-y;} #col-inblue {padding:20px 10px; background:url("../design/col_topblue.gif") 0 0 no-repeat;} #colblue h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; background:#FFFFFF url("../design/col_bottomblue.gif") 0 0 repeat-y; color:#990000;} #colblue h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} /* Right GREEN column */ #colgreen {float:left; width:199px; margin:0; padding:0; background:#FFFFFF url("../design/col_bggreen.gif") 0 0 repeat-y;} #col-ingreen {padding:20px 10px; background:url("../design/col_topgreen.gif") 0 0 no-repeat;} #colgreen h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; background:#FFFFFF url("../design/col_bottomgreen.gif") 0 0 repeat-y; color:#990000;} #colgreen h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} /* Right GREY column */ #colgrey {float:left; width:199px; margin:0; padding:0; background:#FFFFFF url("../design/col_bggrey.gif") 0 0 repeat-y;} #col-ingrey {padding:20px 10px; background:url("../design/col_topgrey.gif") 0 0 no-repeat;} #colgrey h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} #colgrey h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; background:#FFFFFF url("../design/col_bottomgrey.gif") 0 0 repeat-y; color:#990000;} /* Right NONE column */ #colnone {float:left; width:199px; margin:0; padding:0; background:#FFFFFF;} #col-innone {padding:20px 10px;} #colnone h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#e4ddb6; color:#990000;} #colnone h2 {padding:0px 0px 0px 0px; margin:0 0px 0px 0px; color:#990000;} /* Right column - About me */ #col #about-me, #colnone #about-me, #colgrey #about-me, #colpurple #about-me, #colgreen #about-me, #colblue #about-me {margin-bottom:15px; line-height:130%;} #col #about-me p, #colnone #about-me p, #colgrey #about-me p, #colpurple #about-me p, #colgreen #about-me p , #colblue #about-me p{margin:0; color: #FFFFFF;} #col #about-me p a, #colnone #about-me p a, #colgrey #about-me p a, #colpurple #about-me p a, #colgreen #about-me p a, #colblue #about-me p a {margin:0; color: #FFFFFF;} #col #about-me p a:hover, #colnone #about-me p a:hover, #colgrey #about-me p a:hover, #colpurple #about-me p a:hover, #colgreen #about-me p a:hover, #colblue #about-me p a:hover{margin:0; color: #FFFF99;} #col #about-me #me, #colnone #about-me #me, #colgrey #about-me #me, #colpurple #about-me #me, #colgreen #about-me #me, #colblue #about-me #me {float:left; width:54px; height:58px; margin-right:7px;} /* SARAH ADD IN PURPLEGREENBLUE Right column - Category */ #col ul#category {margin:15px 0; padding:0; list-style:none;} #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#category li a:hover {background-color:#D3DFF8; color:#990000;} #col ul#category li#category-active a {background:#E0E8FA url("../design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;} /* Right column - Archive */ #col ul#archive {margin:15px 0; padding:0; list-style:none;} #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;} #col ul#archive li a:hover {background-color:#D3DFF8; color:#990000;} #col ul#archive li#archive-active a {background:#E0E8FA url("../design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;} /* Right column - Links */ #col ul#links {margin:15px 0; padding:0; list-style:none;} #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#links li a:hover {background-color:#D3DFF8; color:#990000;} /* SARAH FINISH ADDING PURPLEGREENBLUE*/ #footergrey {position:relative; clear:both; width:830px; height:41px; margin-bottom:50px; background:url("../design/footergrey.jpg") 0 0 no-repeat; color:#330000;} #footergrey a {color:#FFFFFF;} #footergrey a:hover {color:#FFFF99} /* Footer RED*/ #footer {position:relative; clear:both; width:830px; height:41px; margin-bottom:50px; background:url("../design/footerred.jpg") 0 0 no-repeat; color:#330000;} #footer a {color:#FFFFFF;} #footer a:hover {color:#FFFF99} /* Footer PURPLE*/ #footerpurple {position:relative; clear:both; width:830px; height:41px; margin-bottom:50px; background:url("../design/footerpurple.gif") 0 0 no-repeat; color:#330000;} #footerpurple a {color:#FFFFFF;} #footerpurple a:hover {color:#FFFF99} /* Footer BLUE*/ #footerblue {position:relative; clear:both; width:830px; height:41px; margin-bottom:50px; background:url("../design/footerblue.jpg") 0 0 no-repeat; color:#330000;} #footerblue a {color:#FFFFFF;} #footerblue a:hover {color:#FFFF99} /* Footer GREEN*/ #footergreen {position:relative; clear:both; width:830px; height:41px; margin-bottom:50px; background:url("../design/footergreen.jpg") 0 0 no-repeat; color:#330000;} #footergreen a {color:#FFFFFF;} #footergreen a:hover {color:#FFFF99} /* Footer - "back on top" */ #top, #toppurple, #topblue, #topgreen, #topgrey {position:absolute; top:38px; left:550px;} #top p, #toppurple p, #topblue p, #topgreen p, #topgrey p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;} #top p span {display:block; position:absolute; left:0px; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_topred.gif") 0 0 no-repeat; cursor:pointer;} #toppurple p span {display:block; position:absolute; left:0px; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_toppurple.gif") 0 0 no-repeat; cursor:pointer;} #topblue p span {display:block; position:absolute; left:0px; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_topblue.jpg") 0 0 no-repeat; cursor:pointer;} #topgreen p span {display:block; position:absolute; left:0px; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_topgreen.gif") 0 0 no-repeat; cursor:pointer;} #topgrey p span {display:block; position:absolute; left:0px; top:0; z-index:1; width:30px; height:25px; background:url("../design/ico_toppurple.gif") 0 0 no-repeat; cursor:pointer;} #top a:hover span {background:url("../design/ico_top.gif") -30px 0 no-repeat;} /* Footer RED- copyright */ #footer p#copyright, #footerpurple p#copyright, #footerblue p#copyright, #footergreen p#copyright, #footergrey p#copyright { position:absolute; top:10px; left:4px; margin:0; color:#FFFFFF; width: 830px; text-align:center; } /* Footer - created by */ #createdby { position:absolute; top:35px; left:33px; margin:0; text-align: center; color:#660000; width: 752px; height: 25px; } #createdby a {color:#660000;}