/*form elements*/
input
{
	font-family:tahoma,arial,helvetica;
	font-size: 8pt;
	color: black;
}

select
{
	font-family:tahoma,arial,helvetica;
	font-size: 8pt;
	color: black;
}

textarea
{
	font-family:tahoma,arial,helvetica;
	font-size: 8pt;
	color: black;
}


p
{
        font-family:tahoma,arial,helvetica;
        font-size: 7pt;
        color: black;
}

a
{
	font-family:tahoma,arial,helvetica;
        font-size: 8pt;
}

.sandy
    {
	background: #CCCBC1 url('images/pagebackground.gif');
    }

.logoimage
    {
    background: #6c80da url('images/tribe_bird_backing.gif');
    }

.kewlogoimage
    {
    background: #6c80da url('images/kewnew_backing.gif');
    }

.logotext
     {
     font-family:georgia,times;
     font-size:12pt;
     color: #ccd4f9;
     font-weight: bold;
     text-align: center;
     }	

body 
     {
      background: #FFFFFF;  
      color: #000000; 
      margin: 0px;
      font-size: 7px;
      font-family: tahoma,verdana,arial,helvetica;
     }

.navigation
     {
     font-family:tahoma,arial,helvetica;
     font-size: 12px;
     color: black;
     font-weight: bold;
     text-align: left;
     }

td.navigation
     {
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #003366;
     }

td.navbot
     {
     background: #0A156B;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: #6993e0;
     font-family:tahoma,arial,helvetica;
     font-size:8pt;
     color: white;
     text-align: center;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 0px;
     padding-bottom: 0px;
     }

td.navbotline
{
     font: 8pt tahoma,arial,helvetica;
     color: #003366;
     background: #003366;
     border-bottom-width: 2px;
     border-top-width: 0px;
     border-left-width: 0px;
     border-right-width: 0px;
     border-style: solid;
     border-color: #003366;
}
     
p.navigation
     {
     color: #333333;
     }
     
a.navigation
     {
     color: #2f5fb6;
     text-decoration: none
     }

a.navigation:hover
     {
     color: #6993e0;
     text-decoration: none
     }

/* admin interface */
table.admin
{
	font: 8pt tahoma,arial,helvetica;
	color:black;
	background-color: #999999;
	border: 0px;
	border-color: #999999;
	border-style: solid;
	padding: 5px;
	margin: 1px;
}
     
td.admincont
{
	font: 8pt tahoma,arial,helvetica;
	color:black;
	background-color:#e5e5e5;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #0A156B;
	border-style: solid;
	padding: 5px;
	
}

p.admin
{
   font: 8pt tahoma,arial,helvetica;
   color:black;
}

p.adminwhite
{
   font: 7pt tahoma,arial,helvetica;
   color:white;
}

p.adminh
{
   font: 10pt georgia,times,helvetica;
   color:black;
}

     /*user info bar*/
     p.userinfobar
     {
	     font-family:tahoma,arial,helvetica;
	     font-size:8pt;
	     color: white;
	     text-align: left;
	     /*margin-top: 1px;
	     margin-bottom: 1px;
	     margin-left: 5px;
	     margin-right: 5px;*/
     }

     p.userinfobarcolor
     {
	     font-family:tahoma,arial,helvetica;
	     font-size:8pt;
	     color: #6993e0;
	     text-align: left;
	     /*margin-top: 1px;
	     margin-bottom: 1px;
	     margin-left: 5px;
	     margin-right: 5px;*/
     }

     a.userinfobar
     {
	     font-family:tahoma,arial,helvetica;
	     font-size:8pt;
	     color: white;
	     text-align: left;
	     /*margin-top: 1px;
	     margin-bottom: 1px;
	     margin-left: 5px;
	     margin-right: 5px;*/
     }

     a.userinfobar:hover
     {
	     font-family:tahoma,arial,helvetica;
	     font-size:8pt;
	     color: #66ff00;
	     text-align: left;
	     /*margin-top: 1px;
	     margin-bottom: 1px;
	     margin-left: 5px;
	     margin-right: 5px;*/
     }

     td.userinfobar
     {
	     border-color: #6993e0;
	     border-style: dotted;
	     border-left-width: 2px;
	     border-top-width: 0px;
	     border-bottom-width: 0px;
	     border-right-width: 0px;
	     padding-top: 1px;
	     padding-bottom: 1px;
	     padding-left: 5px;
	     padding-right: 5px;
     }
     
