/* CSS Document */ /* Use these styles to choose the type of page you want */ /*-------------------------------------------------------------------------------------------------*/ /* If you leave the sidebar on a page you need to add the body id of the page to this list */ #home #content {width:400px;} #admin #content {width:400px;} #upload #content {width:400px;} /* Menu State Information */ /* use the following #[Body ID for the page it should be highlighted on] #menu ul li #[The ID for the menu item that should be highlighted] */ #home #menu ul li #menu-home {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #donate #menu ul li #menu-donate {background-color:#CC0B0B; color:white; background-image:url(images/red-arrow.jpg)} #aboutus #menu ul li #menu-aboutus {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #projects #menu ul li #menu-projects {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #background #menu ul li #menu-background {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #contact #menu ul li #menu-contact {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #admin #menu ul li #menu-admin {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #links #menu ul li #menu-links {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #full-list #menu ul li #menu-admin-download {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #upload #menu ul li #menu-upload {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #newsletters #menu ul li #menu-mailings {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #specialevents #menu ul li #menu-specialevents {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #sitemap #menu ul li #menu-sitemap {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} #help #menu ul li #menu-admin-help {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} /* EXAMPLE FOR CREATING NEW MENU ITEMS */ /* #1 #menu ul li #2 {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; background-color:#6096C6; color:#FFFFFF} /* /* 1 - Replace with the body ID of the page the new menu item will point to */ /* 2 - Replace with the new menu item ID, rfom menu.inc /* /* Site wide Styles - DO NOT CHANGE */ /*--------------------------------------------------------------------------------------------*/ body {margin:0px; padding:0px; font-size:78%; font-family:"Times New Roman", Times, serif; letter-spacing:-0.04em; background-color:#FFFFFF} #header {height:69px; border-bottom:1px white solid; width:100%; background-color:#D97C18;} #header-content {height:69px; margin-left:auto; margin-right:auto; width:770px; background-image:url(images/htg-brown2.gif); background-position:right; background-repeat:no-repeat} #header-title {font-family:"Times New Roman", Times, serif; font-size:280%; color:#FFFFFF; letter-spacing:-0.08em; padding-top:28px; float:right; margin-right:100px; height:1em} #container { background-color:#FFFFFF; background-image:url(images/content-background.jpg); background-position:left; background-repeat:repeat-y; width:769px; margin-left:auto; margin-right:auto; border-width:0px 1px 1px 1px; border-style:solid; border-color:#CCCCCC; overflow:hidden} #menu {width:156px; float:left; padding:0px; height:400px; overflow:visible} #picturebar {float:left; border-left:1px white solid; border-right:0px; height:130px;} #content {float:left; width:610px; padding-bottom:20px; margin-top:10px;} #sidebar { float:right; width:210px; border-left:1px solid #C1C1C1; margin-top:10px;} #footer {float:left; height:18px; width:770px; background-color:#C1C1C1; padding-top:4px; font-size:90%} #footer #details {float:left; margin-left:10px} #footer #design {float:right; margin-right:10px} #footer a:link, #footer a:visited {color:#000000; text-decoration:none} #footer a:hover, #footer a:active {color:#3366CC} /* Standard Menu colours and behaviour */ /*--------------------------------------------------------------------------------------------------*/ #menu ul {padding:0px; margin:0px; width:156px; border:0px; float:left;} #menu ul li {width:156px; float:left; margin:0px; padding:0px; height:24px} #menu ul li a:link, #menu ul li a:visited {text-decoration:none; display:block;background-image:url(images/menu-arrow.jpg); background-position:left; background-repeat:no-repeat; text-align:right; height:20px; background-color:#83B4DF; width:146px; padding:0px; margin:0px; list-style:none; border:0px; border-bottom:1px white solid; font-family:"Times New Roman", Times, serif; font-size:120%; color:#003399; padding-right:10px; padding-top:3px; letter-spacing:-0.08em;} #menu ul li a:hover, #menu ul li a:active {background-image:url(images/menu-arrow-selected.gif); background-position:left; background-repeat:no-repeat; text-align:right; height:20px; background-color:#6096C6; width:146px; padding:0px; margin:0px; list-style:none; border:0px; border-bottom:1px white solid; font-family:"Times New Roman", Times, serif; font-size:120%; color:#FFFFFF; padding-right:10px; letter-spacing:-0.08em; padding-top:3px; } #menu ul li #menu-admin, #menu ul li #menu-admin-main {text-align:left; background-color:#C1C1C1; background-image:url(images/menu-arrow-admin.gif); background-position:right; background-repeat:no-repeat; padding-right:0px; padding-left:10px} #menu ul li #menu-donate:hover, #menu ul li #menu-donate:active { background-color:#CC0B0B; color:white; background-image:url(images/red-arrow.jpg)} /* Picture Bar Settings */ /*-----------------------------------------------------------------------------------------------------*/ #picturebar div {height:130px; width:101px; border-right:1px white solid; float:left; background-position:left; background-repeat:no-repeat; overflow:hidden} #pic1 { background-image:url(images/man_holding_child.jpg)} #pic2 { background-image:url(images/emily_and_malleh.jpg)} #pic3 { background-image:url(images/doctor.jpg)} #pic4 { background-image:url(images/child_being_cared_for.jpg)} #pic5 { background-image:url(images/helping.jpg)} #pic6 { background-image:url(images/girl.jpg)} /* Text Styling */ /*----------------------------------------------------------------------------------------------------*/ p {margin-left:25px; margin-right:5px; margin-top:7px} p.upload {margin-right:25px; text-align:right} h1 { font-weight:normal; font-family:"Times New Roman", Times, serif; font-size:170%; color:#003399; letter-spacing:-0.08em; margin-left:10px; margin-top:3px; margin-bottom:10px;} h2.emph {font-weight:normal; font-family:"Times New Roman", Times, serif; font-size:130%; color:#CC0000; letter-spacing:-0.08em; margin-left:10px; margin-top:5px; margin-bottom:5px;} h2 {font-weight:normal; font-family:"Times New Roman", Times, serif; font-size:130%; color:#4A85BA; letter-spacing:-0.08em; margin-left:10px; margin-top:5px; margin-bottom:5px;} h2.think {color:#CC0B0B} a:link, a:visited {text-decoration:none; color:#D97C18} a:hover, a:active {color:#009933;} code {color:#009933} h6 {margin-left:25px; margin-right:5px; margin-top:7px; text-align:center} /* Table styling */ /*--------------------------------------------------------------------------------------*/ #full-list table {border:1px solid #CCCCCC; width:550px; margin-left:auto; margin-right:auto} #full-list td {border:1px solid #CCCCCC;} #full-list tr:hover {background-color:#CCCCCC} #full-list th {background-color:#CCCCCC} #full-list table img {padding:0px; border:none; margin:0px;} td.doctype {text-align:center} /* image styling */ /*--------------------------------------------------------------------*/ #content img {padding:3px; border:1px solid #CCCCCC; margin-right:5px; margin-left:25px; margin-top:3px; margin-bottom:3px} #content img.right {float:right; margin-left:10px; margin-bottom:10px} #content img.left {float:left; margin-right:10px} #content img.right-xtra {float:right; margin-left:10px; margin-bottom:15px} #content img.left-xtra {float:left; margin-right:10px; margin-bottom:15px} /*Link List Styling */ /*------------------------------------------------------------------------*/ li.list-html {list-style-image:url(images/html.gif); padding-left:0.25em; vertical-align:text-bottom} li.list-image {list-style-image:url(images/pic.gif); padding-left:0.25em; vertical-align:text-bottom} li.list-word {list-style-image:url(images/word.gif); padding-left:0.25em; vertical-align:text-bottom} li.list-excel {list-style-image:url(images/excel.gif); padding-left:0.25em; vertical-align:text-bottom} li.list-powerpoint {list-style-image:url(images/powerpoint.gif); padding-left:0.25em; vertical-align:text-bottom} li.list-acrobat {list-style-image:url(images/acrobat.gif); padding-left:0.25em; vertical-align:text-bottom}