/***********************************************************/
/* Custom CSS for Skowkale First Nation Website            */
/* Created by K.D.Kelbert                                  */
/***********************************************************/
/* default page body                                       */
/***********************************************************/
body { 	
	/*background-color: #000154 ; /* dark blue */
	background-color: #000040; /* very dark blue */
	margin: 0px ;
	padding: 0px ;
	
}

/***********************************************************/
/* default table attributes                                */ 
/***********************************************************/
table {
	border-collapse: collapse ;
}
/***********************************************************/
/* default cell td settings                      */
/***********************************************************/
td { 
	font-family: Arial,Helvetica, sans-serif ;
	font-weight: normal ; 	
	font-size: 12pt ;
	color: #000154 ; /* dark blue */
	border: 0px ;
	border-collapse: collapse ;
	margin: 0px ;
	padding: 0px ;
}
/***********************************************************/
/* default cell th settings                      */
/***********************************************************/
th { 
	font-family: Arial,Helvetica, sans-serif;
	font-weight: bold; 	
	font-size: 14px;
	color: #000154; /* dark blue */
	border-collapse: collapse ;
	margin: 0px ;
	padding: 0px ;
} 
/***********************************************************/
/* customize table attributes                              */ 
/***********************************************************/
/* logo table -  becomes full width of page                */
/***********************************************************/
.logotable { 
	width: 100% ; 
	border: 1px solid #000000;
	background-color: #000154; 
}
/***********************************************************/
/* cell borders for logo border                            */
/***********************************************************/
.logoborder2 {
	border: 2px solid #000000; /* black */
	width: 100% ; 
	height: 15px ;
	background-color:#003F95;
}

/************************************/
/*topnavmenu*************************/
/************************************/
#topnavmenu ul {
	display: block;
	padding: 0px;
	margin-left: 170px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px;
	text-align: left;	
}
#topnavmenu  li {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 8px;
	font-weight: normal;
	display: inline;
	position: top;
	top: 0em; 
}
#topnavmenu  a:link,
#topnavmenu  a:visited,
#topnavmenu a:active{
	color: white;
	padding: 10px; 
	margin: 0px;
	border: 0px;
}
#topnavmenu  a:hover {
	text-decoration: none;
	color: #B1E0FB; /* light bright blue*/
	padding: 10px; 
	margin: 0px;
	border: 0px;
}
/***********************************************************/
/* cell properties for logo image                          */
/***********************************************************/
.borderimage{
	width: 100% ; 
	height: 126px ;
	border: 1px solid #000000;
	background-color: #000154; 
}
/***********************************************************/
/* add extra dark space above logo borders                 */
/***********************************************************/
.spacer {
	border: 1px;
	width: 100% ; 
	height: 1px ;
	background-color: #000000; /* black */
}
/***********************************************************/
/* main table                                              */
/***********************************************************/
.maintable {
	border: 0px; 
	margin: 0px; 
}
/***********************************************************/
/* table columns                                           */
/***********************************************************/
.leftcol {
	width: 200px ;  
	vertical-align: top ;
	font-family: Arial,Helvetica, sans-serif ;
	font-size: 14px ;
}
.centercol {
	width: 700px; 
	vertical-align: top;
	color: #ffffff;
}
.rightcol {
	width: 400px ; 
	vertical-align: top ;
}
/***********************************************************/
/* spanned cells for spacer */
/***********************************************************/
.colspan3 {
	height: 1px ; 
}

/***********************************************************/
/* customize center column attributes                      */ 
/***********************************************************/
/* pagecontents                                            */ 
/***********************************************************/
.pagecontents { 
	border: 2px solid #000000;
	padding: 0px 25px 25px 25px;/* top right bottom left */
	margin: 0px;
	background-color: #F0F8FF; /* pale blue */
	vertical-align: top;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: normal;
	color: #000154; /* dark blue */
	text-indent: 0px;	
}
/***********************************************************/
/* faqcontents                                             */ 
/***********************************************************/
.faqcontents { 
	border: 2px solid #000000;
	padding: 0px 25px 25px 0px;/* top right bottom left */
	margin: 0px;
	background-color: #F0F8FF; /* pale blue */
	vertical-align: top;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: normal;
	color: #000154; /* dark blue */
	text-indent: 0px;	
}
/***********************************************************/
/* gallery contents                                        */  
/***********************************************************/
.galleryarea { 	
	border: 2px solid #000000; /* size px type color*/
	padding: 20px;
	background-color: #F0F8FF; /* pale blue */
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 14px;
	color: #000154; /* dark blue */
}
/***********************************************************/
/* customize image attributes                              */ 
/***********************************************************/
/* logo table images                                       */
/***********************************************************/
img.imgbar{
	border: 0px none; 
	height: 10px;
}
img.logowide{
	border: 0px solid; 
	width: 900px; 
	height: 126px;
}
/***********************************************************/
/* gallery image attributes                                */ 
/***********************************************************/
img.gallery { 
	border: 2px #000154 solid; /* dark blue */
	margin: 2px; 	
	padding: 0px;
	height: 75px;
} 
/***********************************************************/
/* generic image attributes                                */
/***********************************************************/ 
img.genimg{ 
	border: 2px #000154 solid; /* dark blue */
	margin: 10px; 	
	padding: 0px;
} 
/***********************************************************/
/* hyperlink image attributes                              */ 
/***********************************************************/
img.hyperimg{ 
	border: 2px #ffffff solid;
	margin: 20px; 	
	padding: 0px;
	opacity: 1;
	filter: alpha(opacity=100)
} 
/***********************************************************/
/* clearpixel (anchor) attributes                          */ 
/***********************************************************/
img.clearpix{ 
	height: 0px; 
	width: 0px;
	border: 0px; 
	margin: 0px; 	
	padding: 0px;
}
/***********************************************************/
/* custom hyperlink attributes                             */ 
/***********************************************************/
/* default hyperlinks                                      */
/***********************************************************/
a.hyperlnk {
	font-family: Arial,Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 0px;
	padding: 0px;
	text-decoration: underline;
}
a.hyperlnk:link, 
a.hyperlnk:visited, 
a.hyperlnk:active,
a.hyperlnk:hover { 
	color: #000154; /* dark blue */
}
/***********************************************************/
/* hyperlink anchor no decoration                                 */
/***********************************************************/
a.anchor:link, 
a.anchor:visited, 
a.anchor:active,
a.anchor:hover { 
	color: #087615; /* med-dark green */
}
a.anchor:hover{
	text-decoration: none;
	color: #0784D8; /* bright blue */
	padding: 0px; 
	margin: 0px;
	border: 0px;
}


