body { font-family: Calibri, Myriad Pro, Sans-Serif; background-image: url(/images/background_top_01.jpg); background-position: top; background-repeat: repeat-x; background-color: #585958;font-size:75%}
    
img {border: none;}
h1 {font-size: 32px;color: #009786;margin: 0 0 25px 0;font-weight: lighter;}
h2 {font-weight: bold;font-size: 16px; margin: 0 0 20px 0;}
h3 {color: #7f8988; font-weight: bold;font-size: 13px;}
h4 {color: Black;font-weight: bold;font-size: 10px;}
h5 {color: #7f8988; font-weight: bold;font-size: 10px; }
p {font-size: 14px;color: #6b6b6b; margin: 0 0 20px 0; line-height: 20px;}
a, a:active, a:visited, a:link {color: #1691c5; font-weight: bold; text-decoration: none; font-size: 14px;}
a:hover {color: #056690;}
strong {font-weight: bold;}

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Global
--------------------------------------------------------------------------------------------------------------------------------*/
#allContent { background-color: white; border-left: solid 1px Black; border-right: solid 1px Black; margin-left: auto; margin-right: auto; margin-top: -17px; min-height: 300px; text-align: left; width: 960px; }
#mainContent { padding: 15px 10px; position: relative; z-index: 500; }
p.clear {margin: 0; padding: 0; clear: both}
.leftImg { float: left; margin: 3px; padding: 3px 20px 3px 3px; width: 172px; }

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Columns 
--------------------------------------------------------------------------------------------------------------------------------*/
.left {float: left;}
.right {float: right;}
.oneFourthCol, .halfCol, .threeFourthCol, .fullCol {margin: 0 10px 15px; position: relative;}
.oneFourthCol {width: 215px;}
.halfCol {width: 450px}
.threeFourthCol {width: 685px;}
.fullCol {width: 920px;}
.grayBG {background: #e9e9e9; margin-bottom: 0;}

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Header & Nav
--------------------------------------------------------------------------------------------------------------------------------*/

#Header { background-image: url(/images/header_bg_01.jpg); background-repeat: no-repeat; height: 185px; position: relative; width: 960px; z-index: 900; }
.navHR { bottom: 56px; left: 25px; position: absolute; }
ul#mainNav li { display: inline; padding: 0 0 0 0; text-align: center; }
ul#mainNav li ul li { background: url(/images/BG-subnav.png) top left repeat; display: list-item; padding: 5px 10px 5px 5px; text-align: left; }
ul#mainNav li a.first-item { margin-left: 0px; }
ul#mainNav { clear: both; font-size: 14px; font-weight: bold; list-style: none; margin: 4px 0 2px; padding: 0 0 0 10px; width: 960px; }
#mainNav a:link, #mainNav a:visited, #mainNav a:active, #mainNav a:hover { color: #505050; margin-left: 10px; padding: 0 0 8px 18px; text-decoration: none; }
#mainNav a:hover, #mainNav a.current { background: url(/images/mainnav_x_01.png); background-position: 5px 3px; background-repeat: no-repeat; color: Black; }

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Footer
--------------------------------------------------------------------------------------------------------------------------------*/
#Footer { background-image: url(/images/footer_bg_01.jpg); background-repeat: repeat-x; height: 28px; margin-left: auto; margin-right: auto; padding-top: 5px; text-align: center; width: 960px; }
#Footer li { display: inline; margin: 0 5px; }
#Footer ul { font-size: 11px; margin: 0; padding-left: 0px; }
#Footer p { margin-bottom: 3px; margin-top: 0; padding-left: 0px; }
#Footer a:link, #Footer a:visited, #Footer a:active, #Footer p { color: White; font-size: 10pt; margin: 0; text-align: center; text-decoration: none; }
#Footer a:hover { color: #b8b8b8; }

#SearlesLink { color: White; font-size: 10pt; margin-bottom: 30px; padding: 0; padding-top: 10px; text-align: center; }
#SearlesLink a, #SearlesLink a:link, #SearlesLink a:visited, #SearlesLink a:active { color: White; text-decoration: none; }
#SearlesLink a:hover { color: #b8b8b8; }
.twoLine { line-height: 1em; margin-top: 3px; }
#tableLeftAlign p { margin-top: 5px; padding-left: 10px; text-align: left; }
#tableLeftAlign { border-left: solid 1px Gray; text-align: left; }
.tableLetter { color: #009786; font-size: 15px; font-weight: bold; line-height: .9em; }
#adGuidelines p { margin-top: 0; }
#adGuidelines h2 { margin-bottom: 0; }
.homeColumn { float: left; margin: -27px 12px 0 0; padding: 0 0 15px 15px; position: relative; width: 294px; z-index: 1; }
.homeDoubleColumn { background: url(/images/homeleft_bg.jpg) top left repeat-x; float: right; margin: -25px 0 0 0; padding: 0 10px 15px 15px; position: relative; width: 593px; z-index: 2; }
.homeDoubleColumn p, .homeColumn p, .homeColumn h2 { margin-top: 0; }
.homeDoubleColumn h2 { margin-bottom: 5px; margin-top: 16px; }

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Home
--------------------------------------------------------------------------------------------------------------------------------*/

#homeBox {background: url(/images/home_BG.jpg) top left no-repeat; width: 940px; min-height:440px}
#homeBox img {margin-left: 10px; border: none}
#homeBox img.new {margin-left: 0;}
#homeBox .discoverNextstop {border: none; margin: 20px 0 0}
.whiteBoxesTop {margin: 20px 0 0 0}
.whiteBoxesBottom {margin: 0 0 7px 0}
#homeWhiteBoxes {width: 884px; background:url(/images/whiteBoxes_expand.png) top left repeat-y; padding: 5px 20px 2px; margin: 0 0 0 10px; min-height:250px; position: relative}
#homeWhiteBoxes p {margin: 0 0 10px 10px; font-size: 16px}
#homeWhiteBoxes span { color: black}
#homeWhiteBoxes a {color: Black}
#homeWhiteBoxes .left {width:266px; float: left; margin: 35px 20px 0 0}
#homeWhiteBoxes .left h1,#homeWhiteBoxes .right h1 {font-size:30px; margin: 0; color: #1691C5; font-weight: bold; letter-spacing: -.02em }

#homeWhiteBoxes .right {width:574px; float: left; margin: 0 0 0 20px;}
#homeWhiteBoxes .left h2, #homeWhiteBoxes .right h2 {margin: 0;}
.twitterLink {margin-bottom: 8px;}

.socialLinks { margin: 20px 0 0 }
.socialLinks h2 {padding: 0 0 10px 0; text-align: center}
/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Rates Tables
--------------------------------------------------------------------------------------------------------------------------------*/
.rowGray, .rowTop{background-image: url(/images/table_bg_01.png); background-repeat: repeat-x;background-color: #f1f1f1; }
.row {border-bottom: solid 1px #eaeaea;}
.row, .rowGray, .rowTop {clear: left; list-style: none; margin: 0; padding: 0;font-size: 0; }
.row li, .rowGray li, .rowTop li { width: 19%;  text-align: center; padding: 5px 0 7px 0; display: inline-block; font-size: 14px; vertical-align: top;  zoom: 1; *display:inline; }
li.first, li.issue { font-weight: bold;  border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; width: 129px; text-align: right; padding-right: 13px; }
li.issue{  width: 25%; }
li.distro { width: 40%; }
.rowTop { color: #009786; }
.table {  border: solid 1px #b0b0b0; clear: left; margin-bottom: 20px; }

.seatbackCards li {width:129px}
.specialIssueA { background: url(/images/special_issue_arrow_01.png) no-repeat;}
.specialIssueB{ background: url(/images/special_issue_arrow_02.png) no-repeat; }
.specialIssueA, .specialIssueB {height: 16px; width: 130px; float: left; margin: 0 0 0 8px; text-align: center; color: White; line-height: 1.2em; font-size: 11px; font-weight: lighter;}

li.firstLetter { font-weight: bold; width: 5%; color: #009786;text-align: center;}
li.colFiftyPercent{ width: 50%; }

/*--------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------Rates Master
--------------------------------------------------------------------------------------------------------------------------------*/
div.rateLinks { text-align: center; padding:20px 10px; width: 195px !important;}
div.rateLinks ul {padding-left: 0; margin-left: 0;}
div.rateLinks li {list-style-type: none;}
div.rateLinks li a {clear: both; display: block; font-size: 18px; border: 2px solid White; margin: 0 0 15px 0; padding: 10px 0; color: #009786; background: #d9d9d9;}
div.rateLinks li a:hover, div.rateLinks li a.current {color: White; background: #009786; border: #056690 2px solid;}
div.rateLinks h2 { border-bottom: 1px dashed black; font-size: 24px;}
div.rateLinks ul li a.createClassifiedMenu {color: #1691C5; font-size: 13px; padding: 2px 0 3px 0; margin-top: -12px;}
div.rateLinks ul li a.createClassifiedMenu:hover {color: White;}
div.rateLinks ul li a.createClassifiedMenu.current {color: White; background: #fa7c00; border: 2px solid White; }
div.rateLinks ul li a.createClassifiedMenu.current:hover {color: Black;}

a.createClassifiedButton {background: url(/images/BG-classifiedButton.jpg); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 120px; padding-top: 30px; text-align: center; display: block; 
                          color: Black; font-size: 32px; font-weight: normal; margin: 20px 0 0 0 ;}
a.createClassifiedButton:hover {background: url(/images/BG-classifiedButton-over.jpg);}

p.imagePrice {margin-left: 15px;}

div.table.digital-rates {width:400px;}
div.table.digital-rates li.first {width:170px;}

img.classifiedSample {margin-top: 20px;}
img.fontOptions {margin-bottom: 20px;}
img.freeAd {padding: 0 0 15px 0;}
div.ratesBG {background: url(/images/BG-rates.png) top left repeat-y}
div.classified-rates p span {font-size: 12px; color: #6b6b6b}
div.classified-rates p strong {color: Black;}
div.classified-rates p.bgColors span {display: inline-block; width: 90px; padding: 2px 5px; margin: 2px; color: Black;}
div.classified-rates p.bgColors span.yellow {background-color: #fff78c;}
div.classified-rates p.bgColors span.paleOrange {background-color: #faac6e; }
div.classified-rates p.bgColors span.appleGreen {background-color: #9ece61; }
div.classified-rates p.bgColors span.turquoise {background-color: #00af99; }
div.classified-rates p.bgColors span.skyBlue {background-color: #86bae5; }
div.classified-rates h2 {margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid Gray;}

div.mediaKitLink {float: right; width: 160px; position: relative; text-align: center; margin: 0 0 10px 15px;}
div.mediaKitLink a.wrapperLink {color: White; background: url(/images/bg-teal-87.png) top left repeat; position: absolute; top: 35%; left: 0; font-size: 15px; font-weight: normal; padding: 5px 0 7px 0;}
div.mediaKitLink span.bannerFoldTop, div.mediaKitLink span.bannerFoldBottom {position: absolute;}
div.mediaKitLink span.bannerFoldTop { top: -7px; right: 0;}
div.mediaKitLink span.bannerFoldBottom {bottom: -7px; left: 0;}