@charset "utf-8";
/* CSS Document */

@import "forms.css";


body { margin: 0px; padding: 0px; background-color: #F2F2F2; color: #333333; font: 12px/18px Arial, Verdana, sans-serif; }

/* PAGE LAYOUT */
#wrapper { width: 982px; margin: 0px auto; }


/*******************************/
/****     GLOBAL STYLES     ****/
/*******************************/

/* GLOBALHEADER */
#globalheader { width: 982px; height: 42px; margin: 18px auto 0px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0px; padding: 0px; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0px; padding-top: 42px; overflow: hidden; }
#globalheader #globalnav li a, #globalheader #getupdates { background-image: url('../images/globalnavbg_e.png'); background-repeat: no-repeat; }
#globalheader #globalnav.fr li a { background-image: url('../images/globalnavbg_f.png'); background-repeat: no-repeat; }

/* GLOBALNAV BUTTONS */
#globalheader #globalnav li#gn-ylc a { width: 118px; background-position: 0px 0px; }
#globalheader #globalnav li#gn-home a { background-position: -118px 0px; }
#globalheader #globalnav li#gn-contact a { background-position: -235px 0px; }
#globalheader #globalnav li#gn-lpc a { background-position: -352px 0px; }
#globalheader #globalnav li#gn-lang a { background-position: -469px 0px; }

/* GLOBALNAV OVER STATES */
#globalheader #globalnav li#gn-ylc a:hover { background-position: 0px -42px; }
#globalheader #globalnav li#gn-home a:hover { background-position: -118px -42px; }
#globalheader #globalnav li#gn-contact a:hover { background-position: -235px -42px; }
#globalheader #globalnav li#gn-lpc a:hover { background-position: -352px -42px; }
#globalheader #globalnav li#gn-lang a:hover { background-position: -469px -42px; }

/* GLOBALNAV GET UPDATES */
#getupdates { width: 396px; height: 42px; position: absolute; top: 0px; right: 0px; background-position: 100% 0px; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; }
#getupdates input.gu-name { width:120px; height: 16px; margin-top: 5px; margin-left: 20px; font-size: 12px; background-color: transparent; border: 0px; }
#getupdates input.gu-email { width:140px; height: 16px; margin-top: 5px; margin-left: 8px; font-size: 12px; background-color: transparent; border: 0px; }
#getupdates input.gu-submit { border-style: none; border-color: inherit; border-width: 0px; width:90px; height: 28px; margin-top: 5px; margin-left: 10px; background: url('../images/gu_submitbtn_e.png') no-repeat left 4px; }
#getupdates input.gu-submit:hover { background: url('../images/gu_submitbtn_e_over.png') no-repeat left 4px; cursor: pointer; }
#getupdates input.gu-submit-fr { border-style: none; border-color: inherit; border-width: 0px; width:90px; height: 28px; margin-top: 5px; margin-left: 10px; background: url('../images/gu_submitbtn_f.png') no-repeat left 4px; }
#getupdates input.gu-submit-fr:hover { background: url('../images/gu_submitbtn_f_over.png') no-repeat left 4px; cursor: pointer; }

/* GLOBAL SUBHEADER */
#globalsubheader { width: 982px; height: 68px; margin: 0px auto; background: url('../images/ylc_logo_e.png') no-repeat left top; }
#globalsubheader.fr { background: url('../images/ylc_logo_f.png') no-repeat left top; }
#globalsubheader #subheadnav { height: 26px; margin: 0px 0px 0px 320px; padding: 25px 0px 0px 0px; }
/* DONATE BUTTON */
#globalsubheader #subheadnav a.sh-donate { display: block; float: left; width: 85px; height: 26px; background: url('../images/sh_donatebtn_e.png') no-repeat left 1px; }
#globalsubheader #subheadnav a.sh-donate:hover { background: url('../images/sh_donatebtn_e_over.png') no-repeat left 1px; }
#globalsubheader #subheadnav a.sh-donate-fr { display: block; float: left; width: 85px; height: 26px; background: url('../images/sh_donatebtn_f.png') no-repeat left 1px; }
#globalsubheader #subheadnav a.sh-donate-fr:hover { background: url('../images/sh_donatebtn_f_over.png') no-repeat left 1px; }

/* GLOBAL FOOTER */
#globalfooter { display: block; width: 982px; height: 50px; margin: 0px auto; border-bottom: 1px #C9C9C9 solid; }
#globalfooter #copyright { display: block; float: left; width: 340px; padding-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; }
#globalfooter #footernav { display: block; float: left; width: 600px; padding-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-align: right; }
#footernav a { color: #1985B5; text-decoration: none; padding: 0px 10px; }
#footernav a:hover { text-decoration: underline; }
#globalfooter #liblogo { display: block; float: left; width: 40px; }
#liblogo a.liblink { display: block; width: 40px; height: 49px; background: url('../images/lpc_logo.png') no-repeat left top; }

/* GLOBAL SUBFOOTER */
#globalsubfooter { display: block; clear: both; width: 982px; height: 250px; margin: 0px auto; background: url('../images/subfooter_bkgnd_e.jpg') no-repeat left top; }
#globalsubfooter.fr { background: url('../images/subfooter_bkgnd_f.jpg') no-repeat left top; }
#globalsubfooter #footermap { display: block; float: left; width: 465px; height: 240px; margin: 5px 94px 5px 15px; }
#globalsubfooter #footermap #mapText { display: block; float: left; width: 120px; height: 240px; }
#footermap #mapText h1.mapHead { font-size: 22px; font-weight: normal; line-height: normal; color: #808080; margin: 5px 0px 8px 0px; }
#footermap #mapText p.mapSubHead { font-size: 14px; line-height: 18px; color: #333333; margin: 0px; margin-bottom: 10px; }


/* MAIN CONTENT AREA */
#maintop { float: left; width: 982px; height: 10px; margin: 0px auto; background: url('../images/main_top.png') no-repeat left top; }
#mainbkgnd { float: left; width: 982px; margin: 0px auto; background: url('../images/main_bkgnd.png') repeat-y left top; }
#mainbottom { float: left; width: 982px; height: 30px; margin: 0px auto; background: url('../images/main_bottom.png') no-repeat left top; }

/* SOCIAL MEDIA SECTION */
#smSection { float: left; width: 299px; font-family: Arial, Helvetica, sans-serif; }
#smSection a { margin-bottom: 7px; }
#smSection a.fb { float: left; width: 58px; height: 79px; background: url('../images/sm_facebook.png') no-repeat left top; }
#smSection a.fl { float: left; width: 53px; height: 79px; background: url('../images/sm_flickr.png') no-repeat left top; }
#smSection a.tw { float: left; width: 53px; height: 79px; background: url('../images/sm_twitter.png') no-repeat left top; }
#smSection a.yt { float: left; width: 54px; height: 79px; background: url('../images/sm_youtube.png') no-repeat left top; }
#smSection a.rss { float: left; width: 53px; height: 79px; background: url('../images/sm_rss.png') no-repeat left top; }
#smSection h1 { font-size: 24px; color: #999999; font-weight: normal; margin: 10px 0px; }
#smSection p { font-size: 13px; color: #333333; line-height: 17px; margin: 0px; }


/********************************/
/****    HOME PAGE STYLES    ****/
/********************************/

/* JOIN BAR */
#joinbar { width: 940px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; }
#joinbar img.joinpic { float: right; }
#joinbar h1.jb-heading { display: block; width: 495px; margin: 0px; font-size: 40px; font-weight: bold; color: #000000; line-height: normal; margin-top: 5px; }
#joinbar p.jb-sub { display: block; width: 495px; margin: 0px; font-size: 18px; color: #999999; line-height: 26px; margin-top: 15px; }
#joinbar a.jb-join { display: block; float: left; width: 190px; height: 72px; background: url('../images/jb_joinbtn_e.png') no-repeat left top; margin-left: 29px; }
#joinbar a.jb-join:hover { background: url('../images/jb_joinbtn_e_over.png') no-repeat left top; }
#joinbar a.jb-volunteer { display: block; float: left; width: 190px; height: 72px; background: url('../images/jb_volunteerbtn_e.png') no-repeat left top; }
#joinbar a.jb-volunteer:hover { background: url('../images/jb_volunteerbtn_e_over.png') no-repeat left top; }
#joinbar a.jb-join-fr { display: block; float: left; width: 190px; height: 72px; background: url('../images/jb_joinbtn_f.png') no-repeat left top; margin-left: 29px; }
#joinbar a.jb-join-fr:hover { background: url('../images/jb_joinbtn_f_over.png') no-repeat left top; }
#joinbar a.jb-volunteer-fr { display: block; float: left; width: 190px; height: 72px; background: url('../images/jb_volunteerbtn_f.png') no-repeat left top; }
#joinbar a.jb-volunteer-fr:hover { background: url('../images/jb_volunteerbtn_f_over.png') no-repeat left top; }

/* YOUNG LIBERALS ON THE WEB */
#ylotw { width: 940px; height:400px; margin: 0px auto; }
#ylotw #ylotwHeader { float: left; clear: both; width: 918px; height: 18px; padding: 11px; background: url('../images/ylow_header.jpg') no-repeat left top; font-size: 21px; color: #000000; }
#ylotw #findClub { float: left; width: 235px; height: 360px; background: url('../images/findclub_bkgnd.jpg') no-repeat left top; }
#ylotw #startClub { float: left; width: 235px; height: 360px; background: url('../images/startclub_bkgnd.jpg') no-repeat left top; }
#ylotw #ylVideos { float: left; width: 235px; height: 360px; background: url('../images/ylvids_bkgnd.jpg') no-repeat left top; }
#ylotw #ylPhotos { float: left; width: 235px; height: 360px; background: url('../images/ylpics_bkgnd.jpg') no-repeat left top; }
#ylotw h1.yloHead { font-size: 24px; font-weight: normal; line-height: normal; color: #999999; margin: 0px; margin-bottom: 8px; }
#ylotw p.yloSubHead { font-size: 14px; line-height: 18px; color: #333333; margin: 0px; margin-bottom: 10px; }
#ylotw p.yloLink { font-size: 14px; line-height: 18px; color: #1985B5; margin: 0px; }
#ylotw p img { border: 0px; }
#ylotw a { float: left; width: 205px; height: 333px; padding: 15px; padding-top: 12px; text-decoration: none; }
#ylotw a:hover { text-decoration: none; }
#ylotw a:hover p.yloLink { text-decoration: underline; }

/* BLOG ROLL, LIVEWIRE, TWITTER, SOCIAL MEDIA WRAPPER */
#ylcSpacer { clear: both; height: 20px; }
#mainContentWrapper { width: 941px; margin: 0px auto; }

/* LIVEWIRE and BLOGROLL */
#ylbrlw { float: left; width: 620px; margin-right: 20px; } 
#ylbrlw #yllwBkgndEN { float: left; clear: both; width: 620px; height: 280px; background: url('../images/livewire_bkgnd_home_e.jpg') no-repeat left top; padding-top: 40px; }
#ylbrlw #yllwBkgndFR { float: left; clear: both; width: 620px; height: 280px; background: url('../images/livewire_bkgnd_home_f.jpg') no-repeat left top; padding-top: 40px; }
#ylbrlw #ylbrBkgnd { float: left; clear: both; width: 620px; height: 320px; background: url('../images/blogroll_bkgnd_home.jpg') no-repeat left top; }
#ylbrlw #ylbrHeader { float: left; width: 598px; height: 18px; padding: 11px; font-size: 21px; color: #000000; }
#ylbrlw #ylbrlwContent { float: left; clear: both; width: 620px; height: 280px; margin: 0px; padding: 0px; }
#ylbrlw #ylbrlwFooter { float: left; clear: both; width: 620px; height: 23px; background: url('../images/yl_blogroll_footer.png') no-repeat left top; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-top: 2px; }
#ylbrlw #ylc_bwidget { float: left; border: 0px; margin: 0pt auto; background: transparent none repeat scroll 0% 0%; overflow: auto; width: 593px; height: 254px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding: 13px; }
#ylc_bwidget #blogPost { margin-bottom: 13px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
#ylc_bwidget #blogTitle { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #C20000; margin: 0px; }
#ylc_bwidget #blogContent { display: block; clear: both; color: #666666; margin: 0px; overflow: hidden; }
#ylc_bwidget #blogContent a { color: #C20000; text-decoration: none; }
#ylc_bwidget #blogContent a:hover { text-decoration: underline; }
#ylc_bwidget #blogDate { display: block; color: #1985B5; margin: 0px; }
#ylc_bwidget #blogPost a, #ylc_bwidget #blogPost a:visited { display: block; padding: 0px; margin: 0px; text-decoration: none; }
#ylc_bwidget #blogPost a:hover { text-decoration: none; }
#ylc_bwidget #blogPost a:hover #blogTitle { text-decoration: underline; }

/* TWITTER BOX - HOME PAGE */
#twitterHome { float: left; width: 300px; height: 465px; background: url('../images/twitter_bkgnd_home.jpg') no-repeat left top; 
padding-top: 40px; }
#twitterHome a { text-decoration: none; }
#twitterHome a:hover { text-decoration: underline; }