/*news-oriented*/
table.newsfloat 
	{
	float:right;
	margin-left:1em;
	}

.newsh
        {
	font-family:georgia,times,arial,helvetica;
	font-size:14pt;
	color: #394da5;
	font-weight: bold;
	text-align: left;
	margin:2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	}

.newsbody
        {
	font-family:tahoma,arial,helvetica;
	font-size:8pt;
	color: black;
	text-align: justify;
	margin:2px;
	}

p.newscap
	{
	font-family:tahoma,arial,helvetica;
        font-size:7pt;
	color: black;
	}
	

/*mock-box stuff*/
p.feedlink
     {
	font-size:8pt;
	color:black;
	margin: 3px;
     }

a.feedlink
     {
	font-size: 8pt;
	color: #2f5fb6;
     }
     
a.feedlink:hover
     {    
	font-size: 8pt;
	color: #6993e0;
     }

td.customboxcont
     {
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: #003366;
     background: #e6ebf2;
     }

table.mockbox
     {
     font-family:tahoma,arial,helvetica;
     font-size:11px;
     color: white;
     background: #ffffff url('images/mockgrad.gif');;
     border-color: #888888;
     border-style: solid;
     border-width: 1px;
     }

td.mockbox
     {
     border-top-width: 2px;
     border-top-style: solid;
     border-top-color: #1e8cc5;
     background: #ffffff;
     }
     
.mockheader
     {
     font-family:tahoma,arial,helvetica;
     font-size:9pt;
     color: white;
     font-weight: bold;
     text-align: left
     }
     
p.mockbody
     {
     font-family:tahoma,arial,helvetica;
     font-size:8pt;
     color: black;
     text-align: left
     }

.exclamheader
     {
     font-family:tahoma,arial,helvetica;
     font-size:9pt;
     color: white;
     font-weight:bold;
     text-align: left;
     padding: 1px;
     }
     
.exclambody
     {
     font-family:tahoma,arial,helvetica;
     font-size:8pt;
     color: black;
     text-align: left;
     background: #ffffff;
     padding: 2px;
     border-top-width: 2px;
     border-top-style: solid;
     border-top-color: #FF9900;
     }

table.exclam
    {
    border-width: 2px;
    border-style: solid;
    border-color: #CC0000;
    background: #990000 url('images/redgrad.gif');
    }
																					    

/*caption determines the style of 
   the month/year banner above the calendar. */ 
 
.calendartitle  
     { 
     font-family:tahoma,arial,helvetica;  
     font-size:15pt;  
     color: black; 
     font-weight: bold;
     text-align: center 
     } 

.weekglance
     {
     font-family:tahoma,arial,helvetica;
     font-size:8pt;
     color: black;
     text-align: left
     }

.weekglancetd
     {
     border-top-width: 1px;
     border-top-style: dotted;
     border-top-color: #666666
     }


     
/* .calendar determines the overall formatting style of the calendar,   
   acting as the default unless later overruled. */ 
 
.calendarcont
     {
     font: 8pt Tahoma, Arial, Helvetica;
     background-color: #98a1e2;
     color: #0A156B;
     margin: 2px;
     }

a.calendarcont
     {
     color: #0A156B;
     }
     
a.calendarcont:hover
     {
     color: #4958b7;
     }

     
.calendar  
     { 
     font-family:tahoma,arial,helvetica;  
     font-size:11px;  
     color: white; 
     background-color: #c0c0c0; 
     border-color: #003366; 
     border-style: solid; 
     border-width: 1px; 
     }

.calendartitle
     {
     font-size:10pt;
     color: black;
     font-weight: bold;
     text-align: center;
     background-color: #ffffff;
     }

.calendartitle2
     {
     font-size:9pt;
     color: black;
     font-weight: bold;
     text-align: left;
     background-color: #ffffff;
     }
     
.calendarselect
     {
     font:11px tahoma,arial,helvetica;
     color:black;
     text-align: center;
     background-color: #ffffff;
     }
					   
 
/* .calendarlink determines the formatting of those days linked to 
   content. */ 
 
.calendarlink  
     { 
     color: white; 
    } 


.calendarlarge
{
font-family:tahoma,arial,helvetica;
font-size:9pt;
color: white;
background-color: #c0c0c0;
}

.calendarlargetext
{
font-size:7pt;
color:black;
font-weight: bold;
margin: 3px;
}

