/*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:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:13px; color:#5e5e5e; margin:1em 0em 0.5em 0em;}


/*****************************
****   GLOBAL STYLES   *******
*****************************/

body {
background-color:white;
background:url(images/bg.jpg) repeat-x;
margin:0; padding:0;
font:normal 13px "Trebuchet MS",sans-serif;
color:#5e5e5e;
text-align:center;

}

a {color:#55592b; }
a:visited {color:#43f99a4;}
a:hover {color:#55592b; text-decoration:none;}



/*****************************
****   HOME STYLES   *******
*****************************/

#wrapper {
	margin: 0 auto 0 auto;
	width:960px;
	position:relative;
	text-align:left;
}
#containerhome {
	float:left;
	width:960px;
	background:url(images/landscape_home.jpg) top left no-repeat
}

#containerinside {
	float:left;
	width:960px;
	background:url(images/landscape_inside.jpg) top left no-repeat;
}


#containersubnav {float:left;
width:147;
}


#containermain {float:right;
width:813;
padding-left:1em;
}



#logo a {
	display:block;
	width:181px; height:176px;
	position:relative;
	top:0px; left:0px;
	
}
#title {
	display:block;
	width:400px; height:96px;
	position:relative;
	top:-25px; left:422px;
	
}



#subhead{font-size:24px; color:#1f4e99}

#subheadem{font-size:16px; font-style:italic;}

/*************************************************************
	NAVIGATION
************************************************************/
#nav {
    width:698px;
    height:45px; 
    top:87px; left:188px;
    position: absolute;

}

#nav li {    
    list-style:none;
    display:inline;
}

#nav li a {display:block; height:45px; }

#home a {width:78px;
    background:url(images/nav_home.gif) no-repeat;
    float:left;
    padding:0px;
    margin:0px;}

#home a:hover {background-position:0 -40px;}

#home a.active {background-position:0 -80px;}

#about a {width:75px;
    background:url(images/nav_about.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#about a:hover {background-position:0 -40px;}

#about a.active {background-position:0 -80px;}

#services a {width:90px;
    background:url(images/nav_services.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#services a:hover {background-position:0 -40px;}

#services a.active {background-position:0 -80px;}

#resources a {width:187px;
    background:url(images/nav_resources.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#resources a:hover {background-position:0 -40px;}

#resources a.active {background-position:0 -80px;}

#pictures a {width:90px;
    background:url(images/nav_pictures.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#pictures a:hover {background-position:0 -40px;}

#pictures a.active {background-position:0 -80px;}

#stories a {width:86px;
    background:url(images/nav_stories.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#stories a:hover {background-position:0 -40px;}

#stories a.active {background-position:0 -80px;}

#contact a {width:89px;
    background:url(images/nav_contact.gif) no-repeat;
	background-position:0 0px;
    float:left;
    padding:0px;
    margin:0px;}

#contact a:hover {background-position:0 -40px;}

#contact a.active {background-position:0 -80px;}

/*************************************************************
	END NAVIGATION
************************************************************/

/*************************************************************
	SUBNAVIGATION
************************************************************/

#sub {
	list-style-type:none;
	position:absolute;
	top:283px; left:10px;
	width:146px; height:114px;
}
#sub li {
	float:left;
	width:147px; height:57px;
}
#sub li a {display:block; width:147px; height:57px; }

#ab-mish a {background: url(images/subnav_about.gif) 0px 0px no-repeat;}
#ab-hist a {background: url(images/subnav_about.gif) 0px -57px no-repeat;}

#ab-mish a:hover {background: url(images/subnav_about.gif) -146px 0px no-repeat;}
#ab-hist a:hover {background: url(images/subnav_about.gif) -146px -57px no-repeat;}

#ab-mish a.active {background: url(images/subnav_about.gif) -292px 0px no-repeat;}
#ab-hist a.active {background: url(images/subnav_about.gif) -292px -57px no-repeat;}

#subser {
	list-style-type:none;
	position:absolute;
	top:283px; left:10px;
	width:147px; height:114px;
}
#subser li {
	float:left;
	width:147px; height:37px;
}
#subser li a {display:block; width:147px; height:37px; }

#se-admin a {background: url(images/subnav_services.gif) 0px 0px no-repeat;}
#se-fin a {background: url(images/subnav_services.gif) 0px -37px no-repeat;}
#se-edu a {background: url(images/subnav_services.gif) 0px -74px no-repeat;}
#se-pol a {background: url(images/subnav_services.gif) 0px -111px no-repeat;}
#se-church a {background: url(images/subnav_services.gif) 0px -148px no-repeat;}
#se-health a {background: url(images/subnav_services.gif) 0px -185px no-repeat;}
#se-rec a {background: url(images/subnav_services.gif) 0px -222px no-repeat;}
#se-part a {background: url(images/subnav_services.gif) 0px -259px no-repeat;}

