html { background:url(/images/sites/bg.jpg) repeat-x #cddff3; }
body { background:url(/images/sites/cloud.jpg) top center no-repeat; font-family:Helvetica, "Helvetica Neue"; }

/* Clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Fonts */
h1 { font-size:197%; font-weight:600; margin-bottom:15px; } /* 26px */
h2 { font-size:182%; font-weight:600; margin-bottom:15px; } /* 24px */
h3 { font-size:123.1%; font-weight:600; line-height:24px; margin-bottom:7px; } /* 16px */
h4 { font-size:100%; font-weight:600; margin-bottom:5px; line-height:22px; } /* 12px */
p { color:#333333; font-size:100%; line-height:22px; margin-bottom:10px; } /* 12px */
i, em { font-style:italic; }
b, strong { font-weight:600; }

/* Icons */
a.feed { background:url(/images/sites/icons/feed.gif) no-repeat; padding:2px 0 0 20px; display:block; height:25px; }

/* YUI overrides */
#custom-doc { width:73.85em;*width:72.07em;min-width:960px; margin:auto; text-align:left; }
#hd { height:180px; color:#fff; z-index:50; }
#bd { background:#fff; }

/* Header */
/* Top links */
div#top-links { float:right; width:600px; height:39px; background:url(/images/sites/top-links-bg-2.jpg) top right no-repeat; text-align:right; padding:10px 20px 0 0; font-size:93%; padding-right:20px; }
div#top-links form#sign-in-form { display:none; }
div#top-links span.pipe { color:#99ccff; padding:0 5px; }
div#top-links a { color:#fff; text-decoration:none; }
div#top-links a.sign-in { color:#fff; text-decoration:underline; font-weight:600; }
div#top-links form { font-weight:600; }
div#top-links a.cancel-sign-in { padding-left:3px; }
div#top-links input.text { border:none; width:90px; padding:3px; font-size:93%; color:#0f1888; }

/* Google search */
#cse-search-box { float: right; width: 300px; margin-top: 25px; margin-bottom:20px; text-align: right; }

/* Logo */
div#logo { float:left; width:330px; height:130px; background:url(/images/sites/aopa-online.jpg) no-repeat; }
div#logo span { display:none; }
/* Tagline */
div#tagline h1 { float:right; letter-spacing:-1px; margin-top:45px; }
/* Navigation */
ul#navigation { width:100%; }
ul#navigation > li > a { display:block; height:50px; text-decoration:none; color:#fff; float:left; }
ul#navigation > li > a span { display:none; }
/* Navigation > Home */
ul#navigation li a.home { background:url(/images/sites/nav/nav-home.jpg) no-repeat; width:105px; }
ul#navigation li.current a.home { background-position: left -50px; }
ul#navigation li a.home:hover, ul#navigation li.sfHover a.home { background-position: left -100px; }
/* Navigation > About AOPA */
ul#navigation li a.about-aopa { background:url(/images/sites/nav/nav-about-aopa.jpg) no-repeat; width:152px; }
ul#navigation li.current a.home { background-position: left -50px; }
ul#navigation li a.about-aopa:hover, ul#navigation li.sfHover a.about-aopa { background-position: left -100px; }
/* Navigation > Advocacy */
ul#navigation li a.advocacy { background:url(/images/sites/nav/nav-advocacy.jpg) no-repeat; width:132px; }
ul#navigation li.current a.advocacy { background-position: left -50px; }
ul#navigation li a.advocacy:hover, ul#navigation li.sfHover a.advocacy { background-position: left -100px; }
/* Navigation > Member Services */
ul#navigation li a.member-services { background:url(/images/sites/nav/nav-member-services.jpg) no-repeat; width:187px; }
ul#navigation li.current a.member-services { background-position: left -50px; }
ul#navigation li a.member-services:hover, ul#navigation li.sfHover a.member-services { background-position: left -100px; }
/* Navigation > Information Centre */
ul#navigation li a.information-centre { background:url(/images/sites/nav/nav-information-centre.jpg) no-repeat; width:194px; }
ul#navigation li.current a.information-centre { background-position: left -50px; }
ul#navigation li a.information-centre:hover, ul#navigation li.sfHover a.information-centre { background-position: left -100px; }
/* Navigation > Australian Pilot */
ul#navigation li a.australian-pilot { background:url(/images/sites/nav/nav-australian-pilot.jpg) no-repeat; width:190px; }
ul#navigation li.current a.australian-pilot { background-position: left -50px; }
ul#navigation li a.australian-pilot:hover, ul#navigation li.sfHover a.australian-pilot { background-position: left -100px; }
/* Second level nav */
ul#navigation > li > ul { width:100%; margin-top:17px; border-bottom:solid 1px #1e2b9a; }
ul#navigation > li > ul > li { background:#03056d; border-top:solid 1px #1e2b9a; font-size:93%; }
ul#navigation > li > ul > li > a { display:block; padding:10px 10px; color:#fff; text-decoration:none; }
ul#navigation > li > ul > li > a:hover { background:#1e2b9a; }

#inner-page #main ul#sub-nav { float:left; width:160px; }
#inner-page #main ul#sub-nav li { border-bottom:solid 1px #cddff5; margin-right:20px; padding:8px 0 8px 10px; }
/*#inner-page #main ul#sub-nav li:first-child { padding-top:0; }*/
#inner-page #main ul#sub-nav a { color:#1f1f79; text-decoration:none; font-size:93%; }
#inner-page #main ul#sub-nav li ul li { border:none; padding:5px 0 0 15px; }
#inner-page #main ul#sub-nav li ul li:first-child { border:none; padding:10px 0 0 15px; }
#inner-page #main ul#sub-nav li.active > a, #inner-page #main ul#sub-nav li.opened > a { font-weight:600; }
/*#inner-page #main ul#sub-nav > li.active { background:url(/images/sites/sub-nav-active.jpg) 0px 10px no-repeat; }*/
/*#inner-page #main ul#sub-nav > li:first-child.active { background:url(/images/sites/sub-nav-active.jpg) 0px 0px no-repeat; }*/
#inner-page #main ul#sub-nav > li.active { background:#f3f6fb; }
#inner-page #main ul#sub-nav ul li.active { background:url(/images/sites/sub-nav-active.jpg) 0px 5px no-repeat; }
#inner-page #main ul#sub-nav ul li:first-child.active { background:url(/images/sites/sub-nav-active.jpg) 0px 10px no-repeat; }

/* Body */
.yui-g #main { float:left; width:620px; }
.yui-g #sidebar { float:left; width:320px; }
.yui-g #main .wrapper { padding:20px 0 20px 20px; }
.yui-g #sidebar .wrapper { padding:20px 0 20px 20px; }

#inner-page #main { float:left; width:770px; }
#inner-page #main #main-content { float:left; width:570px; color:#343434; padding-top:5px; }
#inner-page #right-sidebar { float:left; width:190px; }
.magazine-page #inner-page { background:url(/images/sites/inner-page-bg.jpg) top right repeat-y; }
.magazine-page #inner-page #right-sidebar { background:#f3f3f3; color:#333333; }

#inner-page #main .wrapper { padding:20px;}
#inner-page #main h1.page-title { color:#343434; border-bottom:solid 1px #cddff5; margin-bottom:0; padding-bottom:15px; }
#inner-page #main h1.page-title span { font-weight:normal; }

#inner-page #right-sidebar .wrapper { padding:20px; }

/* Form */
.required-field, .error { color:red; }
.error { padding-left: 10px; }
form div.input-row { padding-bottom:10px; }
form div.input-row label { font-weight:600; width:120px; float:left; text-align:right; padding-right:10px; }
form h3 { color:#4572d7; margin:5px 0 8px 0; }
form input.text-field { padding:2px 3px; border:solid 1px #acacac; }
form input.long { width:300px; }
form#new-member input.next, form#target input.back { margin-left:130px; }
#review { background:#f3f3f3; padding:10px 40px; }
table.review-details { width:100%; }
table.review-details td { padding-bottom:10px; }
table.review-details td.label { width:120px; text-align:right; font-weight:600; padding-right:10px; }


div#review { display:none; }

/* Main Column */
/* Main Column > Carousel */
div#carousel { padding-bottom:5px; }
div#scrollable { position:relative; overflow:hidden; width:600px; height:250px; } 
div#scrollable div.items { /* this cannot be too large */ width:20000em; position:absolute; } 
div#scrollable div.items div { float:left; } 
div#scrollable div.items div.active { border:1px inset #ccc; background-color:#fff; }
.navi { width:200px; }
.navi a { width:8px; height:8px; float:left; margin:6px 3px 0 0; background:url(/images/sites/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }

/* Main Column > Magazine */
#magazine { background:#f3f3f3; border:solid 1px #cccccc; margin-bottom:20px; }
#magazine #magazine-cover { float:left; width:150px; padding:15px; }
#magazine #inside-magazine { float:left; width:370px; margin-top:15px; }
#magazine #inside-magazine ul, #magazine #inside-magazine ul a { padding-bottom:10px; font-size:100%; }
#magazine #inside-magazine ul a { color:#4572d7; text-decoration:none; }

/* Main Column > AOPA News */
#aopa-news { margin-bottom:20px; }
#aopa-news a { color:#4572d7; text-decoration:none; font-size:12px; }
#aopa-news h2 { border-bottom:solid 1px #cddff4; margin-bottom:15px; padding-bottom:5px; }
#aopa-news h2 a { float:right; margin-top:8px; font-weight:normal; }
#aopa-news h3 a { font-size:123.1%; font-weight:600; line-height:24px; margin-bottom:7px; color: black;} /* 16px */

#aopa-news ul li { padding-bottom:10px; }

/* Main Column > Upcoming Events */
#upcoming-events { min-height:220px; background:url(/images/sites/upcoming-events-bg.jpg) right 35px no-repeat; }
#upcoming-events a { color:#4572d7; text-decoration:none; font-size:12px; }
#upcoming-events h2 { border-bottom:solid 1px #cddff4; margin-bottom:15px; padding-bottom:5px; }
#upcoming-events h2 a { float:right; margin-top:8px; font-weight:normal; }
#upcoming-events h2 a span.pipe { color:#333333; padding:0 5px; cursor:normal; }
#upcoming-events h2 a.submit-event { padding-top:2px; }
#upcoming-events ul li { padding-bottom:5px; }
div.cal-icon { width:36px; background:#3253c8; font-weight:600; color:#fff; text-align:center; float:left; padding:2px 0; }
div.cal-icon div.date { width:36px; font-size:153.9%; font-family:arial; }
div.cal-icon div.month { width:36px; font-size:93%; text-transform:uppercase; }
div.event-description { float:left; padding-left:10px; width:300px; }
div.event-description p.title { color:#4572d7; font-weight:600; margin:2px; }

/* Events modal overlay */

.event-overlay { display:none; z-index:10000; background-color:#333; width:500px; min-height:200px; border:8px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.event-overlay .close { background:url(/images/sites/overlay/apple-close.png) no-repeat; position:absolute; right: -25px; top:-15px; cursor:pointer; height:35px; width:35px; }
.event-overlay div.event-wrapper { padding:20px 25px 20px 25px; background-color:#fff; }
.event-overlay div.section { padding-bottom:10px; }
.event-overlay h2 { color:#4572d7; font-weight:600; font-size:14pt; }
.event-overlay h3 { font-weight:600; font-size:12pt; }

a.more-entries { font-weight:600; }

/* Sidebar */
/* Sidebar > Sign up promotion */
div#sign-up-promo { height:250px; background:url(/images/sites/sign-up-promo.jpg) 0 0 no-repeat; margin-bottom:20px; }
div#sign-up-promo ul { padding:72px 20px 5px 25px; }
div#sign-up-promo ul li { list-style-type:square; color:#cc0000; padding-bottom:5px; }
div#sign-up-promo ul li p { color:#fff; font-weight:600; margin:0; }
div#sign-up-promo a.sign-up-today { padding-left:10px; }

/* Sidebar > Advertisements */
#sidebar .advertisement { min-height:250px; margin-bottom:20px; }
#sidebar .advertisement div.ad-identifier { background:url(/images/sites/ad-identifier-bg.jpg) 0 0 repeat-x; color:#7e7e7e; font-size:85%; padding:0 0 3px 10px; }

/* Sidebar > Latest Video Post */
#latest-video-post { padding: 10px 0px 0px 0px; margin-bottom:20px; color:#fff; }
#latest-video-post h3 { background:url(/images/sites/icons/video.jpg) 10px 8px no-repeat #3253c8; padding:10px 10px 10px 50px; font-weight:bold; margin:0; }


/* Sidebar > Twitter Feed */
#aopa-on-twitter { background:url(/images/sites/tweet-bg.jpg) repeat-x #4574d7; color:#fff; margin-bottom:20px; min-height:250px; }
#aopa-on-twitter h3 { background:url(/images/sites/icons/twitter.jpg) 10px 8px no-repeat #3253c8; padding:10px 10px 10px 50px; font-weight:bold; }
#aopa-on-twitter #twitter-status { padding:10px 10px 20px 10px; font-size:93%; font-weight:600; }
#aopa-on-twitter #twitter-status .tweet { padding-bottom:10px; }
#aopa-on-twitter #twitter-status a { color:#fff; }
#aopa-on-twitter #twitter-status a.follow-us { color:#99ccff; text-decoration:none; font-weight:600; }

/* Inner Page */
#inner-page #main-content a { color:#4572d7; }
#inner-page #main-content ul, #inner-page #main-content ol { color:#333333; font-size:100%; line-height:20px; margin:0 0 10px 40px; }
#inner-page #main-content ul li { list-style-type:disc; }
#inner-page #main-content ul li p { font-size:100%; }
#inner-page #main-content ol li { list-style-type:decimal; }
#inner-page #main-content div.highlight { background:#b4d0f6; padding:10px; color:#243e94; font-weight:600; margin-bottom:10px; }
/*#inner-page #main-content h3 { margin-bottom:20px; }*/
/*#inner-page #main-content p { font-size:10pt; line-height:20px; }*/

#inner-page #main-content ul.list { margin:0; }
#inner-page #main-content ul.list li { list-style-type:none; padding-bottom:20px; }
#inner-page #main-content ul.list a { color:#4572d7; text-decoration:none; }
#inner-page #main-content ul.list a.title { font-size:123.1%; font-weight:600; color:#333; }

#inner-page #main-content article-date { color:#999999; }

/* Pagination */
.pagination { text-align:left; padding:10px 0; margin:10px 0; font-size:85%; }
.pagination a { padding:5px 10px; margin:2px; border:1px solid #DDDDDD; text-decoration:none; color:#666; }
.pagination a:hover, .pagination a:active { border:1px solid #666666; color:#000; }
.pagination span.current { padding:5px 10px; margin:2px; font-weight:600; background-color:#3253c8; color:#fff; }
.pagination span.disabled { padding:5px 10px; margin:2px; border:1px solid #eee; color:#ddd; }
.pagination span.prev_page, .pagination a.prev_page, .pagination span.next_page, .pagination a.next_page { border:none; }

/* Magazine Page */
p.article-date, p.posted-date { color:#999999; }
p.author { font-style:italic; }
.magazine-cover .in-this-issue, .magazine-cover .regular-columns { margin-bottom:20px; }
.magazine-cover .in-this-issue img.cover { width:250px; float:left; margin:0 20px 20px 0; }
#inner-page #main-content ul.articles { margin:0; }
#inner-page #main-content ul.articles li { list-style-type:none; padding-bottom:15px; }
.magazine-cover .in-this-issue ul.articles li p { margin-bottom:5px; font-size:100%; }
.magazine-cover .in-this-issue ul.articles li a { color:#4572d7; }
.magazine-cover .in-this-issue ul.articles li h3 { margin-bottom:2px; }
.magazine-cover .in-this-issue ul.articles li h3 a { color:#4572d7; text-decoration:none; }
.magazine-cover .regular-columns a.from-the-president-tile, .regular-columns a.aopa-at-work-tile { display:block; float:left; width:260px; height:150px; }
.magazine-cover .regular-columns a.aopa-at-work-tile { float:right; }
#article-banner { width:570px; padding-bottom:10px; }
#article-banner img { width:100%; }
#right-sidebar .magazine-cover { padding-bottom:10px; }
#right-sidebar ul.featured-articles, #right-sidebar ul.regular-columns { padding-bottom:20px; border-top:solid 1px #cccccc; }
#right-sidebar ul.featured-articles li, #right-sidebar ul.regular-columns li { border-bottom:solid 1px #cccccc; padding:5px 0 5px 10px; }
#right-sidebar ul.featured-articles li.active, #right-sidebar ul.regular-columns li.active { background:#e5e5e5; }
#right-sidebar ul.featured-articles li a, #right-sidebar ul.regular-columns li a { color:#020167; text-decoration:none; }

/* Footer */
#ft { color:#333333; }
#ft a { color:#2c4ac0; text-decoration:none; }
#ft .wrapper { color:#fff; padding:20px; background:#4d4d4d; margin-bottom:20px; }
#ft .ft-section { width:290px; float:left; padding-right:20px; }
#ft .ft-section.last { padding:0px; }
#ft .ft-section h3 { font-weight:600; border-bottom:solid 1px #666666; padding-bottom:5px; }
#ft .ft-section ul { font-size:93%; }
#ft .ft-section ul li { border-bottom:dotted 1px #666666; padding:10px 0; }
#ft .ft-section a { color:#fff; text-decoration:none; }
#ft #copyright { float:left; font-size:85%; }
#ft #footer-links { float:right; font-size:85%; text-decoration:none; color:#2c4abf; }