﻿/* 	=RESET ----------------------------------------	 */
* {margin:0;padding:0;}
p {margin:0; padding:0}
table {border-collapse:collapse;border-spacing:0; border: 0}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {outline:none} /* Gets rid of Firefox's dotted borders */
a img {border:none } /* Gets rid of IE's blue borders */
strong {font-weight: bold;}
em {font-style: italic}
ul {line-height:14px; margin: 0; padding-left: 1em;list-style:none;}
hr {margin:5px;}
h1 {font-family:Helvetica, Helvetica Neue, Arial, sans-serif; font-size:20pt; font-weight: normal; color:#4E4C4C;}
h3 {font-family:Helvetica, Helvetica Neue, Arial, sans-serif; font-size:16pt; font-weight: normal; color:#4E4C4C;}
a {color:#531900;text-decoration:none;}
a:hover {color:#531900;text-decoration:underline;}

.clear {clear:both;}

/* =BASE STYLES -------------------------- */

body {font-family: Helvetica, Helvetica Neue, Arial, sans-serif;font-size:9pt; font-weight: normal; color:#000000;}
#wrapper {background: #000000 url('images/bkg2.jpg') top left;}
#content {width:990px;margin:0 auto;background: url('images/black_bkg.png') repeat-x 0 250px;}


/* =HEADER STYLES ----------------------- */

#header {background: #000000;width:990px;}
.leaderboard {width:728px;height:90px;float:left;margin: 5px 15px 5px 5px;}
#header_weather {width:237px;float:left;margin-top:20px;}
.header_weather_inner {width: 120px; height: 60px; background-image: url('http://www.cruisinmi.com/images/silver_120x60_bg.jpg'); background-repeat: no-repeat; background-color: #86888B; align: center;}
.pencil {width:972px;margin:0 auto;text-align:center;}

.woodwardheader {background: url('http://www.cruisinmi.com/woodwardcruise/images/woodward_header.jpg') no-repeat bottom; width:990px;height:186px;}
.woodward_miniheader {background: url('http://www.cruisinmi.com/woodwardcruise/images/woodward_paperbkg.png') no-repeat top center;height:33px;padding-top:9px;color:#98959E;text-align:center;font-size:13.5pt;font-weight:bold;}

/* .nav {background: url('images/nav_bkg.jpg') repeat-x bottom;line-height: 1em;}---------------- */
/* .nav ul li {list-style-type:none;display:inline;}---------------- */
/* .nav ul li a {padding: 5px 10px;font-size:13pt;font-weight:bold;color:#FFFFFF;text-decoration:none;line-height:120%;}---------------- */
/* .nav ul li a:hover {padding: 5px 10px;font-size:13pt;font-weight:bold;color:#FFFFFF;text-decoration:underline;line-height:120%;}---------------- */

.nav {background: url('images/nav_bkg.jpg') repeat-x bottom;}
.nav li a {}
.nav li a:hover {}
.nav li ul  {position: absolute; left: -999em; width: 120px;}
.nav li ul a			{width: 150px;padding: 6px 18px;border-top: 1px solid #AFA6C3;}
.nav li ul a:hover		{width: 150px;}
.nav li:hover ul		{left: auto;}
.nav li:hover ul, .nav li.sfhover ul {left: auto;}
.nav li ul li			{text-align: left; background: #E5CBCB; position:relative;z-index:1;}

.navitems {font-size: .8em; line-height: 1em; padding: 0px 0; width:990px;margin: 0 auto; border:0; }
.navitems li {list-style:none;float: left; border-right: 1px solid #000000; margin: 0; padding: 0;}
.navitems li a {color:#FFFFFF; display: block; padding:5px 9px; text-decoration: none; font-weight: bold;font-size:13pt;line-height:100%}
.navitems li a:hover {color:#000000; text-decoration: none; background: #E5CBCB;}
.navitems li ul li a {font-size:10pt;color:#000000;padding: 5px 10px; border-left: 1px solid #222222;border-right: 1px solid #222222; border-bottom: 1px solid #222222;}
.navitems li ul li a:hover {background: #E5CBCB; color: #670003}
.navitems li ul li {position:relative;border-right: 0;z-index:1;}
.navitems li.last {margin-right: 0; padding-right: 0; border: 0;}

.woodward_nav {background: url('images/nav_woodwardbkg.jpg') repeat-x bottom;}
.woodward_nav li a {}
.woodward_nav li a:hover {}
.woodward_nav li ul  {position: absolute; left: -999em; width: 120px;}
.woodward_nav li ul a			{width: 150px;padding: 6px 18px;border-top: 1px solid #000;}
.woodward_nav li ul a:hover		{width: 150px;}
.woodward_nav li:hover ul		{left: auto;}
.woodward_nav li:hover ul, .nav li.sfhover ul {left: auto;}
.woodward_nav li ul li			{text-align: left; background: #A1CBF6; position:relative;z-index:1;}

.woodward_navitems {font-size: .8em; line-height: 1em; padding: 0px 0; width:990px;margin: 0 auto; border:0; }
.woodward_navitems li {list-style:none;float: left; border-right: 1px solid #000000; margin: 0; padding: 0;}
.woodward_navitems li a {color:#FFFFFF; display: block; padding:5px 9px; text-decoration: none; font-weight: bold;font-size:10pt;line-height:100%}
.woodward_navitems li a:hover {color:#000000; text-decoration: none; background: #A1CBF6;}
.woodward_navitems li ul li a {font-size:10pt;color:#000000;padding: 5px 10px; border-left: 1px solid #222222;border-right: 1px solid #222222;}
.woodward_navitems li ul li.last a {font-size:10pt;color:#000000;padding: 5px 10px; border-left: 1px solid #222222;border-right: 1px solid #222222; border-bottom: 1px solid #222222;}
.woodward_navitems li ul li a:hover {background: #A1CBF6; color: #2F4C76}
.woodward_navitems li ul li {position:relative;border-right: 0;z-index:1;}
.woodward_navitems li.last {margin-right: 0; padding-right: 0; border: 0;}


.woodwardlogo {width:300px;float:left;}


.woodward_morenews {margin-top:10px;}
.woodward_morenews ul {width:600px;padding-left:0;}
.woodward_morenews ul li {list-style:none;width:280px;float:left;margin-right:20px;}

/* =MAIN CONTENT STYLES ---------------- */

#main {width:970px;background: url('images/white_bkg.png') repeat-y top center;margin:10px auto 0 auto;}
.leftcol {width:600px;float:left;padding: 10px 20px 0 25px;}
.rightcol {width:300px; float:left;}
.fullcol {width:900px;float:left;padding: 10px 20px 0 25px;}


.topstory {background:#000000;padding:10px;color:#FFFFFF;}
.topstory img {float:right; border:2px solid #FFFFFF;margin:4px}
.topstory h1 {font-size:20pt;font-weight:bold;color:#FFFFFF;margin-bottom:15px;}
.topstory h1, .topstory p {} 

.subhead {background: #D5D3D4 url('images/main_header_bkg.jpg') repeat-x bottom;margin:10px 0;padding:5px;color:#BB1112;font-size:14pt;font-weight:bold;}
.feature_story {width:600px;margin-bottom:10px;border-bottom:1px solid #DDDDDD;}
.feature_story img {float:right;margin:0 10px 10px 10px;width:280px;}
.feature_story_text {}

.features .image {width:110px;float:left;}
.features .map {width:400px;float:left;}

.story {margin-bottom:10px;border-bottom:1px solid #DDDDDD;}

.directory {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #DDDDDD;}
.directory img {float:right;margin-right:10px;}
.directory .image {width:215px;float:left;margin:10px;}

.article .image {width:215px;float:left;}


.localnews ul {padding:0;margin:0;}
.localnews a {font-size:11pt;font-weight:bold;color:#0B4275;text-decoration:none;}
.localnews a:hover {font-size:11pt;font-weight:bold;color:#0B4275;text-decoration:underline;}
p.next {color:#555555;margin:10px 0 3px 0;}

/* =RIGHTBAR ------------------ */

.lrec {width:300px;margin: 10px 0 20px 0;padding-top:10px;background: url('http://www.theoaklandpress.com/images/advertisement_daily.png') no-repeat top center;}
.right_widget {width:300px;margin-bottom:20px;}
.right_widget img {float:right;margin-left:5px; margin-bottom:20px;}
.mycapture {width:155px;float:right;}
.woodwardclock {width:300px;margin:10px 0;text-align:center;border-bottom: 1px solid #DDDDDD;padding-bottom:10px}
.woodwardclock h1 a {font-size:12pt;margin-bottom:0}
.woodwardclock h1 a:hover {font-size:12pt;margin-bottom:0;text-decoration:underline;}
.downriverclock {width:300px;margin:0 0 20px 0;text-align:center;}
.downriverclock h1 a {font-size:12pt;margin-bottom:0}
.downriverclock h1 a:hover {font-size:12pt;margin-bottom:0;text-decoration:underline;}

/* =BOTTOM HALF CONTENT ------------------ */

.division {background: url('images/division.jpg') repeat-x;height:23px;width:935px;margin:0 auto;}
.subhead2 {background: url('images/mini_header_bkg.jpg') repeat-x bottom;padding:5px;color:#BB1112;font-size:13pt;font-weight:bold;}
.subhead2 a {background: url('images/mini_header_bkg.jpg') repeat-x bottom;padding:5px;color:#BB1112;font-size:13pt;font-weight:bold;text-decoration:none;}
.subhead2 a:hover {background: url('images/mini_header_bkg.jpg') repeat-x bottom;padding:5px;color:#BB1112;font-size:13pt;font-weight:bold;text-decoration:underline;}

.cruise_box {background: #DCDADB; width:430px;float:left;margin:10px;height:280px;}
.cruise_box h1 a{color:#BB1112;font-size:11pt;font-weight:bold;margin-bottom:5px;}
.cruise_box h1 a:hover{color:#BB1112;font-size:11pt;font-weight:bold;margin-bottom:5px;text-decoration:underline;}

.bottom_story {margin-bottom:10px;padding:15px;}
.bottom_story img {float:right;margin-left:5px;}

/* =CALENDAR STYLES ------------------ */
.calendar {margin:0;padding:0;}
table.cal_outter {border:1px solid #DFE0DC;}
table.cal_outter tr td {height:30px;margin:0;padding:0;border: 1px solid #DFE0DC;text-align:center;}

.events_outter {font-size:16pt;color:#3D3C3C;width:500px;margin:0 auto 10px auto;min-height:500px;padding:20px;}
.events_outter table {margin-left:5px;}

table.cal_event {border:1px solid #DFE0DC;background: #fff url('http://www.cruisinmi.com/calendar/images/event_bkg.jpg') repeat-x bottom;}
table.cal_event tr td {padding:5px;}

TD.NON {height:30px;font-size :12px; color :#C0C0C0; font-weight :normal;text-align:center;}
TD.TOP {height:30px;font-size :12px; color :#0000FF; font-weight :bold;text-align:center;}
td.weekday {height:30px;width:38px;margin:0;padding:0;font-size :13px; color :#3D3C3C; font-weight :normal;background:#F0F0F0 url('http://www.cruisinmi.com/calendar/images/weekday_bkg.png') no-repeat bottom right;text-align:center;}
td.month {height:30px;font-size :16px; color :#3D3C3C; font-weight :bold;}
td.event_title {font-size:16px;color :#17395A;font-weight:bold;}
td.event_date {font-size:10pt;color:#3D3C3C}
td.event_date p{font-size:10pt;margin-top:5px;}

A.NOEVENT:Link {font-size :12px; color :#3D3C3C; font-weight :normal; text-decoration: none;padding:3px;text-align:center;}
A.NOEVENT:hover {font-size :12px; color :#3D3C3C; font-weight :normal; text-decoration: none;padding:3px;text-align:center;}
A.NOEVENT:Visited {font-size :12px; color :#3D3C3C; font-weight :normal; padding:3px;text-decoration: none;text-align:center;}

A.EVENT:Link {font-size :12px; color :#17395A; background:#E5E8EA;font-weight :bold; padding:3px 5px;text-decoration: none;text-align:center;}
A.EVENT:hover {font-size :12px; color :#FFFFFF;background:#17395A; font-weight :bold; padding:3px 5px;text-decoration: none;text-align:center;}
A.EVENT:visited {font-size :12px; color :#17395A; background:#E5E8EA;font-weight :bold; padding:3px 5px;text-decoration: none;text-align:center;}
A.EVENT:visited:hover {font-size :12px; color :#FFFFFF;background:#17395A; font-weight :bold; padding:3px 5px;text-decoration: none;text-align:center;}

A.NORMAL:Link {font-size :12px; color :#0000FF; font-weight :normal; padding:3px;text-decoration: none;text-align:center;}
A.NORMAL:Visited {font-size :12px; color :#0000FF; font-weight :normal; padding:3px;text-decoration: none;text-align:center;}



/* =FOOTER ------------------ */

#footer {width:915px; margin:20px auto 0 auto;text-align:center;border-top:1px solid #DDDDDD;padding-top:20px;}
#footer a {color:#BB1112;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* =GENERAL TYPOGRAPHY ------------------ */

a {color:#06315A;text-decoration:none;}
a:hover {text-decoration:underline;color:#06315A;}

a.caption {color:#555555;}

h1 {color:#BB1112;font-size:14pt;font-weight:bold;margin-bottom:5px;}
h1 a {color:#BB1112;font-size:14pt;font-weight:bold;margin-bottom:5px;text-decoration:none;}
h1 a:hover {color:#BB1112;font-size:14pt;font-weight:bold;margin-bottom:5px;text-decoration:underline;}

p.head2 {font-size:10pt;font-weight:bold;}
p.byline {color:#FFFFFF;font-size:8pt;font-weight:bold;margin-bottom:10px;}
p.byline2 {color:#000000;font-size:8pt;font-weight:bold;margin:10px 0;}
p.more {font-size:11pt;font-weight:bold;color:#000000;margin:5px 0;}
p.more a {text-decoration:none;color:#000000;}
p.more a:hover {text-decoration:underline;color:#BB1112;}
p.blackmore {font-size:11pt;font-weight:bold;color:#FFFFFF;margin:5px 0;}
p.blackmore a {text-decoration:none;color:#FFFFFF;}
p.blackmore a:hover {text-decoration:underline;color:#BB1112;}

#table50 tr td {padding-bottom:10px;}
