/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Author: 	Adrian Jacob / adrian@firechaser.com
Type: 		Screen, Projection
Info:			Screen and projection stylesheet for SOUTHBANK CENTRE
Created:	20/12/2006
Modified: 02/05/2008

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.5em Arial,Verdana,Helvetica,sans-serif; margin:0; padding:0 0 90px 0; background:#FFF url(../images/furniture/bodyBg.gif) top left no-repeat; color:#333; }

input,textarea,select { font:0.9em Arial, Helvetica, sans-serif; }
th,td { font:1.0em Arial, Helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:760px; font-size:1.1em; }
#header { height:86px; background:url(../images/furniture/headerBg.gif) top right no-repeat; }
#content { float:left; width:600px; font-size:1.1em; line-height:1.5em; }
#content .padding { padding:10px 0 10px 30px; }
#content p { margin-bottom:1.2em; }
#content ul { margin-bottom:1.4em; list-style:circle; padding-left:20px; }
#content a { color:#d61739; text-decoration:underline; }
#content a:hover { text-decoration:none; background:#333; color:#FFF; }
#footer { clear:both; margin-bottom:20px; position:relative; }
#register { margin-top:10px; }
#becomeMember { margin-top:10px; margin-bottom:-10px; }
#col1 { float:left; width:389px; padding:0px 0 30px 0; }
#col1 .padding { padding:0 10px; }
#col1 p { margin-bottom:10px; line-height:1.5em; }
#col1 a { color:#d61739; font-weight:bold; padding:0px 1px; }
#col1 a:hover { background:#333; color:#FFF; text-decoration:none; }
#col2 { float:left; width:181px; padding:0px 0 30px 0; }
#col2 .padding { padding:10px; }
#col2 .col2Area { margin-bottom:20px; }
#col2 .col2Pad { padding-left:17px; }
#col2 p { margin-bottom:4px; }
#colAll { padding:0px 0 30px 0; float:left; width:570px; }
#colAll .padding { padding:0 0 0 10px; }
#colAll #promos { font-size:0.9em; }
#colAll.margin { padding-bottom:0px; }
#col1.eventDetail { width:389px; }
#col2.eventDetail { width:161px; }
#siteMap ul { list-style:none; padding:0px; }
#siteMap li { padding:3px 0 3px 12px; line-height:1.2em; }
#siteMap li li { background:url(../images/icons/siteMap.gif) -1px 7px no-repeat; line-height:1.1em; }
#siteMap fieldset { width:240px !important; }
#siteMap legend, #siteMap a { text-transform:uppercase; }
#siteMap legend a { background:#333; color:#FFF; padding-left:1px; text-decoration:none; }
#siteMap legend a:hover { background:#d61739; }
#siteMap li ul a { font-size:0.9em; color:#666; }
#siteMap li ul { margin:2px 0 4px 0 !important; }
ul#searchresults  {padding: 0; margin: 0;}
ul#searchresults li {list-style: none; padding: 0; margin: 0 0 15px 0;}
#pastEx ul { list-style:none; padding:0; }
#pastEx li { position:relative; float:left; width:200px; margin-bottom:10px;}
#pastEx img { float:left; margin-bottom:30px;  }
#pastEx p { margin-left:100px; width:85px; min-height:62px; line-height:1.2em; }
#pastEx .moreInfo { height:14px; min-height:14px; }
#pastEx .moreInfo a { color:#3f92e2; }
#pastEx .moreInfo a:hover { color:#FFF; }
#pastEx a { text-decoration:none; color:#333; font-weight:bold; }
#pastEx span { font-size:0.9em; }
#artsCouncil { position:relative }
#artsCouncil img { position:absolute; top:20px; left:20px; }

/* ----- EVENT OPTIONS ----- */
#eventOptions { min-height:160px; height:auto; background:#99c3c2 url(../images/furniture/eventOptionsBg.gif) top right no-repeat; margin-bottom:10px; }
#eventOptions .padding { padding:10px; }
#eventOptions ul { padding:0px !important; list-style:none !important; }
#eventOptions li { padding-bottom:4px; background:url(../images/furniture/eventOptionsArrow.gif) 90% 4px no-repeat; width:100%; line-height:15px !important; }
#eventOptions a { font-weight:bold; padding:0 1px; display:inline; text-decoration:none !important; color:#333; }

/* ----- PROMOS ----- */
#promos.home { margin-bottom:30px; float:left; width:570px; }
#promos div { position:relative; float:left; width:190px; height:190px; }
#promos div div { position:absolute; background:#FFF; padding:5px 10px; float:none; height:auto; width:auto; max-width:180px; }
#promos .text { font-weight:bold; color:#cf3410; }
#promos .date { line-height:1.2em !important; padding-top:1px; }
#promos .date a { font-weight:bold; color:#bb5283; text-decoration:none; font-size:11px; display:block; padding-right:18px; }
#promos .date a:hover { text-decoration:underline;color:#bb5283 !important; background:#FFF; }
#promos .date img { position:absolute; right:8px; bottom:7px; }
#promos p { margin:0px !important; }
#promos .promoBig { width:380px; }
#promos .promoXBig { width:570px; height:230px; }
#promos .promoText { overflow:auto; width:190px; }
#promos .promoText h2 { padding:10px 0 8px 0; width:170px; }
#promos .promoText p { margin-bottom:8px !important; font-size:0.9em; line-height:1.4em; width:170px !important; }
#promos .promoCampaign { padding:0; height:190px; overflow:auto; font-size:1.0em; line-height:1.5em; }
#promos .pos1 { top:0px; left:0px; }
#promos .pos2 { top:0px; right:0px; }
#promos .pos3 { bottom:0px; left:0px; }
#promos .pos4 { bottom:0px; right:0px; }

#promos #flashcontent { clear:both !important; float:left !important; width:100% !important; padding:0px !important; margin:10px 0px !important; height:auto !important; }