/***********************************************************/
/* image hyperlinks                                        */
/***********************************************************/
a.hyperimgborder:link,
a.hyperimgborder:visited ,
a.hyperimgborder:active { 
	border: 2px solid #087615; /* med-dark green */
}
a.hyperimgborder:hover { 
	border: 2px solid #0784D8; /* bright blue */
}
/***********************************************************/
/* hyperlinks decorated                                    */
/***********************************************************/
a.yesdec:link,
a.yesdec:visited,
a.yesdec:active{
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: bold;
	color:  #3C6FA6;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}
a.yesdec:hover {
	text-decoration: underline;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: bold;
	color: #000154; /* dark blue */
	padding: 0px; 
	margin: 0px;
	border: 0px;
}
/***********************************************************/
/* customize list attributes                               */ 
/***********************************************************/
/* unordered list, no decoration for  page contents        */
/***********************************************************/
.ulnodec {
	margin-left: 0px;
	padding: 20px;
	font-style: bold;
	list-style-type: none;
	text-decoration: none;
}

#horizmenu ul {
	display: block;
	padding: 2px;
	margin: 0px;
	border: 0px;
	text-align: center;	
}
#horizmenu  li {
	padding: 2px;
	margin: 0px;
	border: 0px;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	position: relative;
	top: 1em; 
}
#horizmenu  a:link,
#horizmenu  a:visited,
#horizmenu  a:active{
	text-decoration: underline;
	color: #3C6FA6;
	padding: 2px; 
	margin: 0px;
	border: 0px;
}
#horizmenu  a:hover {
	color: #000154; 
	text-decoration: underline;
	padding: 2px; 
	margin: 0px;
	border: 0px;
}


/***********************************************************/
/* vertical undordered for faq navagation menu             */
/***********************************************************/
#faqmenu ul {
	display: block;
	margin: 0px;
	border: 0px;
	padding: 0px;
	list-style-type: none;
}
#faqmenu li {
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: relative;
	font-family: Arial,Helvetica, sans-serif;
	list-style-type: none;
 	font-size: 16px;
	font-weight: normal;
	color: #000000; 
	text-decoration: none;
}
#faqmenu a:link,
#faqmenu a:visited,
#faqmenu a:active{
	color: #3C6FA6; 
	text-decoration: underline;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: bold;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}
#faqmenu a:hover {
	color: #000154; 
	text-decoration: underline;
	font-family: Arial,Helvetica, sans-serif;
 	font-size: 16px;
	font-weight: bold;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}


/***********************************************************/
/* customize error report                                  */ 
/***********************************************************/
#reportmia label  {font-weight:bold}
#reportbutton { 
	vertical-align: middle;
	background-color: #0784D8; /* bright blue */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
	background-image: url(http://skowkale.com/graphics/fish10.jpg);
	background-repeat: none;
}
#reportarea  { 
	border: 2px ridge #0784D8;
	background-color: #D3ECFB;
	margin: 0px;
	padding: 5px; 
}
.errbox {
	width: 100%; 
	height: 50px; 
	padding: 10px;
	margin: 5px 0px 5px 0px; /* top right bottom left */
	vertical-align: top;
}

/***********************************************************/
/* other customizations                                    */ 
/***********************************************************/
i { 	
	font-family: Arial,Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
b { 	
	font-family: Arial,Helvetica, sans-serif;
	font-size: 16px;
	color: #000154;
}

h1,h2,h3 { 
	font-family: Arial,Helvetica, sans-serif;
	color: #000154;
	text-align: center;
}
hr {
	color: #3C6FA6;
	height: 2px solid;
}
hr.hrindent {
	color: #3C6FA6;
	height: 2px solid;
	margin-left: 25px;
}

/***********************************************************/
/* customize webobjects(weather, time)                     */ 
/***********************************************************/

.currenttime {
	border: none;
	margin: 20px auto; 
	text-align: center; 
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	color: #ffffff;
	}
	
.weather {
	border: none; 
	width: 13em; 
	padding: 10px; 
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	color: #ffffff;
}