/*************************************************************************
 * screen.css TOC
 * 
 * Set/Typography
 * Common Elements and Classes
 * Core Stucture
 * Masthead/Header/Content/Footer
 * Columns
 * 
 *************************************************************************/

/*************************************************************************
 * Set/Typography
 *************************************************************************/
body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.81em;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Arial, Verdana, Sans-Serif; clear: both; }
h1 { color: #a3bb29; font-size: 2.15em; font-weight: normal; margin: 0.5em 0; } /* 28px */
h2 { color: #a3bb29; font-size: 1.38em; font-weight: normal; margin: 0.5em 0; } /* 18px */
h3 { color: #a3bb29; font-size: 1.38em; font-weight: bold; margin: 0.5em 0; } /* 18px */
h4 { color: #a3bb29; font-size: 1.38em; font-weight: bold; margin: 1em 0 0.5em; } /* 18px */
h5 { color: #a3bb29; font-size: 1.15em; font-weight: bold; margin: 1em 0 0.5em; } /* 15px */
h6 { color: #a3bb29; font-size: 1.00em; font-weight: bold; margin: 1em 0 0.5em; } /* 12px */
a:link { color: #02517e; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #a3bb29; text-decoration: underline; }
a:active { color: #a3bb29; text-decoration: underline; }
a img { border: 0; }
p { margin: 1em 0; }
ul, 
ol { margin-top: 1em; margin-bottom: 1em; }
dl { margin: 1em 0 1em 1em; }
dt { margin-top: 0.5em; }
dd { margin: 0; }
ul ul, ul ol, ul dl, 
ol ul, ol ol, ol dl, 
dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0; }
ul { list-style-type: disc; } /* default */
ol { list-style-type: decimal; } /* default */
blockquote { background: #f8f8f8; border: 1px solid #ddd; margin: 1em 0; padding: 1em; }
hr { border: none; border-bottom: 1px solid #fff; background: #ccc; height: 2px; }
strong, b, dt { font-weight: bold; }
em, i { font-style: italic; }
abbr, acronym { cursor: help; }

/*************************************************************************
 * Common Elements and Classes
 *************************************************************************/
.date { color: #999; font-size: 13px; margin: 5px 0 0; }
.secure { position: absolute; top: -82px; left: 15px; }
.imgLeft, 
.imgRight { display: block; }
.imgLeft { float: left; margin: 1em 2em 1em 0; position: relative; }
.imgRight { float: right; margin: 1em 0 1em 2em; position: relative; }
.imgReplace { text-indent: -9999px; overflow: hidden; text-align: left; white-space: nowrap; word-spacing: -2ex; letter-spacing: -2ex; }
.clearfix { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
 
/*************************************************************************
 * Core Structure
 *************************************************************************/
body { background: #e2e2e2; color: #000; margin: 5px; padding: 0; }
#siteWrap { background: #fff; margin: 0 auto; width: 840px; }

/*************************************************************************
 * Masthead/Header/Content/Footer
 *************************************************************************/
#Masthead { background: #fff url(../images/bgMstHd.png) top left repeat-x; height: 88px; padding: 15px 377px 0 15px; position: relative; }
#Masthead .logo { position: absolute; top: 10px; right: 0; }
#Header { background: #0b242f url(../images/bgHdr.jpg) top left repeat-x; color: #fff; height: 50px; padding-right: 25px; text-align: right; position: relative; }
#Header .ideaZone { background: url(../images/IdeaZone.png) top left no-repeat; color: #fff; height: 27px; margin: 0; width: 178px; position: absolute; right: 25px; bottom: 0; }
#Content { color: #333; }
#Content .pageNav { background: #9BBFB4 url(../images/bgLNav.png) bottom left no-repeat; color: #fff; list-style-type: none; margin: 0; padding: 0 15px 19px; }
#Content .pageNav li { border-bottom: 1px dotted #bad3cb; }
#Content .pageNav a { background: url(../images/bgLNav-link.png) 15px center no-repeat; display: block; margin: 0 -15px; padding: 2px 15px 2px 25px; }
#Content .pageNav a:link, 
#Content .pageNav a:visited { color: #fff; text-decoration: none; }
#Content .pageNav a:hover, 
#Content .pageNav a:active, 
#Content .pageNav a.selected { background: #4E8FB4 url(../images/bgLNav-hover.png) 15px center no-repeat; color: #fff; text-decoration: none; }
#Content .pageNav a.email:link, 
#Content .pageNav a.email:visited { background: #3d7c9e url(../images/bgLNav-hover.png) 15px center no-repeat; color: #fff; text-decoration: none; }
#Content .pageNav a.email:hover, 
#Content .pageNav a.email:active { background: #215E7F url(../images/bgLNav-hover.png) 15px center no-repeat; color: #fff; text-decoration: none; }
#Footer { background: #e2e2e2; border-top: 9px solid #000; clear: both; color: #5e5e5e; float: left; padding-top: 15px; width: 100%; position: relative; } 
#Footer address { font-style: normal; }
#Footer .legal { margin: 0; position: absolute; right: 0; bottom: 0; }

/*************************************************************************
 * Columns
 *************************************************************************/
.colmask { position:relative; clear:both; float:left; width:100%; overflow:hidden; }
.leftmenu { background:#fff; }
.leftmenu .colright { float:left; width:200%; position:relative; left:193px; background:#fff; }
.leftmenu .col1wrap { float:right; width:50%; position:relative; right:193px; padding-bottom:3em; }
.leftmenu .col1 { margin:0 30px 0 228px; position:relative; right:100%; overflow:hidden; padding: 5px 0 0 0; }
.leftmenu .col2 { float:left; width:193px; position:relative; right:193px; padding-bottom: 90px; }
.TitleHead { color: #052D56; font-size: 1.38em; font-weight: normal; margin: 0.5em 0; }
.other { display:inline-block; padding-left:30px; padding-top:5px; line-height:18px; background:transparent url(/newsecure/images/16-9TV-icon.gif) center left no-repeat; }
.misc { display:inline-block; padding-left:30px; padding-top:5px; line-height:18px; background:transparent url(/newsecure/images/16-9TV-icon.gif) center left no-repeat; }
.promo { display:inline-block; padding-left:30px; padding-top:5px; line-height:18px; background:transparent url(/newsecure/images/other-icon.gif) center left no-repeat; }
.caboodle { display:inline-block; padding-left:30px; padding-top:5px; line-height:18px; background:transparent url(/newsecure/images/caboodle-icon.gif) center left no-repeat; }
.weather { display:inline-block; padding-left:30px; padding-top:5px; line-height:18px; background:transparent url(/newsecure/images/weather-icon.gif) center left no-repeat; }