/* ----- PROMOS ----- */
#tagCloud { padding:0px !important; }
#tagCloud li { display:inline; line-height:1.6em; }
#tagCloud a { text-decoration:none; }
#tagCloud .size1 { font-size:0.8em; }
#tagCloud .size2 { font-size:1.0em; color:#993365; }
#tagCloud .size3 { font-size:1.2em; color:#e43389; }
#tagCloud .size4 { font-size:1.4em; color:#ee5d28; }
#tagCloud .size5 { font-size:1.6em; color:#d61739; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearR { clear:right; }
.clearL { clear:left; }
.hide { display:none !important; }
.float_left { float:left; }
.float_right { float:right; }
.textCenter { text-align:center; }
.textRight { text-align:right !important; }
.textLeft { text-align:left !important; }
.image_right { float:right; padding:0 0 10px 20px; }
.image_left { float:left; padding:0 20px 10px 0; }
.relative { position:relative; }
.absolute { position:absolute; }
.printShow { display:none; }
.width100 { width:100%; }
.smallText { font-size:0.9em; line-height:1.4em; }
.bigText { font-size:1.1em; }
.left10 { position:relative; left:-10px; }
.heading { padding-left:10px; }
.heading-campaign { padding-left:15px; }
.venue { font-weight:bold; color:#cf3410; margin-bottom:0px !important; }
.datetime { font-weight:bold; color:#bb5283; }
.price { font-weight:bold; color:#FFF; background:#d61739; padding:0 1px; }
.copyright { color:#FFF; font-size:0.8em; background:none !important; padding:0px !important; }
.width380 { width:380px !important; }
.booknow { padding:0 0 20px 0 !important; color:#666; list-style:none !important; }
.booknow li { color:#D61739; font-weight:bold; margin:4px 0; font-size:0.9em; padding-top:5px; }
.booknow strong { text-decoration:line-through; color:#999; font-weight:normal; }
.booknow .soldoutbtn { background:#CCC !important; width:82px; text-align:center; }
.booknow .soldoutbtn:hover { background:#CCC !important; cursor:default; }
.booknow .notavailbtn { background:#CCC !important; width:82px; text-align:center; font-size: 90%;}
.booknow .notavailbtn:hover { background:#CCC !important; cursor:default; }
.booknow .freebtn { background:#666 !important; width:82px; text-align:center;color:#FFF;  padding:4px;padding-top:3px; }
.booknow .freebtn:hover { background:#666 !important; cursor:default; }

.booknow .free			{color: #666;}
.booknow a { background:#EE5D28; color:#FFF !important; text-decoration:none !important; margin-right:5px; padding:5px; display:block; float:left; }

.booknow a:hover { background:#333 !important; }
.booknow span { padding:0 5px; }
.booknow .best { background:#EBC044; color:#555 !important; }
.booknow .best:hover { color:#FFF !important; }
.paddingBtm { padding-bottom:10px !important;}
.paddingBtm30 { padding-bottom:30px !important;}
.promoWeave { position:absolute; bottom:-5px; left:-10px; }
.list { clear:both; padding-bottom:20px; float:left; width:100%; }
.list img { float:left; }
.list div { float:right; width:228px; position:relative; top:-4px; }
.list a { float:left; text-transform:uppercase; color:#bb5283 !important; font-weight:bold; display:inline; text-decoration:none !important; }
.list a:hover { text-decoration:none; background:#333; color:#FFF !important; }
.list .noA:hover { background:none !important; }
.list .more { background:url(../images/icons/arrowPurple.gif) 100% 2px no-repeat; padding-right:17px !important; display:inline; font-size:0.9em; }
.list .more a { float:none !important; }
.list p { margin-bottom:2px !important; padding-right:10px !important; }
.list p.venue { margin-bottom:0px !important; }
.list .info2 { line-height:1.4em !important; padding:3px 0 9px 0; font-size:0.9em !important; }
.list div.col2 { width:164px; }
.list div.col2b { width:181px; }
.list div.col2b .info2 { padding:0px; }
.width370 { width:370px !important; }
.relatedBg { position:absolute; top:-10px; left:85px; }
.relatedSounds { padding:0 !important; list-style:none !important; margin:0px !important; }
.relatedSounds li { background:url(../images/icons/sound.gif) 0 2px no-repeat; padding-left:18px; margin-top:8px; }
.relatedSounds a { background:#ee5d28; color:#FFF !important; font-weight:bold; padding-left:1px; text-decoration:none !important; }
.relatedSounds a:hover { text-decoration:none; background:#333; color:#FFF; }
.relatedVideos { padding:0 !important; list-style:none !important; margin:0px !important; }
.relatedVideos li { background:url(../images/icons/video.gif) 0 0 no-repeat; padding-left:18px; margin-top:8px; }
.relatedVideos a { background:#993365; color:#FFF !important; font-weight:bold; padding-left:1px; text-decoration:none !important; }
.relatedVideos a:hover { text-decoration:none; background:#333; color:#FFF; }
.relatedClip { font-size:0.9em; margin-left:18px; padding-top:6px; }
.padding0 { padding:0px !important; }
.artFormPromo { width:190px; float:left; }
.artFormPromo p { margin-bottom:1.0em; padding:0 10px; font-size:0.9em; line-height:1.4em; }
.flash { margin-bottom:30px; }
.campaign { padding-bottom:30px; float:left; }
.pagination { padding-left:10px; padding-right:30px; position:relative; top:-4px; font-size:0.9em; }
.pagination a { font-size:0.9em; text-transform:uppercase; cursor:pointer; cursor:hand; }
.pagination strong { font-size:1.1em; }
.bigButton a { font-size:1.2em; font-weight:bold; text-transform:uppercase; background:#D61739; color:#FFF !important; padding:5px; display:block; width:240px; text-align:center; text-decoration:none !important; }
.eventOption1 { position: absolute; top: -10px; left: -106px; z-index: 1000; }
.eventOption2 { position: absolute; bottom: -11px; left: -21px; }
.wheelchair { background:url(../images/icons/wheelchair.gif) 0 0 no-repeat; padding:2px 0 2px 20px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { font-weight:bold; font-size:1.4em; text-transform:uppercase; }
h3 { font-size:1.4em; margin-bottom:10px; }
h4 { font-size:1.2em; margin-bottom:10px; }
#colAll.cmsPages h3, #colAll.cmsPages h4 { width:370px; }
.membershipNews { padding:10px 0; }

/* ----- NAVIGATION ----- */
#header ul { float:left; margin-left:6px; background:#660066; }
#header li { display:inline; padding:0 4px; }
#header a { text-transform:uppercase; color:#FFF; font-size:10px	; }
#header a:hover { text-decoration:none; background:#333; }
#header img { float:left; }

#nav { float:left; width:160px; text-transform:uppercase; font-weight:bold; }
#nav li { padding-bottom:8px; }
#nav div div { padding:19px; }

#nav #main { background:#ee5d28 url(../images/furniture/navMainBgTop.gif) top no-repeat; }
#nav #main div { background:url(../images/furniture/navMainBgBtm.gif) bottom no-repeat; padding:19px; }
#nav #main a { display:block; width:122px; background:red; }
#nav #main li { padding-bottom:7px; }
#nav #main li li { padding-bottom:4px; }
#nav #main span { position:absolute; left:-1000px; }

#nav #main .all-events { background:url(../images/buttons/navMainAll.gif); height:18px; }
#nav #main .all-events:hover, #nav #main .active .all-events { background:url(../images/buttons/navMainAll.gif) 0 -18px; }
#nav #main .music { background:url(../images/buttons/navMainMusic.gif); height:18px; }
#nav #main .music:hover, #nav #main .active .music { background:url(../images/buttons/navMainMusic.gif) 0 -18px; }
#nav #main .dance-performance { background:url(../images/buttons/navMainDance.gif); height:32px; }
#nav #main .dance-performance:hover, #nav #main .active .dance-performance { background:url(../images/buttons/navMainDance.gif) 0 -32px; }
#nav #main .literature-spoken-word { background:url(../images/buttons/navMainLiterature.gif); height:32px; }
#nav #main .literature-spoken-word:hover, #nav #main .active .literature-spoken-word { background:url(../images/buttons/navMainLiterature.gif) 0 -32px; }
#nav #main .visual-arts { background:url(../images/buttons/navMainVisual.gif); height:18px; }
#nav #main .visual-arts:hover, #nav #main .active .visual-arts { background:url(../images/buttons/navMainVisual.gif) 0 -18px; }
#nav #main .festivals-series { background:url(../images/buttons/navMainFestival.gif) no-repeat; height:28px; margin-top:7px; }
#nav #main .festivals-series:hover, #nav #main .active .festivals-series { background:url(../images/buttons/navMainFestival.gif) 0 -28px no-repeat; }
#nav #main .children-family { background:url(../images/buttons/navMainChildren.gif) no-repeat; height:28px; }
#nav #main .children-family:hover, #nav #main .active .children-family { background:url(../images/buttons/navMainChildren.gif) 0 -28px no-repeat; }
#nav #main .talks-debate { background:url(../images/buttons/navMainTalks.gif) no-repeat; height:28px; }
#nav #main .talks-debate:hover, #nav #main .active .talks-debate { background:url(../images/buttons/navMainTalks.gif) 0 -28px no-repeat; }
#nav #sub { width:150px; background:#f05283 url(../images/furniture/navSubBgTop.gif) top no-repeat; line-height:1.2em; }
#nav #sub div { background:url(../images/furniture/navSubBgBtm.gif) bottom no-repeat; table-layout:fixed; }
#nav #sub ul { overflow:hidden; width:112px; }
#nav #sub a:hover, #nav #sub .active a { text-decoration:none; background:#FFF; }
#nav #main li ul, #nav #sub li ul { margin-top:8px; }
#nav #main li ul li { background:url(../images/furniture/navBullet.gif) 0 5px no-repeat; padding-left:10px; }
#nav #sub li ul li { background:url(../images/furniture/navBullet2.gif) 0 5px no-repeat; padding-left:10px; }
#nav #main li ul li a { background:none; color:#FFF; display:inline; }
#nav #main li ul li a:hover, #nav #main li ul .active a { text-decoration:none; background:#993365; }

#subNav { background:#99c3c2 url(../images/furniture/subNavBg.gif) bottom left no-repeat; position:relative; width:140px; line-height:1.1em; min-height:100px; }
#subNav ul { padding:7px 10px 4px 10px; list-style:none; }
#subNav li { padding-bottom:6px; }
#subNav a { font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF; font-size:0.9em; }
#subNav .active { background:#333 !important; color:#FFF; }

#subNav li ul { padding:10px 0 0 0 !important; margin-bottom:0px; }
#subNav li ul li { background:url(../images/furniture/eventOptionsArrow.gif) 100% 4px no-repeat; width:100px; padding-right:20px; }
#subNav li ul li li { background:none; padding:0px 0 5px 0; }
#subNav li ul a { background:none !important; text-transform:none; }
#subNav li ul a:hover, #subNav li ul .active { background:#333 !important; }
#subNav .subNavImg1 { position:absolute; right:-10px; top:-12px; }
#subNav .subNavImg2 { position:absolute; right:-10px; top:0px; }

#profileNav { border-bottom:1px solid #99c3c2; margin-bottom:20px; }
#profileNav ul { list-style:none; padding:0; margin:0; }
#profileNav li { display:inline; }
#profileNav a { padding:2px 10px; text-decoration:none; }
#profileNav .active a { background:#99c3c2; text-decoration:none; color:#FFF; font-weight:bold; }

#frmLoginNav { position:absolute; top:54px; left:414px; background:none !important; }
#frmLoginNav li { padding:0 4px; }
#frmLoginNav a { font-size:10px !important; text-transform:none; text-decoration:underline; }

#artFormWrap { width:374px; margin-bottom:10px; float:left; }
.todayLine { border-bottom:4px solid #660066; }
.weekLine { border-bottom:4px solid #ef5e29; }
.monthLine { border-bottom:4px solid #e43489; }

#artForm { padding:0px !important; }
#artForm li { display:inline; }
#artForm a { display:block; text-decoration:none; text-transform:uppercase; font-size:0.9em; width:122px; float:left; color:#FFF; margin-right:1px; margin-bottom:1px; padding-bottom:0px; }
#artForm .active a { margin-bottom:0px; padding-bottom:1px; }
#artForm span { padding:0 10px; }
#artForm .today, #artForm .active a.today:hover { background:#660066; }
#artForm .week, #artForm .active a.week:hover { background:#ef5e29; margin-right:0px; }
#artForm .month, #artForm .active a.month:hover { background:#e43489; }

#monthSelect { position:absolute; border-top:1px solid #FFF; top:18px; left:125px; background:#e43489; float:none; list-style:none !important; padding:3px 0 !important; z-index:99999999 !important; width:124px; display:none; }
#monthSelect li { padding:0 10px; line-height:1.4em; }
#monthSelect a { color:#FFF; text-decoration:none; text-transform:uppercase; font-size:0.9em; }

.artFormH3 { padding:5px 0 10px 10px; float:left; width:94%; }


/**/
#membershipTabs { width:570px; margin-bottom:10px; float:left; }
.tab1Line { border-bottom:4px solid #660066; }
.tab2Line { border-bottom:4px solid #e43489; }
.tab3Line { border-bottom:4px solid #ef5e29; }
.tab4Line { border-bottom:4px solid #99c3c2; }
.tab5Line { border-bottom:4px solid #97c942; }

#membershipTabs ul { padding:0 !important; }
#membershipTabs li { display:inline; }
#membershipTabs a { display:block; text-decoration:none; text-transform:uppercase; font-size:0.9em; font-weight:bold; float:left; color:#FFF; margin-right:1px; margin-bottom:1px; padding-bottom:0px; }
#membershipTabs .active a { margin-bottom:0px; padding-bottom:1px; }
#membershipTabs span { padding:0 10px; }
#membershipTabs .tab1, #membershipTabs .active a.tab1:hover { background:#660066; }
#membershipTabs .tab2, #membershipTabs .active a.tab2:hover { background:#e43489; }
#membershipTabs .tab3, #membershipTabs .active a.tab3:hover { background:#ef5e29; }
#membershipTabs .tab4, #membershipTabs .active a.tab4:hover { background:#99c3c2; }
#membershipTabs .tab5, #membershipTabs .active a.tab5:hover { background:#97c942; }
.membershipLoggedIn { position:absolute; right:0px; top:-35px; background:#333; color:#FFF; padding:0 10px; text-transform:uppercase; font-size:0.9em; }
/**/


#footer ul { background:#993365 url(../images/furniture/footerBg.gif) 0 0 no-repeat;; margin-left:186px; padding-left:9px; }
#footer li { display:inline; padding:0 5px; }
#footer a { color:#FFF; text-transform:uppercase; font-size:0.9em; }
#footer a:hover { text-decoration:none; background:#333; color:#FFF; }
#footer img { position:absolute; top:6px; left:155px; }

#footer ul.rss { float:right; background:none; margin:7px 12px 10px 0; display:inline; }
/*#footer ul.rss a { color:#555; background:url(../images/icons/rss.gif) 0 1px no-repeat; padding-left:16px; }*/
#footer ul.rss a { color:#555; }
#footer ul.rss a:hover { color:#FFF; }
#footer p { text-transform:uppercase; font-size:0.9em; color:#555; float:left; padding:0 0 0 198px; margin:8px 0 10px 0; }
.artscouncillogo { position:relative; left:25px; }

/* ----- BREADCRUMBS ----- */
#breadcrumbs { text-transform:uppercase; font-size:0.9em; margin:7px 0 20px 0; font-size:0.8em; }
#breadcrumbs ul { background:#ebc044; display:inline; padding:2px 10px; }
#breadcrumbs li { display:inline; color:#993365; }
#breadcrumbs strong { color:#FFF; }
#breadcrumbs span { color:#333; padding-left:3px; }
#breadcrumbs a { color:#333; background:none; text-decoration:none; }
#breadcrumbs a:hover { background:#333; color:#FFF; text-decoration:none; }
#breadcrumbs.campaign { text-transform:uppercase; font-size:0.9em; margin:0px 0 0px 0; font-size:0.8em; border-top:15px solid #FFF; border-left:15px solid #FFF; padding-bottom:15px;}


/* ----- CALENDAR BOX ----- */
#calendarBox { background:#E7E7E7; font-size:9px; position:relative; top:-5px; margin-bottom:20px; }
#calendarBox.noTop { top:0px; }
#calendarBox table { position:relative; left:-2px; }
#calendarBox .padding { padding:5px; }
#calendarBox th a { white-space:nowrap; }
#calendarBox .caption { background:#ebc044; font-weight:bold; font-size:11px; padding:3px 2px 2px 2px; line-height:1.2em; text-align:center; }
#calendarBox .caption2 { background:#ebc044; padding-bottom:4px; }
#calendarBox td, #calendarBox th { text-align:center; background:#d5d5d5; color:#333; padding:0; margin:0; width:21px; height:21px; border:4px solid #E7E7E7; }
#calendarBox a { font-size:9px; display:block; height:21px; width:21px; color:#333; line-height:21px; text-decoration:none; }
#calendarBox a.big { width:71px; }
#calendarBox a.big:hover { font-weight:normal; font-size:9px; }
#calendarBox a:hover, #calendarBox a.active { text-decoration:none; background:#d61739; color:#FFF; font-weight:bold; font-size:11px; }
#calendarBox form { margin-bottom:4px; }

/* ----- CALENDAR PAGE ----- */
#calendar { width:100% !important; table-layout:fixed; }
#calendar td, #calendar th { border:1px solid #DDD; }
#calendar td { width:14%; font-size:0.9em; padding:4px; vertical-align:top; }
#calendar th a { color:#FFF; text-decoration:none; }
#calendar p { text-align:right; margin-bottom:8px; line-height:1.1em; }
#calendar a { padding:0 1px; }
#calendar span { overflow:hidden; width:71px; display:block; }
#calendar span.time { display:inline; font-size:0.8em; position:relative; left:3px; }
#calendar .date { font-size:0.8em; color:#999; text-align:left; margin-bottom:0px; }
#calendar .active { background:#ebc044; }
#calendar strong { padding:0 2px; font-weight:bold; color:#333; }
#calendar .monthActive { color:#333; font-size:1.0em !important; }
#calendar .header { border:1px solid #DDD; }
#calendar .header th { border:0px none; }
#calendar ul { list-style:none; background:#99c3c2; position:absolute; padding:0px; z-index:9999999; display:none; }
#calendar #nextMonth { top:14px; left:23px; }
#calendar #previousMonth { top:14px; left:23px; }
.calendarFilter { position:absolute; top:-30px; right:0px; }
.calendarPopUp { font-weight:bold; }

/* ----- CONTENT ----- */
#content label {display: block; width: 200px;}
#content input { text-transform: none; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }
ul { list-style:none; padding:0; margin:0; }

/* ----- LINKS ----- */
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:none; }
#content label { display:block; float:left; width:104px; font-size:0.9em; margin-top:1px; }
#content form { padding:10px; font-size:1.0em; }
#content form p { margin-bottom:8px; }
#content form input { width:110px; padding:1px 4px; }
#content form select { width:120px; }
#content fieldset { border:1px solid #CCC; padding:10px 18px 2px 10px; background:#F5F5F5; width:235px; }
#content legend { display:block; font-weight:bold; display:inline; color:#333; }
#content .info { position:absolute; font-weight:bold; background:#F5F5F5 !important; padding:0 !important; }
#content .info a { position:relative; left:5px; top:1px; color:#993365; text-decoration:none !important; }
#content .info a:hover { text-decoration:none; color:#FFF !important; }
#content .checkbox { width:auto; }
input { border:1px solid #7f9db9; }
textarea { overflow:auto; }
.checkbox { border:none; }
.checkboxes label { position:relative; left:20px; width:200px !important; }
.checkboxes p { margin-bottom:0px !important; clear:both; }
.checkboxes .checkbox { position:relative; left:-204px; }
.labelFocus span { background:#ee5d28; color:#FFF; padding:0 1px; }
.labelFocusNo span { background:#F5F5F5; color:#333; padding:0px; }
.fieldsetPadding { padding-bottom:20px; }
.required { color:#d61739; }
.dataProtection { font-size:0.9em; padding-bottom:10px; }
.checkPadding { padding-bottom:6px; }
form .formA { font-size:0.9em; color:#993365; }
form .formA:hover { text-decoration:none; background:#333; color:#FFF; }
.checkInfo { font-size:0.9em; margin-bottom:10px; display:block; padding-left:20px; }

.submit { cursor:pointer; cursor:hand; color:#FFF; position:relative; top:-1px; }
.button { cursor:pointer; cursor:hand; color:#FFF; background:#333; border:none; width:auto !important; }
fieldset .button { margin-right:11px; }

#colAll { font-size:1.0em; }

#frmLogin label { display:block; position:absolute; top:-17px; color:#222; font-size:0.9em; color:#FFF; }
#frmLogin .email label { left:3px; }
#frmLogin .password label { left:147px; }
#frmLogin { position:absolute; top:35px; left:419px; width:350px; }
#frmLogin input { background:#FFF !important; width:130px; padding:2px 4px !important; }
#frmLogin .submit { background:#333 !important; margin-left:0px !important; width:auto; overflow:visible; padding:2px 4px !important; }
#frmLogin #signinEmail { margin-right:10px !important; }
#frmLogin #txtPassword { width:139px !important; }
#promoShow { display:none; }
#header #frmLogin .promo { padding:0px 5px 5px 5px; top:39px; left:-298px; position:absolute; background:#993365; display:none; }
#header #frmLogin .promo label { display:none; }
#header #frmLogin .promo input { background:#FFF; width:131px; }

#frmSearch { position:absolute; top:0px; left:567px; }
#frmSearch input { background:#FFF !important; padding:1px 4px 2px 4px !important; }
#frmSearch .submit { padding:1px 4px !important; background:#333 !important; width:30px; }
#frmSearch #txtSearch { width:155px; border:0px none; }

#header input { background:none; border:none; padding:1px 4px; margin:0px; font-size:0.9em; float:left; }

#frmEventSearch { padding:0px 0 10px 10px !important; }
#frmEventSearch legend { display:none; }
#frmEventSearch label { width:84px !important; margin-top:1px; font-size:0.9em; position:absolute; left:201px; }
#frmEventSearch fieldset { padding:0; margin:0; border:0px none; background:#FFF; width:100%; }
#frmEventSearch select, #frmEventSearch input { float:left; width:134px !important; font-size:0.9em; margin-left:13px; }
#frmEventSearch p { float:left; }
#frmEventSearch .button { width:auto !important; margin:0 0 0 13px !important; position:absolute; }
#frmEventSearch select { padding:0px; }
#frmEventSearch input { padding:2px !important; }
#frmEventSearch #txtSearch2 { text-transform:none; margin-left:87px; }

#frmSelectDates { padding:0px !important; font-size:1.2em !important; }
#frmSelectDates legend { display:none; } 
#frmSelectDates fieldset { padding:0; margin:0; border:0px none; background:none; width:100%; }
#frmSelectDates label { display:none; }
#frmSelectDates input { padding:2px 2px 1px 2px !important; float:left; margin-top:4px; width:116px !important; }
#frmSelectDates p { margin:0px !important; }
#frmSelectDates .none { height:auto !important; width:auto !important; }
#frmSelectDates .button { width:auto !important; }
#frmSelectDates .buttonPos { position:absolute; bottom:0px; right:-10px; }
#frmSelectDates img { float:left; position:relative; top:6px; left:3px; }
#frmSelectDates button { float:left; position:relative; top:4px; left:-1px; }

#frmCalendar { padding:0px !important; margin:0 0 10px 0 !important; }
#frmCalendar legend { display:none; }
#frmCalendar label { width:110px !important; background:#FFF !important; margin-top:5px; }
#frmCalendar fieldset { padding:0; margin:0; border:0px none; background:#FFF !important; width:100%; }
#frmCalendar input { padding:2px 2px 1px 2px !important; float:left; margin-top:4px; width:60px !important; margin-left:10px; }
#frmCalendar p { margin:0px !important; }
#frmCalendar .button { width:auto !important; font-size:0.8em; padding:2px 4px !important; }
#frmCalendar a { float:left; position:relative; top:6px; left:2px; }
#frmCalendar button { float:left; position:relative; top:5px; }

#frmBasket { padding:0px !important; }
#frmBasket fieldset { background:#FFF !important; border:none !important; padding:0 !important; width:auto !important; }
#frmBasket select { width:auto !important; }
#frmBasket .button { padding:2px 6px; width:auto; text-transform:uppercase; overflow:visible; }
#frmBasket .float_right .button { margin-right:0px; }

#frmDonate { padding:0px !important; margin-bottom:30px; }
#frmDonate fieldset { width:174px !important; padding-right:0px; }
#frmDonate .inputfield { width:50px; }
#frmDonate select { width:60px !important; }
#frmDonate .button { text-transform:uppercase; overflow:visible; width:auto; !important; }
#frmDonate label {width: 120px;}
#frmDonate fieldset { width:184px !important; padding-right:0px; }

#frmMembership input { width:110px !important; }
#frmMembership .button { width:auto !important; text-transform:uppercase; font-size:0.8em !important; height:18px; margin:5px 0; }
#frmMembership .required {margin-left: 5px;}
#frmMembership .noborder {border: 0 !important;}

#frmMemberRenewal p {clear: both !important; float: none !important; padding: 0 !important; margin: 0 0 20px 0 !important;}
#frmMemberRenewal input {float: left !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
#frmMemberRenewal label {float: none !important; margin: 0 0 0 20px !important; width: auto !important; padding: 0 !important;  line-height: 1em !important; }
#frmMemberRenewal a {font-weight: normal;}
#frmMemberRenewal span.moreinfolink {display: block; margin: 5px 0 0 20px !important; line-height: 1em !important; font-size: 90%;}
#frmMemberRenewal span.moreinfo {display: block;  margin: 8px 0 0 20px !important; display: none; line-height: 1em !important; font-size: 90%;}
#frmMemberRenewal .button { width:auto !important; text-transform:uppercase; font-size:0.8em !important; height:18px; margin:5px 0; }
#frmMemberRenewal .required {margin-left: 5px;}
#frmMemberRenewal input.noborder {border: 0;}


#frmPlaceOrder { padding:0px !important; }
#frmPlaceOrder input { text-transform:uppercase; font-size:1.4em; padding:3px 6px 2px 6px !important; font-weight:bold; overflow:visible; }
#frmPlaceOrder span { color:#d61739; position:relative; top:-1px; left:10px; }

#frmSuperBreaks #spb_startday, #frmSuperBreaks #spb_nights, #frmSuperBreaks #spb_adults, #frmSuperBreaks #spb_children, #frmSuperBreaks #spb_infants{ width:42px; }
#frmSuperBreaks #spb_startyear { width:55px; }
#frmSuperBreaks #spb_startmonth { width:80px; }
#frmSuperBreaks #spb_atopresort { width:220px; }
#frmSuperBreaks fieldset { width:370px; padding-bottom:16px;}
#frmSuperBreaks { position:relative; left:-10px; }
#frmSuperBreaks #sbHelp { position:absolute; top:44px; left:364px; }
#frmSuperBreaks #sbHelp:hover { background:#F5F5F5 !important; }
#frmSuperBreaks .button { text-transform:uppercase; }

#frmPress { float:right; width:330px; padding:0px 0 20px 0 !important; margin:-34px 0 0 0; background:#fff !important; }
#frmPress legend { display:none; }
#frmPress fieldset { padding:0px !important; margin:0px !important; border:0px none; background:#FFF !important; width:330px; }
#frmPress p { padding:0px !important; margin:0px !important; }
#frmPress input, #frmPress p { float:left; margin-right:10px; }
#frmPress input { padding:2px !important; }
#frmPress .button { height:20px; width:60px !important; margin-left:10px; }

#frmGiftVoucher input { width:14px !important; float:left; margin-right:10px; position:relative; top:1px; border:0px; }
#frmGiftVoucher input.b { top:0px; }
#frmGiftVoucher #voucher_other_amount { width:80px !important; border: 1px solid #000}
#frmGiftVoucher label { font-weight:bold; }
#frmGiftVoucher p { float:left; width:100%; }
#frmGiftVoucher fieldset { padding-bottom:15px; margin-bottom:20px; }
#frmGiftVoucher .bText { position:relative; top:2px; width:80px !important; border:1px solid #A4B8C9; }
#frmGiftVoucher .button { width:100px !important; padding:2px 0; font-size:1.0em; font-weight:bold; }

.btnEdit { width:auto !important; text-align:center; padding:0px !important; }
form hr { background:#CCCCCC; height:1px; border:0px; line-height:1px; }
.labelClear label { float:none !important; width:auto !important; }

/* ----- TABLES ----- */
table{ border-collapse:collapse; }
table p { margin-bottom:8px; font-size:1.1em; }
.table { width:100%; margin-bottom:10px; }
.table td { text-align:center; padding:8px 10px; border-bottom:1px solid #CCC; }
th { text-align:center; text-transform:uppercase; background:#99c3c2; font-weight:bold; color:#FFF; padding:2px 10px; font-size:0.9em !important; }
td a { color:#d61739; font-size:0.9em; }
td table a { color:#FFF; font-size:1.0em; }
.noMargin td { padding:1px 0px; border-bottom:none; text-align:left; }
.buttons td { border-bottom:none; padding:10px 0; }
.buttons ul { list-style:none !important; padding:0px !important; }
.buttons a { text-transform:uppercase; color:#FFF !important; text-decoration:none !important; background:#444; font-size:0.9em; display:block; width:auto; padding:3px 7px; }
.buttons a:hover { text-decoration:none; background:#993365 !important; }
.buttons .float_right a:hover { background:#ee5d28 !important; }
.buttons .float_left li { float:left; margin-right:10px; }
.buttons .float_right li { float:right; margin-left:10px; }
.buttons .float_right, .buttons .float_left { width:49%; }
td img { display:inline; }
.donation td { background:#EEE; border-bottom:1px solid #CCC; }
.donation ul a { background:#666; margin-right:10px; }
#txtDonation { width:36px; padding:2px; display:none; }
.giftAid { padding:0 10px; position:relative; }
.giftAid p { margin-bottom:1.0em; color:#666; font-size:0.9em !important; line-height:1.2em !important; }
.giftAid .checkbox { position:relative; top:2px; left:1px; }
.giftAid2 { float:right; width:250px; padding-top:36px; }
.total td { background:#99c3c2; color:#FFF; text-transform:uppercase; }

/* ----- PRESS ----- */
#press th a { text-decoration:none; color:#FFF; }
#press tbody a { font-size:1.0em; }
#press .date { width:70px; }
#press .pagination { padding:0; }
#press .tab1Bg th { background:#660066; }
#press .tab2Bg th { background:#e43489; }
#press .tab3Bg th { background:#ef5e29; }
#press .tab4Bg th { background:#99c3c2; }
#press .tab5Bg th { background:#97c942; }
#press .hasImage { background:url(../images/icons/image.gif) 98% center no-repeat; }
#press thead img { display:inline; padding-left:5px; position:relative; top:-5px; }
/*
.pressSearch { margin-top:-35px; margin-left:258px; padding:0 10px; text-transform:uppercase; font-size:0.9em !important; }
.pressSearch input, .pressSearch select { text-transform:none !important; }
.pressSearch label { left:405px !important; white-space:nowrap; width:auto; }
*/
#press ul {list-style:none; padding:0 0 20px 0; margin:0; border-bottom:1px solid #CCCCCC; float:left; width:570px !important; }
#press li {padding:20px 10px; clear: left;}
#press li img, #press li a { margin:0 auto; }
#press li .listImage   {float: left; width: 130px;}
#press li .listCaption {margin-left: 130px;}
#press li .listCredit  {margin-left: 130px; font-size: 90%;}

#press #imageDetail { padding:18px 0 20px 0; float:left; width:100%; }
#press #imageDetail img { float:left; padding-right:20px; }
#press .imageDetail { float:left; width:100%; }
#press .imageDetail td { border-top:1px solid #CCC; }
#press .imageDetail a { text-transform:uppercase; }


/* ----- SIFR 3.0 ----- */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

.sIFR-flash {	visibility:visible !important;	margin:0; padding:0; }
.sIFR-replaced { visibility:visible !important; }
.sIFR-alternate {	position:absolute; left:0; top:0;	width:0; height:0; display:block;	overflow:hidden; }

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div { display: none !important; }

/*---- Header styling ---*/
.sIFR-active h2 { visibility:hidden; font-family:Arial; line-height:0.9em; font-size:2.0em; margin:0 0 4px 0; text-transform:lowercase !important; }
.sIFR-active h3 { visibility:hidden; font-family:Arial; line-height:0.9em; font-size:1.3em; margin:0; margin-bottom:-5px; }
.sIFR-active h4 { visibility:hidden; font-family:Arial; line-height:0.9em; font-size:1.1em; margin:0; margin-bottom:-5px; }
#promos h2 { margin-bottom:-2px; font-size:1.1em; text-transform:uppercase; }
.sIFR-active #promos h2 { font-size:15px !important; margin-bottom:-7px !important; text-transform:lowercase; }
.list h4 { font-size:1.1em; margin-bottom:0px; text-transform:uppercase; }
.sIFR-active .list h4 { font-size:16px; margin-bottom:-7px; }
.heading { padding-bottom:16px; font-size:1.6em; }
.sIFR-active .heading { padding-bottom:0px; }
.headingEvent { margin:0px !important; margin-bottom:-7px !important; z-index:10000; position:relative; }
.headingEvent2 { margin:0px !important; margin-bottom:-3px !important; z-index:10001; position:relative; }
h3.home, h3.noMargin { margin-bottom:0px !important; }
h3.noMargin2 { padding:0px 0 10px 10px !important; }
#col2 h3 { margin-bottom:10px; }
.promoCenter { width:140px !important; padding:80px 0 0 12px !important; }


/*---- LIGHTBOX ---*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;

	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
td.icon { width: 17px; padding-left: 0; padding-right: 0;}	
	
/* POPUP STYLES */
body.popup     {background:#FFF; padding: 10px; width: 400px;}
body.popup #container {width: 400px;}
body.popup h3  { padding-top: 1em; }	
body.popup p   { margin: 0.6em 0 0.6em 0; }	
body.popup ul  { margin-bottom:1.4em; list-style:circle; padding-left:20px; }

form#pressRegister textarea    { width:110px; padding:1px 4px; }
form#pressLogin input.checkbox {float: none; width: auto; display: inline;}
form#pressLogin label.checkbox {float: none; width: auto; display: inline;}

#campaign .title {clear: both;}
#campaign #col1 { width:595px; }
#campaign #col2 { width:165px; margin-top:33px; }
#campaign .padding { padding:0px 10px 0 15px; }
#campaign #col2 .padding { padding:15px 0px 15px 15px; }
#campaign .box { margin-bottom:15px; }
#campaign .box2 { margin-bottom:0px; }
#campaign #col2 p.ul { line-height:14px; padding:6px 18px 3px 10px; }
#campaign a:hover { color:#FFF; background:#333; text-decoration:none; }
#campaign #col2 .relative { padding:0px; margin:0px; }
#campaign #col2 .box { position:relative; float:left; width:150px; }
#campaign #col2 span.grid { display:block; height:34px; width:34px; background:url(../images/furniture/eventOptionsBg.gif) no-repeat; position:absolute; top:0px; right:0px; }
#campaign #col2 .arrow { display:block; width:11px; height:8px; position:absolute; background:url(../images/furniture/eventOptionsArrow2.gif) no-repeat; right:8px; bottom:9px; }
#campaign #col1 .box { font-size:12px; }
#campaign .padding10 { padding:10px 10px 3px 10px !important; }
#campaign #breadcrumbs { font-size:1.0em; }
#campaign #tagCloud { padding-bottom:7px !important; }
#campaign h3 { margin-bottom:0px; }
#campaign .promo a { padding:0px; margin:0px; }
#campaignList { width:395px; position:relative; left:-10px; }
/*
.redHide { background:#FFF; height:30px; width:20px; position:absolute; top:117px; left:155px; z-index:1; }
*/

#frmGiftVoucher input { width:14px !important; float:left; margin-right:10px; position:relative; top:1px; border:0px; }
#frmGiftVoucher input.b { top:0px; }
#frmGiftVoucher #voucher_other_amount { width:80px !important; border: 1px solid #000}
#frmGiftVoucher label { font-weight:bold; }
#frmGiftVoucher p { float:left; width:100%; }
#frmGiftVoucher fieldset { padding-bottom:15px; margin-bottom:20px; }
#frmGiftVoucher .bText { position:relative; top:2px; width:80px !important; border:1px solid #A4B8C9; }
#frmGiftVoucher .button { width:100px !important; padding:2px 0; font-size:1.0em; font-weight:bold; }

label.voucher {display: block !important; float: none !important; width: auto !important}
div.paymentcol {width: 220px;}


/*
#campaign #col1 { width:595px; background:#FFF; }
#campaign #col2 { width:165px; margin-top:33px; }
#campaign .padding { padding:15px 10px 0 15px; }
#campaign #col2 .padding { padding:15px 0px 15px 15px; }
#campaign .box { margin-bottom:15px; }
#campaign .box2 { margin-bottom:0px; }
#campaign #col2 p.ul { line-height:14px; padding:6px 18px 3px 10px; }
#campaign a:hover { color:#FFF; background:#333; text-decoration:none; }
#campaign #col2 .relative { padding:0px; margin:0px; }
#campaign #col2 .box { position:relative; float:left; width:150px; }
#campaign #col2 span.grid { display:block; height:34px; width:34px; background:url(../images/furniture/eventOptionsBg.gif) no-repeat; position:absolute; top:0px; right:0px; }
#campaign #col2 .arrow { display:block; width:11px; height:8px; position:absolute; background:url(../images/furniture/eventOptionsArrow2.gif) no-repeat; right:8px; bottom:9px; }
#campaign #col1 .box { font-size:12px; }
#campaign .padding10 { padding:10px 10px 3px 10px !important; }
#campaign #breadcrumbs { font-size:1.0em; }
#campaign #tagCloud { padding-bottom:7px !important; }
#campaign h3 { margin-bottom:0px; }
#campaign .promo a { padding:0px; margin:0px; }
#campaignList { width:395px; position:relative; left:-10px; }
.redHide { background:#FFF; height:30px; width:20px; position:absolute; top:117px; left:155px; }
*/

#syos { background:#FFF url(../images/furniture/syosBg.gif) top right no-repeat; }
#syos h2 { padding-bottom:10px; float:left; white-space:nowrap; width:400px; }
.syosArts { position:relative; left:20px; top:82px; }
.syos { border:1px solid #CCC; }
.syosA { float:right; }
.syosA a { font-weight:bold; background:#d61739; color:#FFF; padding:0 3px; font-size:1.1em; text-transform:uppercase; position:relative; top:8px; }

label.voucher {display: block !important; float: none !important; width: auto !important}
div.paymentcol {width: 220px;}

/*
Image: text says “Read Nono’s life story” – link to PDF which is attached to the page
Image: Text says – See all the events in this series
*/

#c-nav ul { margin-bottom:15px; float:left; width:100%; }
#c-nav .c-nav-1 { background:#000; }
#c-nav .c-nav-1 ul { background:#CCC; position:absolute; top:39px; left:0px; z-index:10; }

#c-nav ul a { padding:5px 0px 5px 6px; font-weight:bold; display:block; float:left; text-transform:uppercase;  }


#c-nav .c-nav-1 a { color:white; font-size:1.3em; }
#c-nav li { float:left; }
#c-nav ul a { padding:5px 0px 5px 6px; font-weight:bold; display:block; float:left; text-transform:uppercase; }

#c-nav { width:744px; float:left;  margin:0px; position:relative; border-top:15px solid #FFF; }
#c-submenu { height:39px; width:100%; float:left; }

#c-nav img { border-left:15px solid #FFF;}
#c-nav .c-img-1 { top:0px; right:0px; position:absolute; z-index:100; }
#c-nav .c-img-2 { top:0px; right:115px; position:absolute; z-index:100; }


#c-nav a.active { color:white; text-decoration:underline; }
#c-nav ul ul a.active { color:black; text-decoration:underline; }


#c-nav li.active { /* background:black; */ }

.c-nav-1 span { border-right:1px solid #FFF; display:block; height:10px; width:1px; float:left; padding-left:5px; margin-top:7px; }

/* full width main content area : single box */
#c-content { width:744px; float:left; background:red; margin-bottom:15px; padding:10px 0; }
#c-content p {  font-size:1.1em; line-height:1.5em; padding:0px 15px 5px 15px; }
#c-content h2 { padding:0px 15px 5px 15px; }
#c-content h3 { padding:0px 15px 5px 15px; }
#c-content h4 { padding:0px 15px 5px 15px; }

/* full width main content area : 2 cols */
#c-content2 { width:744px; float:left;  margin-bottom:15px; padding:10px 0; }
#c-content2 h3 { padding:0px 15px 5px 15px; }
#c-content2 h4 { padding:0px 15px 5px 15px; }
#c-content p {  font-size:1.1em; line-height:1.5em; padding:0px 15px 12px 15px; }
#c-content2 p {  font-size:1.1em; line-height:1.5em; padding:0px 15px 12px 15px; }
#c-content2.c2 { width:744px; float:left; margin-bottom:15px; padding:0px; }

#c-content .info2 { font-size:1.1em !important; }

#c-content #campaignList { left:0px; }

#c-content .more a { color:#000 !important; font-weight:normal !important; }
#c-content .more a:hover { color:#FFF !important; }

#c-content a { color:#FFF !important; text-decoration:underline;}
#c-footer { width:744px; float:left; overflow:hidden; font-size:1.1em; line-height:1.5em; }
#c-footer2 { width:760px; }
#c-footer .c-box { /*background:#999;*/ width:228px; float:left; margin-left:15px; overflow:hidden; padding-bottom:10px; margin-bottom:15px;}
#c-footer .c-box p { padding:0px 15px 5px 15px; }
#c-footer .c-box h3 { padding:10px 15px 4px 15px; }
#c-footer h4 { padding-left:15px; }
.c-breadcrumb { font-size:1.1em !important; }
.c-breadcrumb ul { padding-top:3px 10px !important; display:block !important; }
.c-breadcrumb .redHide { height:26px; top:120px; }
#c-col1 { float:left; width:238px; margin-right:15px; background:green; padding:10px 0px; }
#c-col2 { float:left; width:491px; background:green; padding:10px 0px; }



#c-content a { color:#CCFFCC !important; }
/* #c-nav a { color:#CCFFCC !important; } */

#c-content ul { padding:0 0 12px 35px; list-style:square; line-height:1.5em; font-size:1.1em; }


#campaignList .list div { z-index:1; }

#c-footer-content img { display:inline; }
#c-footer .c-box ul { list-style:square; padding-left:34px; }