p {font: 11px tahoma,verdana,arial,helvetica,sans-serif; text-decoration: none; margin:2px;}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img.icon {
float:left;
margin: 2px;
}

h1#headline
{
    font: 15px Times, serif;
    background: #c2110c;
    color: #fff;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 10px;
	padding: 0px 0 0px 0;
	border: 3px solid #a00404;
	border-width: 3px 0 3px 0;
	text-align: center;
	width: 100%;
}

h2#make_res
{
	margin:0px;
	padding: 15px 0 15px 0;
	font-family: "Open Sans", sans-serif;
	font-size: 24px;
	font-weight: 400;
	background: #00507c;
	color: #fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

h2#make_res:hover
{
	background: #336ba6;
}

h2#make_res a
{
	font-size: 24px;
	text-shadow: 2px 2px 0px rgba(0,0,0,.25);
	display: block;
	color: #fff;
	text-decoration: underline;
}

span.superred {
font: 18px Georgia, Times, serif;
font-weight: bold;
color: #cc0000;
}

span.guarantee
{
font: 12px tahoma,verdana,arial,helvetica,sans-serif;
color: black;
}

div#booknow
{
width: 779px;
margin: 0px auto;
padding: 5px;
}

a.mackinfo
{
font:18px Georgia, Times, serif;
font-weight: bold;
display:block;
padding: 10px;
color: #2f5fb6;
margin: 5px 0 5px 0;
border: 10px solid #e5e5e5;
text-align: center;
text-decoration: underline;
}

a.mackinfo:hover
{
font:18px Georgia, Times, serif;
font-weight: bold;
display:block;
padding: 10px;
margin: 5px 0 5px 0;
border: 10px solid #e5e5e5;
text-align: center;
color: #6993e0;
text-decoration: underline;
}

#flashcontent p {font: 11px Georgia,Times,serif; text-decoration: none; margin:2px;}
#flashcontent a.feedlink {font: 11px Georgia,Times,serif; color:#2f5fb6;font-weight:bold;text-decoration: none;}
#flashcontent a.feedlink:hover {font: 11px Georgia,Times,serif; color:#6993e0 ;font-weight:bold;text-decoration: none;}
#flashcontent h1
     {
        font: 16px georgia,arial,helvetica;
        font-weight: bold;
        text-transform: uppercase;
        background:#cc0000;
        border: 2px solid #660000;
        color: #ffffff;
        padding: 5px;
        margin-bottom: 20 px;
        text-align: center;
     }

p.feedlink
     {
        font-size:11px;
        color:black;
        margin: 3px;
     }

p.headline
     {
	font-size:11pt;
	color:#660000;
     }

a.feedlink
     {
        font-size: 11px;
        color: #2f5fb6;
     }

a.feedlink:hover
     {
        font-size: 11px;
        color: #6993e0;
     }

p.pagetop
{
	font-size: 8pt;
	color: #4f3c03;
}

h1.pagetop
{
	font-family: Georgia, Times, serif;
        font-size: 11px;
        color: #4f3c03;
        letter-spacing: 10px;
	text-transform: uppercase;
        margin: 0px;
        padding: 5px;
        background: none;
        border: none;
}

a.bridgewhite
{
	font-size: 8pt;
	color: #fff;
	text-decoration: underline;
}

a.brightwhite:hover
{
	font-size: 8pt;
	color: #fff;
	text-decoration: underline;
}


a.pagetop
{
	font-size: 8pt;
	color: #4f3c03;
	text-decoration: underline;
}

a.pagetop:hover
{
	font-size: 8pt;
	color: #705607;
	text-decoration: underline;
}

a.pagetop2
{
        font-size: 10px;
        color: #4f3c03;
        text-decoration: underline;
}

a.pagetop2:hover
{
        font-size: 10px;
        color: #705607;
        text-decoration: underline;
}

.input
{
font: 9pt tahoma,verdana,arial,helvetica;
text-decoration: none;
margin:2px;
}

.errors
{
font: 9px tahoma,verdana,arial,helvetica;
text-decoration: none;
color: #ff0000;
font-weight: bold;
}

.menuActuator a {
color:#666666;
font-weight:bold;
font-size:12px;
font-family:arial;
}	

.background {
	margin: 0px;
	background: #D7CFAA url('/images/dparchment3.jpg');
	background-attachment:fixed;
}

.backgroundbluegrad {
	margin: 0px auto;
	background: #999 url('/images/bluegrad5.gif') repeat-x ;
	background-attachment: fixed;
}


.background3
{
	font: 10px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: center;
	background: #036a9b url('/images/bluegrad5.gif') repeat-x ;
	background-attachment: fixed;
}

.background2 {
	background: #D7CFAA url('redfabric.jpg');
	border: 1px solid #000000;
}

.mackinacbridge
{
	font: 10px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: center;
	background: #000023 url('/images/mackinac_bridge_panorama.jpg') top center no-repeat ;
	background-attachment: fixed;
}

.menu {
font: 8pt tahoma,arial,helvetica;
color:#ffffff;
font-size:10px;
background-color:#990000;
layer-background-color:#557dc2;
filter:alpha(opacity=90);
-moz-opacity:0.9;
z-index:2;
}

.menutd {
font: 11px tahoma,arial,helvetica;
color:#ffffff;
font-weight:bold;
text-align:left;
background-color:#990000;
layer-background-color:#557dc2;
z-index:2;
}

.menutd:hover {
font: 11px tahoma,arial,helvetica;
color:#ffff00;
font-weight:bold;
text-align:left;
background-color:#990000;
layer-background-color:#557dc2;
z-index:2;
}

.menu td a
{
	color:#fff;
	font-weight: bold;
}


#topframe
{
	width: 100%;
	margin: 0px;
}

#mapframe
        {
	margin: 3px 0 3px 0;
	}

#weather
{
	margin: 3px 0 3px 0;
}

.usercomment
{
position:relative;
top:-10px;
left:5px;
background:#ffffff;
font:7pt tahoma,arial,helvetica;
color:#663333;
margin:2px;
}

.commentcontent
{
font: 8pt tahoma,arial,helvetica;
}

h1 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 5px;
	color: #03011e;
	}