#se-admin a:hover {background: url(images/subnav_services.gif) -147px 0px no-repeat;}
#se-fin a:hover {background: url(images/subnav_services.gif) -147px -37px no-repeat;}
#se-edu a:hover {background: url(images/subnav_services.gif) -147px -74px no-repeat;}
#se-pol a:hover {background: url(images/subnav_services.gif) -147px -111px no-repeat;}
#se-church a:hover {background: url(images/subnav_services.gif) -147px -148px no-repeat;}
#se-health a:hover {background: url(images/subnav_services.gif) -147px -185px no-repeat;}
#se-rec a:hover {background: url(images/subnav_services.gif) -147px -222px no-repeat;}
#se-part a:hover {background: url(images/subnav_services.gif) -147px -259px no-repeat;}

#se-admin a.active {background: url(images/subnav_services.gif) -294px 0px no-repeat;}
#se-fin a.active {background: url(images/subnav_services.gif) -294px -37px no-repeat;}
#se-edu a.active {background: url(images/subnav_services.gif) -294px -74px no-repeat;}
#se-pol a.active {background: url(images/subnav_services.gif) -294px -111px no-repeat;}
#se-church a.active {background: url(images/subnav_services.gif) -294px -148px no-repeat;}
#se-health a.active {background: url(images/subnav_services.gif) -294px -185px no-repeat;}
#se-rec a.active {background: url(images/subnav_services.gif) -294px -222px no-repeat;}
#se-part a.active {background: url(images/subnav_services.gif) -294px -259px no-repeat;}


#subres {
	list-style-type:none;
	position:absolute;
	top:283px; left:10px;
	width:147px; height:114px;
}
#subres li {
	float:left;
	width:147px; height:47px;
}
#subres li a {display:block; width:147px; height:47px; }

#re-over a {background: url(images/subnav_resources.gif) 0px 0px no-repeat;}
#re-mine a {background: url(images/subnav_resources.gif) 0px -47px no-repeat;}
#re-hist a {background: url(images/subnav_resources.gif) 0px -94px no-repeat;}

#re-over a:hover {background: url(images/subnav_resources.gif) -147px 0px no-repeat;}
#re-mine a:hover {background: url(images/subnav_resources.gif) -147px -47px no-repeat;}
#re-hist a:hover {background: url(images/subnav_resources.gif) -147px -94px no-repeat;}

#re-over a.active {background: url(images/subnav_resources.gif) -294px 0px no-repeat;}
#re-mine a.active {background: url(images/subnav_resources.gif) -294px -47px no-repeat;}
#re-hist a.active {background: url(images/subnav_resources.gif) -294px -94px no-repeat;}


/*************************************************************
	END SUBNAVIGATION
************************************************************/

/***********************************
	CONTENT
************************************/

#flash {
	display:block;
	width:620px; height:405px;
	position:relative;
	top:120px; left:170px;
	
}


#currentnews {
	display:block;
	width:620px; height:205px;
	position:relative;
	top:130px; left:170px;
	background: url(images/newspaper-blog.jpg) 0px; 0px; no-repeat;
	
}

#blog {
	float:left;
	width:310px; height:205px;
	position:relative;
	top:130px; left:170px;
	background: url(images/blog.gif) 0px; 0px; no-repeat;
	
}

#current {padding-top:90px; padding-left:175px; z-index:2}

#current a {font:16px "Trebuchet MS",sans-serif; z-index:2}

#recentgfx {
	display:block;
	width:617px;
	position:relative;
	top:130px; left:170px;
	
}

#recent {
	display:block;
	list-style-type:none;
	position:relative;
	top:140px; left:170px;
	padding-bottom:10px;
	
}

#recent li{    
    display:block;
}


#recent a {font:16px "Trebuchet MS",sans-serif; line-height: 20px;}

#insidecontent {
display:block;
		position:relative;
		left:-160px; top:-30px;
		width:610px;
		padding:1em;
}

#picturecontent {
display:block;
		position:relative;
		left:-135px; top:-10px;
		width:626px;
		padding:20px; 5px; 5px; 5px;
}

#lister{padding-left:15px;}

ul.second{padding-left:10px;}
li.second{padding-left:10px;}

img.letter{float:left; padding-top:0px; padding-right:8px; padding-left:0px; padding-bottom:5px;}

/***********************************
	FOOTER


************************************/


	div#footer {
	clear:both;
text-align:center;

}