/********************************/
/****    MAIN PAGE STYLES    ****/
/********************************/

#mainContent { float: left; width: 620px; min-height: 40px; margin-right: 20px; }
#rightColumn { float: left; width: 300px; }

/* CONTENT FORMATTING STYLES */
h1.mc-H1 { display: block; font-size: 30px; font-weight: normal; line-height: normal; color: #C20000; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; padding-bottom: 20px; border-bottom: 1px #999999 dotted; }
h5 { font-size: 18px; font-weight: bold; line-height: normal; color: #C20000; border-top: 1px #999999 dotted; margin-top: 18px; padding-top: 17px; margin-bottom: 12px; }
#mainContent a { color: #1985B5; text-decoration: none; }
#mainContent a:hover { color: #C20000; text-decoration: none; }

/* TAKEACTION SECTION */
#takeaction { width: 300px; height: 110px; margin-bottom: 20px; position: relative; }
#takeaction #takeactionbtns { margin: 0px; padding: 0px; }
#takeaction #takeactionbtns li { display: inline; }
#takeaction #takeactionbtns li a { float: left; width: 300px; height: 0px; padding-top: 55px; overflow: hidden; background-image: url('../images/takeaction_btns_e.jpg'); background-repeat: no-repeat; }
#takeaction #takeactionbtns.fr li a { background-image: url('../images/takeaction_btns_f.jpg'); background-repeat: no-repeat; }

/* TAKEACTION BUTTONS */
#takeaction #takeactionbtns li#ta-join a { background-position: 0px 0px; }
#takeaction #takeactionbtns li#ta-volunteer a { background-position: 0px -55px; }

/* TAKEACTION OVER STATES */
#takeaction #takeactionbtns li#ta-join a:hover { background-position: 0px -110px; }
#takeaction #takeactionbtns li#ta-volunteer a:hover { background-position: 0px -165px; }

/* LIVEWIRE SUB PAGES */
#lwSubBkgndEN { float: left; clear: both; width: 300px; height: 260px; background: url('../images/livewire_bkgnd_subs_e.jpg') no-repeat left top; padding-top: 40px; }
#lwSubBkgndFR { float: left; clear: both; width: 300px; height: 260px; background: url('../images/livewire_bkgnd_subs_f.jpg') no-repeat left top; padding-top: 40px; }
#lwSubBkgndEN #lwSubContent, #lwSubBkgndFR #lwSubContent { float: left; clear: both; width: 300px; height: 260px; margin: 0px; padding: 0px; }
#lwSub_bwidget { float: left; border: 0px; margin: 0px auto; background: transparent none repeat scroll 0% 0%; overflow: auto; width: 273px; height: 233px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding: 13px; }
#lwSub_bwidget #blogPost { margin-bottom: 13px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
#lwSub_bwidget #blogTitle { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #C20000; margin: 0px; }
#lwSub_bwidget #blogContent { display: block; clear: both; color: #666666; margin: 0px; overflow: hidden; }
#lwSub_bwidget #blogContent a { color: #C20000; text-decoration: none; }
#lwSub_bwidget #blogContent a:hover { text-decoration: underline; }
#lwSub_bwidget #blogDate { display: block; color: #1985B5; margin: 0px; }
#lwSub_bwidget #blogPost a, #lwSub_bwidget #blogPost a:visited { display: block; padding: 0px; margin: 0px; text-decoration: none; }
#lwSub_bwidget #blogPost a:hover { text-decoration: none; }
#lwSub_bwidget #blogPost a:hover #blogTitle { text-decoration: underline; }

/* TWITTER BOX - SUB PAGES */
#twitterSubs { float: left; width: 300px; height: 260px; background: url('../images/twitter_bkgnd_subs.jpg') no-repeat left top; padding-top: 40px; }
#twitterSubs a { text-decoration: none; }
#twitterSubs a:hover { text-decoration: underline; }


/* NEWS LIST STYLES */
#mainContent #newsItem h4 { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; color: #C20000; margin: 0px; line-height: normal; }
#mainContent #newsItem .newsDate { display: block; font-size: 10px; color: #999999; }
#mainContent #newsItem .newsDesc { display: block; font-size: 12px; color: #534741; }
#mainContent #newsItem a { display: block; padding: 12px; text-decoration: none; border-top: 1px dotted #999999; }
#mainContent #newsItem a:hover { text-decoration: none; }
#mainContent #newsItem a:hover h4 { text-decoration: underline; }






















/* end */