h2 {
        font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        margin-bottom: 5px;
        color: #660000;
        }

ol
{
        font: 8pt tahoma, arial, helvetica;
        margin: 2px;
        list-style: inside;
        list-style-image: url('images/redarrow.gif');
        marker-offset: 25px;
}

li
{
        font: 8pt tahoma, arial, helvetica;
	font-weight: bold;
	margin: 5px;
        list-style: outside;
        list-style-image: url('images/redarrow.gif');
        marker-offset: auto;
}

div#backtomcity
{
margin: 0px;
padding: 2px;
text-align: left;
background: #f3f4ee;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #d8d2bd;
border-bottom: 1px solid #d8d2bd;
}

a.return
{
	color: #0257c0;
	text-decoration: underline;
}

a.return:hover
{
	color: #4a95f1;
	text-decoration: underline;
}

#plusone
{
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 24px;
	top: 5px;
	left: 5px;
}

div.ham 
{
}

div.ham h1
{
        font: 32px Georgia,Times,serif;
        font-weight: bold;
        color: #cc0000;
        padding: 0px;
        margin: 5px 0 20px 0;
        text-align: center;
}

table.hotelmotel td
{
	font: 16px arial,helvetica,sans-serif;
	text-align: center;
}

table.hotelmotel td a
{
	font: 16px arial,helvetica,sans-serif;
	color: #1301fe;
	text-decoration: underline;
}

table.hotelmotel td a:hover
{
	font: 16px arial,helvetica,sans-serif;
	color: #4baafb;
}

table.hotelmotel td h2
{
        font: 18px arial,helvetica,sans-serif;
        font-weight: bold;
        color: #000;
        padding: 0px;
        margin: 35px 0 0 0;
        text-align: center;	
}

#events h1
{
  font-family: 'Oswald', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  font-smooth: always;
  text-shadow: none;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;     
  margin: 2px 0px 2px 0px;
        padding: 5px 5px 5px 5px;
        color: #fff;
	background: #c1110c;
        text-transform: uppercase;
	border-top: 8px solid #e9d189;
	border-bottom: 8px solid #e9d189;
}

#events h2.calendarname
{
	font-family: 'Oswald', serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	font-smooth: always;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
        color: #236a84;
}

a.oswald
{
	font-family: 'Oswald', serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        font-smooth: always;
        text-shadow: none;
        text-decoration: none;
        text-transform: none;
        letter-spacing: 0em;
        word-spacing: 0em;
        line-height: 1.2;
        background: transparent url('http://www.mackinawcity.net/images/linkarrow.png') no-repeat;
        background-position: 0px 4px;
        padding-left: 13px;
        color: #236a84;
}

#events p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mainnav ul.nav {
	list-style:none;
	margin:0px auto;
	padding:0;
	width: 1060px;
}
#mainnav ul.nav li {
	float:left;
	width:200px;
	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: 11px;
	display:block;
	padding:5px 5px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	font-weight: 600;
	border-right:1px solid #006796;
}
#mainnav ul.nav li a {
	background-color: #557dc2;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
#mainnav ul.nav li a:hover {
	background-color: #4fa3d1;
}

.white2
{
	color: #fff;
}

.accordion
{
	font-size: 12px;
}

div#navhotels
{
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px auto;
	margin-bottom: 0px;
	padding: 2px;
	text-align: center;
	background: #006392;
	background: transparent url(http://www.mackinaw-city.com/images/hotelnavback.png) bottom center no-repeat;
}



div#navhotels h2
{
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	display: inline;
	text-transform: uppercase;
	font-weight: bolder;
	color: #7bbbeb;
}

div#navhotels h1
{

	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	color: #ff0000;
	font-weight: bolder;
	display: inline;
}

div#navhotels a
{
	font-size: 9px;
	color: #7bbbeb;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

div#navhotels a:hover
{
	font-size: 9px;
	color: #fff;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

em
{
	font-style: normal;
	padding: 0px;
	margin: 0px;
}

table#hotelsnav
{
	margin: 0px auto;
}

.navsolid
{
	background: #006392;
	background-image: none;
}

div#weather
{
	font: 14px "Open Sans", sans-serif;
}

div#weather h3
{
	font: 20px "Open Sans", sans-serif;
	margin-bottom: 0px;
	font-weight: 800;
}

div#weather h3 span
{
	font: 12px "Open Sans", sans-serif;
	margin-bottom: 0px;
	font-weight: 600;
}

div#weather p
{
	font: 12px "Open Sans", sans-serif;
}

td.wback
{
	background: #567ec3 url(http://www.mackinaw-city.com/weather/weathergrad.jpg) top left;
}