/* ..:: Tandem 54 Styles ::.. */

/* Common */

h2 { font-family: "Segoe UI", "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.6em; }

a { color: #057; outline: none; }
a:hover { text-decoration: none; }

p { margin: 0em 0em 0.8em; }

h1 { margin-top: 0 !important; }
h1 a, h2 a { text-decoration: none; }

#leftCol { overflow: hidden; background: white; border: 1px solid #ccc; padding: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#leftCol h1  { margin: 20px 0; color:#005577; font-family:"Century Gothic",Tahoma,Arial,Helvetica,sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; }
#leftCol h2 { border-bottom: 1px dashed #ccc; margin: 20px 0; color:#005577; font-family:"Century Gothic",Tahoma,Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; }

#rightCol { background-color: white; border: 1px solid #ccc; padding: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#rightCol h2 { color:white; height:32px; margin: -16px -16px 15px; overflow:hidden; padding:10px 20px 0; background: transparent url(/Resources/Tandem54/Layout/bg_articleRight_top.png) no-repeat scroll left top; }

/* HEADER */

#header_logo { float: left; background: url('/Resources/Tandem54/Images/logo.png') center left no-repeat; width: 429px; height: 210px; }
#header_logo span { display: none; }

/* HORIZONTAL NAV */

#layout_area_nav { background: url('/Resources/Tandem54/Layout/hNav_bg.png') top left no-repeat; }
#horizontalNav { background: transparent url('/resources/Tandem54/Layout/hNav_div.png') top left no-repeat; height: 78px; font-size: 1em; font-family: "Century Gothic", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }
#horizontalNav span { display: block; width: auto !important; width: 1px; white-space: nowrap; cursor: pointer; }
#horizontalNav a { display: block; color: #fff; text-decoration: none; float: left; }
#horizontalNav a:hover { text-decoration: underline; }
#horizontalNav .selected { color: #057; font-weight: bold; }
#horizontalNav .selected span { margin-left: -1px; }
#horizontalNav .selected .wrap1 { background: url('/resources/Tandem54/Layout/hNav_currentLeft.png') left top no-repeat; padding-left: 15px; }
#horizontalNav .selected .wrap2 { background: transparent url('/resources/Tandem54/Layout/hNav_currentRight.png') no-repeat scroll right top; padding: 30px 22px 30px 0px; }
#horizontalNav .wrap2 { background: url('/resources/Tandem54/Layout/hNav_div.png') right top no-repeat; padding: 30px 12px; }

/* SECONDARY NAV */

#secondaryNav { height: 30px; font-size: 1.1em; font-family: "Century Gothic", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #c9dade; }
#secondaryNav span { display: block; width: auto !important; width: 1px; white-space: nowrap; cursor: pointer;  }
#secondaryNav a { background-color: #f2f6f8; display: block; color: #005577; text-decoration: none; float: left; padding: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-right: 10px; }
#secondaryNav a:hover { background-color: #064f6e; color: #fff }
#secondaryNav .selected { background-color: #064f6e; color: #fff }
#secondaryNav .selected span {  }
#secondaryNav .selected .wrap1 {  }
#secondaryNav .selected .wrap2 {  }
#secondaryNav .wrap2 {  }


/* Newsletter Signup */

.layout_area_header { position: relative }

#newsletter_signup { float: right; position: relative; text-indent: -999em; width: 280px; height: 304px; background: url('/Resources/Tandem54/Images/bg_newsletterSignup.png') top left no-repeat; }
#newsletter_signup a { display: block; position: absolute; width: 111px; height: 112px; bottom: 35px; right: -65px; z-index: 5; cursor: pointer; background: url('/Resources/Tandem54/Images/starburst_newsletterSignup.png') top left no-repeat; }

/* Layout Elements */

.col_layout_right { background: url('/Resources/Tandem54/Layout/bg_colRight.png') top left no-repeat; }

/* Content Elements */

.article_rightCol h1 { font-family: "Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; margin: 11px 0px 34px; text-transform: uppercase; font-size: 1.3em; }
.lgText { font-size: 1.25em; line-height: 1.5em; margin-bottom: 1.3em; letter-spacing: -0.01em; }

.date { float: right; margin: 7px 19px; }
.article_leftCol .article { padding-bottom: 0.8em; border-bottom: 1px dashed #ccc; }
.article_leftCol .article img { padding: 3px; border: 1px solid #ddd; }
.footer { color: #666; font-size: 0.85em; padding-top: 15px; }

#list_articles ul { line-height: 1.6em; border-top: 1px solid #ddd;  }
#list_articles li { margin-left: -40px; border-bottom: 1px solid #ddd; list-style-type: none; font-size: 12px; }
#list_articles li a { display: block; text-decoration: none; padding: 0.3em 0.3em; }
#list_articles li a:hover { background-color: #f2f4f5; color: #333; }

/* NRAS links */

#nras-links { text-align: center; font-size: 11px; padding: 20px; }
#nras-links a { text-decoration: none; padding: 10px; }

/* ===== ..:: Copyright ::.. ===== */

#copyright { padding: 20px 0; font-size: 11px; color: #999; border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,0.1); }
#copyright a { text-decoration: none; color: #999; }
#copyright a:hover { color: #666; }
#copyright .text { padding: 10px 0px 0px 0px; }
#copyright .logo a { float: right; display: block; height: 30px; padding: 10px 60px 0px 0px; background: url('/Resources/JazeDigital/jaze_logo.png') top right no-repeat; }
#copyright .logo span { display: none; }