/*Cascading Style Sheet for Mishkeegogamang First Nation*/ /*----Global Reset Courtesy of Eric Meyer---- This resets all of the margins so that all browser start at the same place. ----------------------------------*/ 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 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; vertical-align: baseline; } .hide {display:none;} /* I use this to hide text and display images. It works better than indenting text I find. */ /***************************** **** TYPOGRAPHY ******* *****************************/ p {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000000; margin:1em 0em 0.5em 0em;} td {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000000; margin:1em 0em 0.5em 0em;} /***************************** **** GLOBAL STYLES ******* *****************************/ body { /* background:url(images/bg.jpg) top left repeat-x; */ background-color:#fff; margin:0; padding:0; font:normal 13px Arial,sans-serif; color:#000000; text-align:center; line-height:18px; } a {color:#823510; font-weight:bold; text-decoration:none;} a:visited {color:#6f4d1d; font-weight:bold; text-decoration:none;} a:hover {color:#823510; font-weight:bold; text-decoration:underline;} a.address {color:#ee6724; font-weight:bold; text-decoration:none;} a.address:visited {color:#ac926d; font-weight:bold; text-decoration:none;} a.address:hover {color:#ee6724; font-weight:bold; text-decoration:underline;} ul{list-style-type: square; padding: 0px; margin-left: 18px; margin-bottom:5px;} ul.b{list-style-type: circle; padding: 0px; margin-left: 18px;} li.b{list-style-type:square; margin-left:25px;} /***************************** **** HOME STYLES ******* *****************************/ #wrapper { margin: 0 auto 0 auto; width:960px; position:relative; text-align:left; } #containerhome { float:left; width:960px; } #containerinside { float:left; width:960px; background:url(images/inside_bg.jpg) top left no-repeat; } #logo a {display:block; width:261px; height:103px; position:relative; top:0px; left:0px; } #address { display:block; float:right; width:501px; position:relative; top:-80px; left:-40px; font-family: arial; font-size:13px; color:#dcdad6; text-align:right; } img.table {display:block; width:242px; height:221px; float:right; position:relative; top:-56px; right:-30px; padding-bottom:0px;} /************************************************************* NAVIGATION ************************************************************/ #nav { width:960px; height:59px; top:103px; left:0px; position: absolute; } #nav li { list-style:none; display:inline; } #nav li a {display:block; height:61px; } #home a {width:89px; background:url(images/nav_home.png) no-repeat; float:left; padding:0px; margin:0px; } #home a:hover {background-position:0 -70px;} #home a.active {background-position:0 -140px;} #practice-areas a {width:151px; background:url(images/nav_pa.png) no-repeat; background-position:0 0px; float:left; padding:0px; margin:0px;} #practice-areas a:hover {background-position:0 -70px;} #practice-areas a.active {background-position:0 -140px;} #about a {width:87px; background:url(images/nav_about.png) no-repeat; background-position:0 0px; float:left; padding:0px; margin:0px;} #about a:hover {background-position:0 -70px;} #about a.active {background-position:0 -140px;} #fees a {width:73px; background:url(images/nav_fees.png) no-repeat; background-position:0 0px; float:left; padding:0px; margin:0px;} #fees a:hover {background-position:0 -70px;} #fees a.active {background-position:0 -140px;} #resources a {width:123px; background:url(images/nav_resources.png) no-repeat; background-position:0 0px; float:left; padding:0px; margin:0px;} #resources a:hover {background-position:0 -70px;} #resources a.active {background-position:0 -140px;} #contact a {width:137px; background:url(images/nav_contact.png) no-repeat; background-position:0 0px; float:left; padding:0px; margin:0px;} #contact a:hover {background-position:0 -70px;} #contact a.active {background-position:0 -140px;} /************************************************************* END NAVIGATION ************************************************************/ img.meeting{ float:right;} /*********************************** HOME CONTENT ************************************/ #reveal {display:block; position:relative; background:url(images/spacer.png) no-repeat; width:2px; height:371px;} #main {display:block; width:960px; position:relative; } #homecontent {width:650px; background:url(images/homemain_bg.png) repeat-y; float:left; margin:0px; } #hometext {width:580px; background:url(images/table_people2.jpg) no-repeat; line-height:20px; padding-left:30px; padding-right:200px; padding-top:0px; padding-bottom:20px;} #hometitle {width:650px; z-index:2; position:absolute; top:35px; font-family: Century Gothic, Arial; font-size: 22px; color:white;} #homeside {width:310px; background:url(images/homeside_bg.png) repeat-y; float:right; margin:0px; } #patext {width:310px; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:20px;} #patext_title {width:310px; z-index:2; position:absolute; top:30px; font-family: Century Gothic, Arial; font-size: 18px; color:white;} #contacttitle {width:310px; z-index:2; position:relative; top:0px; padding-bottom:10px; font-family: Century Gothic, Arial; font-size: 18px; color:white;} #contacttext {width:280px; padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:20px; font-family: Arial; font-size:11px; line-height:14px;} /*********************************** INSIDE CONTENT ************************************/ #reveal2 {display:block; position:relative; background:url(images/spacer.png) no-repeat; width:2px; height:139px;} #reveal3 {display:block; position:relative; background:url(images/spacer.png) no-repeat; width:2px; height:210px;} #reveal4 {display:block; position:relative; background:url(images/spacer.png) no-repeat; width:2px; height:50px;} #reveal4 {display:block; position:relative; background:url(images/spacer.png) no-repeat; width:2px; height:300px;} #leftnav {width:236px; background:url(images/leftnav_bg.png) repeat-y; float:left; margin:0px; } #leftnav_text {width:223px; margin-left:20px;} #leftnav_title {width:190px; z-index:2; position:absolute; top:25px; font-family: Century Gothic, Arial; font-size: 18px; color:white; } #rightbody {width:716px; background:url(images/rightmain_bg.png) repeat-y; top:0px; float:right; margin:0px; } #rightmaintext {width:660px; margin-left:35px; z-index:3; position:relative; top:-25px; } #rightmaintitle {width:660px; z-index:2; position:relative; top:-30px; font-family: Century Gothic, Arial; font-size: 22px; color:white; } #rightmaintitle2 {width:660px; z-index:2; position:relative; top:-30px; font-family: Century Gothic, Arial; font-size: 19px; color:white; } #onepanelbody {width:960px; background:url(images/onepanel_bg.png) repeat-y; top:0px; margin:0px; } #onepaneltext {width:880px; margin-left:30px; z-index:3; position:relative; top:-25px; } #onepaneltitle {width:660px; z-index:2; position:relative; top:-55px; margin-left:30px; font-family: Century Gothic, Arial; font-size: 22px; color:white; } img.logo{ align:center; } /*********************************** FOOTER ************************************/ div#footer { clear:both; text-align:center; font-size:11px; color:white; }