.calendartitlelarge
{
font-size:14pt;
color: black;
font-weight: bold;
text-align: center;
background-color: #ffffff;
}


/* .header determines the formatting of the weekday headers at the top 
   of the calendar. */ 
 
.header  
     { 
     background-color: #666666; 
     /*border-color: #000000; 
     border-style: solid;*/
     font-weight: bold;
     /*border-width: 1px;*/ 
     } 
 
/* .day determines the formatting of each day displayed in the 
   calendar. */ 
 
.deadspace
     {
     background-color: #a5a37d;
     }
     
.day  
     { 
     background-color: #f5f1b5; 
     border-color: #f5f1b5;
     color: #550707;
     border-style: solid;
     border-width: 1px; 
     text-align: left 
     }

.day:hover
     {
     background-color: #ffff00;
     border-color: #000000;
     color: #550707;
     border-style: solid;
     border-width: 1px;
     text-align: left
     }

.daylink
     {
     color:#550707;
     text-align: left
     }

.pastday
     {
     background-color: #c9c693;
     border-color: #c9c693;
     border-style: solid;
     color: black;
     border-width: 1px;
     text-align: left
     }

.pastday:hover
     {
     background-color: #c9c693;
     border-color: #a5a37d;
     border-style: solid;
     color: black;
     font-weight: bold;
     border-width: 1px;
     text-align: left
     }

.pastdaylink
     {
     color:black;
     text-align: left
     }

.currentday
     {
     background-color: #ffffff;
     border-color: #20e12b;
     color: #550707;
     border-style: solid;
     border-width: 2px;
     text-align: left
     }

.currentday:hover
     {
      background-color: #ffff00;
      border-color: #20e12b;
      color: #550707;
      border-style: solid;
      border-width: 2px;
      text-align: left
      }

.currentdaylink
     {
      color:#550707;
      text-align: left
     }
	     

/* .linkedday determines the formatting of a date to which content is 
   available. */ 
 
.linkedday  
     { 
     background-color: #8080ff; 
     border-color: #000000; 
     border-style: solid; 
     border-width: 1px; 
     text-align: center 
     } 

.daylarge
     { 
     background-color: #f5f1b5; 
     border-color: #a5a37d;
     color: #550707;
     border-style: solid;
     border-width: 1px; 
     text-align: left 
     }

.daylarge:hover
     {
     background-color: #ffff00;
     border-color: #a5a37d;
     color: #550707;
     border-style: solid;
     border-width: 1px;
     text-align: left
     }

.daylinklarge
     {
     color:#550707;
     text-align: left
     }

.pastdaylarge
     {
     background-color: #c9c693;
     border-color: #a5a37d;
     border-style: solid;
     color: black;
     border-width: 1px;
     text-align: left
     }

.pastdaylarge:hover
     {
     background-color: #c9c693;
     border-color: #a5a37d;
     border-style: solid;
     color: black;
     font-weight: bold;
     border-width: 1px;
     text-align: left
     }

.pastdaylinklarge
     {
     color:black;
     text-align: left
     }

.currentdaylarge
     {
     background-color: #ffffff;
     border-color: #20e12b;
     color: #550707;
     border-style: solid;
     border-width: 2px;
     text-align: left
     }

.currentdaylarge:hover
     {
      background-color: #ffff00;
      border-color: #20e12b;
      color: #550707;
      border-style: solid;
      border-width: 2px;
      text-align: left
      }

.currentdaylinklarge
     {
      color:#550707;
      text-align: left
     }

.caldaynumber
    {
      background-color: white;
      border-color: #a5a37d;
      border-width: 1px;
      border-style: solid;
      padding: 2px;
      text-align: center;
      color: #550707;
      font: 8pt tahoma,arial,helvetica;
    }
    
#mainnav ul.nav {
	list-style:none;
	margin:0px auto;
	padding:0;
	width: 1024px;
}
#mainnav ul.nav li {
	float:left;
	width:135px;
	margin:0;
	padding:0;
	text-align:center;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}

#mainnav ul.nav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}

#mainnav ul.nav li a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	display:block;
	padding:5px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #006796;
}
#mainnav ul.nav li a {
	background:url(http://www.mackinaw-city.com/images/bgradback2.jpg) repeat 0 0;
}
#mainnav ul.nav li a:hover {
	background-position:50px 0;
}