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

Title : UHSU Stylesheet

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

/* COMMON AND GLOBAL */
body { font-size:11px; font-family:"Helvetica", Arial; margin:0; padding:50px 0; background:#000000 url(../images/bg.gif) top center; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }


/* ----- SAFARI SPECIFIC STYLES ----- */
html[xmlns*=""] body:last-child #topNav li a { float:left; display:block; background:url(/site_assets/images/topNavBg.gif) 0 0 repeat-x; padding:5px 18px 8px 25px; color:#FFFFFF; text-decoration:none;}
html[xmlns*=""] body:last-child #topNav li a:hover {  background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
html[xmlns*=""] body:last-child #topNav li a.active { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
html[xmlns*=""] body:last-child #container #contentContainer #middleCol #youTubeLogo { float:right; margin:66px 0 0 0;}
html[xmlns*=""] body:last-child .leftNav li a { float:left; display:block; background:url(/site_assets/images/leftNavBg.gif) 0 0 repeat-x; padding:6px 0px 6px 17px; color:#FFFFFF; text-decoration:none; width:170px;}
html[xmlns*=""] body:last-child .leftNav li a:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}


/* ----- CONTAINER STYLES ----- */
#container { width:960px; margin:0 auto; text-align:left; background:#FFFFFF;}


/* ----- HEADER STYLES ----- */
#container #header { width:960px; height:128px; position:relative; background:url(/site_assets/images/headerBg.gif) 0 0 no-repeat;}
#container #header #logo { position:absolute; top:20px; left:830px;}
#container #header #welcomeText { position:absolute; top:52px; left:25px;}


/* ----- TOP BAR STYLES ----- */
#container #topBar { width:960px; height:30px; background:#000000 url(/site_assets/images/topBarBg.gif) 0 0 no-repeat; position:relative; margin-bottom:4px;}  
#container #topBar a { text-decoration:none; color:#FFFFFF;}
#container #topBar a:hover { text-decoration:underline;}
#container #topBar #bookmark { position:absolute; top:9px; left:25px;}
#container #topBar #musicBox { position:absolute; top:3px; left:390px; color:#FFFFFF; background:url(/site_assets/images/soundWaves.gif) 0 0 no-repeat; widows:102px; height:26px; padding:6px 0 0 20px;}
#container #topBar #signInBox { position:absolute; top:9px; left:535px; color:#FFFFFF;}
#container #topBar #searchBox { position:absolute; top:0; left:675px; width:275px; height:30px;}
#container #topBar #searchBox .search { color:#FFFFFF; float:left; margin:0 15px 0 0; padding:9px 0 0 0;}
#container #topBar #searchBox #searchForm { width:219px; height:24px; background:url(/site_assets/images/searchBg.gif) 0 0 no-repeat; float:left; margin:4px 0 0 0; position:relative;}
#container #topBar #searchBox #searchForm #searchBtn { position:absolute; top:3px; left:197px; width:19px; height:19px;}
#container #topBar #searchBox #searchForm .searchInput { width:180px; border:none; background:none; padding:6px 6px 3px 6px;}


/* ----- CONTENT CONTAINER STYLES ----- */
#container #contentContainer { width:960px; padding:0 10px;}


/* ----- LEFT COLUMN STYLES ----- */
#container #contentContainer #leftCol { float:left; width:187px; margin-right:6px;}
#container #contentContainer #leftCol #twitterBox { width:187px; height:356px; background:url(/site_assets/images/twitterBoxBg.gif) 0 0 no-repeat; margin-bottom:5px;}
#container #contentContainer #leftCol #twitterBox .tbPadding { padding:0px 5px 5px 5px;}
#container #contentContainer #leftCol #twitterBox .tbLogo { float:left; margin:0 5px 5px 0; padding:110px 0 0 0;}
#container #contentContainer #leftCol #twitterBox .followers { color:#FFFFFF; font-size:11px; padding:109px 0 0 0; float:left; margin-right:30px;}
#container #contentContainer #leftCol #twitterBox .followJump { float:left; margin:14px 0 0 0; padding:110px 0 0 0;}
#container #contentContainer #leftCol #twitterBox #tweets { width:177px; height:210px; overflow:auto; clear:both; padding:0; margin:0;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet { width:145px; background:url(/site_assets/images/tweetBg.gif) 0 0 no-repeat; margin-bottom:5px;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet .tweetTop { width:155px; height:5px; background:url(/site_assets/images/tweetBgTop.gif) no-repeat; font-size:0; line-height:0;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet .tweetBody { width:145px; background:#ffffff; height:auto !important; height:47px; min-height:47px; padding:0 5px;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet .tweetBottom { width:155px; height:5px; background:url(/site_assets/images/tweetBgBottom.gif) no-repeat;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet .tweetTitle { font-size:11px; color:#00728F; padding:0; line-height:14px;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet .tweetText { font-size:11px; color:#000000; padding:0; line-height:14px; word-wrap:break-word;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet a { text-decoration:none;}
#container #contentContainer #leftCol #twitterBox #tweets .tweet a:hover { text-decoration:underline;}


/* ----- MIDDLE COLUMN STYLES ----- */
#container #contentContainer #middleCol { float:left; width:553px; margin-right:7px;}
#container #contentContainer #middleCol #bannerBoxAdvice { margin:0 auto 8px auto; width:88px; height:30px; padding:222px 0 0 460px; background:url(/site_assets/images/workshopBanner.gif) no-repeat;}
#container #contentContainer #middleCol #bannerBoxAdvice #infoBtn { }
#container #contentContainer #middleCol .roundedBox { width:553px;}
#container #contentContainer #middleCol .roundedBoxTop { width:553px; height:10px; font-size:0; background:url(/site_assets/images/roundedBoxTop.gif) 0 0 no-repeat;}
#container #contentContainer #middleCol .roundedBoxBottom { width:553px; height:10px; font-size:0; background:url(/site_assets/images/roundedBoxBottom.gif) 0 0 no-repeat;}
#container #contentContainer #middleCol .roundedBoxBody { width:553px; background:url(/site_assets/images/roundedBoxBody.gif) 0 0 repeat-y; padding:0; margin:0;}
#container #contentContainer #middleCol .roundedBoxBody .bodyPadding { padding:0 8px; height:auto !important; height:882px; min-height:882px; margin:0;}
#container #contentContainer #middleCol .roundedBoxBody .bodyPaddingFixedHeight { padding:0 8px; height:882px; margin:0; overflow:auto;}
#container #contentContainer #middleCol #blogsBox { background:#f1f2ea; font-size:11px; line-height:14px;}
#container #contentContainer #middleCol #blogsBox .blogEntry { border-bottom:1px solid #d2d3cd; padding:0 0 5px 0; margin-bottom:5px;}
#container #contentContainer #middleCol #blogsBox .blogEntryLast { padding:0 0 5px 0; margin-bottom:5px;}
#container #contentContainer #middleCol #blogsBox .bloggerName { color:#000000; padding:0;}
#container #contentContainer #middleCol #blogsBox .blogShortDesc { color:#000000; padding:0;}
#container #contentContainer #middleCol #blogsBox .bloggerPic { float:left; margin-right:4px;}
#container #contentContainer #middleCol #youTubeLogo { float:right; margin:60px 0 0 0;}
#container #contentContainer #middleCol #communityBox { background:#f1f2ea; font-size:11px; line-height:14px;}
#container #contentContainer #middleCol .jumpBox { border-bottom:1px solid #dddedf; padding:10px 0;}
#container #contentContainer #middleCol .jumpBox .jumpPic { float:left; margin-right:10px;}
#container #contentContainer #middleCol .jumpBox .left { float:left; margin-right:15px; width:180px;}
#container #contentContainer #middleCol .jumpBox .right { float:left; width:330px;}
#container #contentContainer #middleCol .jumpBox .right a { color:#008DA8; font-weight:normal; text-decoration:underline; font-size:11px; }
#container #contentContainer #middleCol .jumpBox .right a:hover { text-decoration:none; }
#container #contentContainer #middleCol .jumpBox a { color:#E87D1E; font-size:14px; text-decoration:none;}
#container #contentContainer #middleCol .jumpBox a:hover { text-decoration:underline;}
#container #contentContainer #middleCol .jumpBoxSmallLeft { border-bottom:1px solid #dddedf; padding:10px 0; width:260px; float:left; height:auto !important; height:110px; min-height:110px;}
#container #contentContainer #middleCol .jumpBoxSmallRight { border-bottom:1px solid #dddedf; padding:10px 0; width:260px; float:right; height:auto !important; height:110px; min-height:110px;}
#container #contentContainer #middleCol .jumpPicSmall { float:left; margin-right:10px;}
#container #contentContainer #middleCol a.jumpLink { color:#E87D1E; font-size:14px; text-decoration:none;}
#container #contentContainer #middleCol a.jumpLink:hover { text-decoration:underline;}
#container #contentContainer #middleCol .jumpBoxSmallLeftShort { border-bottom:1px solid #dddedf; padding:10px 0; width:260px; float:left; height:auto !important; height:90px; min-height:90px;}
#container #contentContainer #middleCol .jumpBoxSmallRightShort { border-bottom:1px solid #dddedf; padding:10px 0; width:260px; float:right; height:auto !important; height:90px; min-height:90px;}
#container #contentContainer #middleCol .jumpBoxSmallLeftShort p { padding:0;}
#container #contentContainer #middleCol .jumpBoxSmallRightShort p { padding:0;}
#container #contentContainer #middleCol #flickrBox { width:505px; height:231px; padding:10px 0 0 10px; background:url(/site_assets/images/flickrBoxBg.gif) 0 0 no-repeat; margin:10px auto 0 auto;}
#container #contentContainer #middleCol #flickrBoxLeft { width:505px; height:231px; padding:10px 0 0 10px; background:url(/site_assets/images/flickrBoxBg.gif) 0 0 no-repeat; margin:10px 0;}
#container #contentContainer #middleCol .flickrTitle { font-size:16px; color:#646464; padding:0; margin:0 0 10px 0;}
#container #contentContainer #middleCol #flickrPhotosBox { width:502px; height:200px; overflow:auto;}
#container #contentContainer #middleCol #flickrPhotosBox .flickrPic { float:left; margin:0 5px 5px 0;}
#container #contentContainer #middleCol #societiesBox {}
#container #contentContainer #middleCol #societiesBox #societiesListBox { width:535px; height:253px; overflow:auto;}
#container #contentContainer #middleCol #societiesBox #societiesListBox .society { width:510px; border-bottom:1px solid #cccecf; padding:0 0 10px 0; margin-bottom:10px;}
#container #contentContainer #middleCol #societiesBox #societiesListBox .society .leftCol { float:left; width:182px;}
#container #contentContainer #middleCol #societiesBox #societiesListBox .society .rightCol { float:left; width:320px;}
#container #contentContainer #middleCol #refineBar { width:525px; height:32px; padding:7px 0px 0 10px; background:url(/site_assets/images/refineBarBg.gif) 0 0 no-repeat; color:#FFFFFF; line-height:25px; margin-bottom:10px;clear:both;}
#container #contentContainer #middleCol #refineBar .refineText { float:left; margin-right:5px;}
#container #contentContainer #middleCol #refineBar .refineTitle { float:left; font-size:24px;}
#container #contentContainer #middleCol #refineBar .aZBtn { float:left; margin-right:5px;}
#container #contentContainer #middleCol #refineBar .lastUpdatedBtn { float:left; margin-right:5px;}
#container #contentContainer #middleCol #refineBar #refineSearchForm { float:left; padding:0; margin:0; width:270px;}
#container #contentContainer #middleCol #refineBar #refineSearchForm label { float:left; margin-right:5px; width:40px;}
#container #contentContainer #middleCol #refineBar #refineSearchForm .refineSearchInput { float:left; width:170px; height:20px; padding:6px 0 0 3px; border:none; background:url(/site_assets/images/refineSearchBg.gif) 0 0 no-repeat; margin-right:5px;}
#container #contentContainer #middleCol #refineBar .btnGo { float:left; width:40px; height:26px;}
#container #contentContainer #middleCol #refineBar #arrangeByForm { float:right; padding:0; margin:0 10px 0 0;}
#container #contentContainer #middleCol #refineBar #arrangeByForm label { float:left; margin-right:10px; width:60px;}
#container #contentContainer #middleCol #refineBar #arrangeByForm .arrangeBySelect { float:left; width:120px; margin:2px 10px 0 0;}
#container #contentContainer #middleCol .latestNewsItem { padding:0; margin:0 0 5px 0; border-bottom:1px solid #cccecf;}
#container #contentContainer #middleCol #eventsBox { width:535px; height:655px; overflow:auto;}
#container #contentContainer #middleCol #eventsBox #eventsLeft { float:left; width:195px; margin-right:10px;}
#container #contentContainer #middleCol #eventsBox #eventsRight { float:left; width:295px; border-left:1px solid #cccecf; padding:0 0 0 10px;}
#container #contentContainer #middleCol #eventsBox .featuredEvent { margin-bottom:5px;}
#container #contentContainer #middleCol #eventsBox .featuredEvent .pic { margin-bottom:5px;}
#container #contentContainer #middleCol #eventsBox .featuredInfo { padding:0 5px;}
#container #contentContainer #middleCol #eventsBox .eventDetailsBox { margin-bottom:10px;}
#container #contentContainer #middleCol #eventsBox .eventDetailsBox p { width : 220px; }
#container #contentContainer #middleCol #eventsBox .detailsTitle { color:#46C3D3; font-size:14px;}
#container #contentContainer #middleCol #eventsBox .eventLogo { float:right;}
#container #contentContainer #middleCol #lettingsSearchBox { width:535px; height:120px; background:url(/site_assets/images/lettingsSearchBg.gif) no-repeat; margin-bottom:10px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchFormLeft { float:left; width:270px; height:120px; position:relative; margin-left:5px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchFormLeft #register { position:absolute; top:70px; left:0px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchFormLeft #register label { width:120px; color:#FFFFFF; font-size:12px; line-height:26px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchFormLeft .lettingsInput { background:url(/site_assets/images/lettingSearchInputBg.gif) no-repeat; width:125px; height:16px; padding:5px; border:none;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchFormLeft #btnLeft { position:absolute; top:100px; left:120px; width:135px; height:16px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm { float:left; width:260px; height:120px; position:relative;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm #beds { position:absolute; top:20px; left:0px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm #street { position:absolute; top:45px; left:0px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm #price { position:absolute; top:75px; left:0px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm #btn { position:absolute; top:48px; left:232px; width:19px; height:19px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm label { width:120px; color:#FFFFFF; font-size:12px; line-height:26px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm .lettingsInput { background:url(/site_assets/images/lettingSearchInputBg.gif) no-repeat; width:125px; height:16px; padding:5px; border:none;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm .lettingsSelect { width:135px;}
#container #contentContainer #middleCol #lettingsSearchBox #lettingsSearchForm #btnRight { position:absolute; top:25px; left:120px; width:135px; height:16px;}
#container #contentContainer #middleCol #lettingsBox { width:535px; height:505px; overflow:auto;}
#container #contentContainer #middleCol #lettingsBox .letting { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #cccecf;}
#container #contentContainer #middleCol #lettingsBox .letting .images { float:left; width:170px; margin-right:10px;}
#container #contentContainer #middleCol #lettingsBox .letting .images .houseLarge { margin-bottom:5px;}
#container #contentContainer #middleCol #lettingsBox .letting .images .houseThumb { float:left; margin-right:3px;}
#container #contentContainer #middleCol #lettingsBox .letting .info { float:left; width:335px;}
#container #contentContainer #middleCol #faqsBox { width:535px; height:180px; overflow:auto;}
#container #contentContainer #middleCol #jobsListBox { width:535px; height:auto; overflow:visible;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable { border-collapse:collapse; width:535px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable a { color:#E87D1E;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable th { background:#F89E59; color:#FFFFFF; padding:5px; border-bottom:5px solid #ffffff; font-weight:normal; font-size:12px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable td { padding:5px; background:#f0f0f0; border-bottom:3px solid #ffffff; vertical-align:top;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable td.odd { padding:5px; background:#dcdcdc; border-bottom:3px solid #ffffff;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .colA { width:65px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .colB { width:130px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .colC { width:130px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .colD { width:80px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .colE { width:80px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable td.hiddenContent { padding:0; border-bottom:none;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openContent { padding:5px 5px 10px 5px; background:#DCDCDC; height:auto !important; height:160px; min-height:160px; border-bottom:3px solid #ffffff; width:510px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openContent p { padding:0 0 5px 0;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openContent a { color:#008DA8;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openContent .applyBtn { position:absolute; top:180px; left:488px;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openContent .closeLink { background:url(/site_assets/images/closeIcon.gif) 0 0 no-repeat !important; padding:5px 0 0 21px; color:#000000;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openState td { background:#646464 !important; color:#FFFFFF;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .openState a { color:#FFFFFF;}
#container #contentContainer #middleCol #jobsListBox .jobsListTable .closedContent { cursor:pointer;}
#container #contentContainer #middleCol .faqJump { float:left; margin:0 9px 5px 0;}
#container #contentContainer #middleCol .faqJumpEOR { float:left; margin:0 0px 5px 0;}
#container #contentContainer #middleCol #featuredRepBox { padding:0 0 10px 0; margin-bottom:10px; border-bottom:1px solid #cccecf;}
#container #contentContainer #middleCol #featuredRepBox .repImage { float:left; margin-right:10px;}
#container #contentContainer #middleCol #featuredRepBox .repInfo { float:left; width:95px;}
#container #contentContainer #middleCol .jumpLinks { list-style:none; padding:0; margin:0;}
#container #contentContainer #middleCol .jumpLinks li { float:left; display:block;}
#container #contentContainer #middleCol .jumpLinks li a { float:left; display:block; padding:5px 0; width:180px; color:#E87D1E; border-bottom:1px solid #cccecf; text-decoration:none; font-size:14px;}
#container #contentContainer #middleCol .jumpLinks li a:hover { text-decoration:underline;}
#container #contentContainer #middleCol #featured_slideshow { position : relative; width : 552px; height : 250px; margin-bottom : 10px; z-index:0; }
#container #contentContainer #middleCol #controls { z-index: 1000; position : absolute; top :205px; left : 460px; width:80px; height : 34px; background :none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#container #contentContainer #middleCol #controls #prev { float:left;}
#container #contentContainer #middleCol #controls #next { float:right;}

/* SABBS PAGE STYLES */
#container #contentContainer #middleCol #profilesBox { width:535px; height:630px; overflow:auto; padding:5px 0 0 0;}
#container #contentContainer #middleCol #profilesBox .profile { width:510px; margin-bottom:20px; padding:0 0 10px 0; border-bottom:1px solid #cccecf;}
#container #contentContainer #middleCol #profilesBox .profile .blueTitle { color:#008DA8; padding:0;}
#container #contentContainer #middleCol #profilesBox .profile .blueTitleLarge { color:#008DA8; padding:0; font-size:14px;}
#container #contentContainer #middleCol #profilesBox .profile .profileLeft { float:left; width:113px; margin-right:10px;}
#container #contentContainer #middleCol #profilesBox .profile .profileRight { float:left; width:387px;}
#container #contentContainer #middleCol #profilesBox .profile .profileRight .contactDetails { margin:0;}
#container #contentContainer #middleCol #profilesBox .profile .profileRight .contactLeft { float:left; width:95px; margin-right:40px;}
#container #contentContainer #middleCol #profilesBox .profile .profileRight .contactRight { float:left;}

/* ----- RIGHT COLUMN STYLES ----- */
#container #contentContainer #rightCol { float:left; width:187px;}
#container #contentContainer #rightCol #whatsOnBox { width:187px; margin-bottom:5px; background:#f1f2ea;}
#container #contentContainer #rightCol #whatsOnBox .event { width:153px; margin:0 auto 5px auto; padding:5px 12px 5px 12px; border-bottom:1px solid #b4b5b1; font-size:11px; line-height:14px;}
#container #contentContainer #rightCol #whatsOnBox .eventLast { width:153px; margin:0 auto 0 auto; padding:0px 12px 5px 12px; border-bottom:none; font-size:11px; line-height:14px;}
#container #contentContainer #rightCol #whatsOnBox .eventTitleOrange { color:#E87D1E; padding:0;}
#container #contentContainer #rightCol #whatsOnBox .eventTitleBlue { color:#008DA8; padding:0;}
#container #contentContainer #rightCol #whatsOnBox .eventDesc { padding:0; color:#000000;}
#container #contentContainer #rightCol #latestJobsBox { width:187px; margin-bottom:5px; background:#f1f2ea url(/site_assets/images/boxBgTop.gif) 0 0 repeat-x; font-size:11px; line-height:14px;}
#container #contentContainer #rightCol #latestJobsBox p { padding:0;}
#container #contentContainer #rightCol #latestJobsBox .job { padding:0;}
#container #contentContainer #rightCol #latestJobsBox .job a { color:#E87D1E; text-decoration:none;}
#container #contentContainer #rightCol #latestJobsBox .job a:hover { text-decoration:underline;}
#container #contentContainer #rightCol #accommodationBox { width:187px; margin-bottom:5px; background:#f1f2ea; font-size:11px; line-height:14px;}
#container #contentContainer #rightCol #featuredEventBox { width:187px; height:250px; position:relative; margin-bottom:5px;}
#container #contentContainer #rightCol #featuredEventBox .linksBox { position:absolute; top:222px; left:5px; width:122px; height:15px; padding:3px 0 0 4px; background:url(/site_assets/images/linksBg.gif) no-repeat; color:#FFFFFF; font-size:12px;}
#container #contentContainer #rightCol #featuredEventBox .linksBox a { color:#FFFFFF; text-decoration:none;}
#container #contentContainer #rightCol #featuredEventBox .linksBox a:hover { text-decoration:underline;}
#container #contentContainer #rightCol #fullEventBtn { padding:0 5px 5px 5px;}


/* ----- CLASSES ----- */
.clear { clear:both; padding:0; margin:0; font-size:0;}
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.imgSpacer5px { margin-bottom:5px;}
.imgSpacer10px { margin-bottom:10px;}
.centeredImage { margin:0 auto 8px auto;}
.orangeBlock { background:#f89e59; color:#000000; padding:4px 0 4px 17px;}
.blueBlock { background:#46c3d3; color:#000000; padding:4px 0 4px 17px;}
.jobsIcon { position:absolute; top:5px; left:145px;}
.twitterIcon { position:absolute; top:3px; left:220px;}
.communityIcon { position:absolute; top:3px; left:130px;}
.boxPadding { padding:8px 16px;}
.orangeText { color:#E87D1E;}
.orangeTextLarge { color:#E87D1E; font-size:14px;}
.blueText { color:#008DA8;}
.fixedWidthPara { width:166px; float:left;}
.largerGreyText { color:#787878; font-size:16px;}
.divider { height:2px; background:#dddedf; font-size:0; line-height:0;}
.paddedDivider { height:22px; background:url(/site_assets/images/dividerBg.gif) 0 0 repeat-x; font-size:0; line-height:0; margin:0; padding:0;}
.greyText { color:#787878;}
.smallGreyText { color:#787878; font-size:10px;}
.largerLink { font-size : 16px; }
.newsTitle { color:#f89e59; font-size:18px; padding:0 0 5px 0;}
.newsDate { color:#46c3d3; font-size:12px; padding:0 0 5px 0;}
.hr { background:#bcbec0; height:1px; line-height:0px; font-size:0; margin-bottom:10px;}

/* ----- MIDDLE COLUMN CLASSES ----- */
.colContainer { width:537px; margin-bottom:10px; clear:both;}
.colContainerLast { width:537px; margin-bottom:0; clear:both;}
.oneColBoxLeft { width:266px; float:left;}
.oneColBoxRight { width:266px; float:right;}
.twoColLeft { float:left; width:131px;}
.twoColRight { float:right; width:131px;}
.twoColBoxPadding { padding:10px; background:#f1f2ea url(/site_assets/images/boxBgTop.gif) 0 0 repeat-x; font-size:11px; line-height:14px; height:auto !important; height:152px; min-height:152px;}
.oneColBoxPadding { padding:10px; background:#f1f2ea url(/site_assets/images/boxBgTop.gif) 0 0 repeat-x; font-size:11px; line-height:14px;}
.leftColWide { float:left; width:320px; border-right:1px solid #bcbec0; padding:0 10px 0 0;}
.rightColNarrow { float:right; width:187px; margin-right:10px;}
.leftColNarrow { float:left; width:300px; border-right:1px solid #bcbec0; padding:0 10px 0 0;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:normal;}
.titleOrange { height:21px; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; border-left:5px solid #f89e59; color:#000000; font-size:12px; padding:6px 0 0 12px;}
.titleOrange a { color:#000000; text-decoration:none;}
.titleOrange a:hover { text-decoration:underline;}
.titleOrangeBox { height:21px; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; border-left:5px solid #f89e59; color:#000000; font-size:12px; padding:6px 0 0 12px; position:relative;}
.titleBlue { height:21px; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; border-left:5px solid #46c3d3; color:#000000; font-size:12px; padding:6px 0 0 12px;}
.titleBlueBox { height:21px; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; border-left:5px solid #46c3d3; color:#000000; font-size:12px; padding:6px 0 0 12px; position:relative;}
.titleBlue a { color:#000000; text-decoration:none;}
.titleBlue a:hover { text-decoration:underline;}
.pageTitle { color:#F89E59; font-size:24px; font-weight:normal; border-bottom:1px solid #bcbec0; padding:0 0 5px 0; margin-bottom:10px;}
.pageTitleBlue { color:#46C3D3; font-size:24px; font-weight:normal; border-bottom:1px solid #bcbec0; padding:0 0 5px 0; margin-bottom:10px;}
.subTitle { color:#F89E59; font-size:14px; font-weight:normal; padding:0; margin-bottom:10px;}
.blueTextTitle { color:#008DA8; font-size:14px;}
.orangeTextTitle { color:#F89E59; font-size:14px;}
.societyPageWelcomeTitle { color:#646464; font-size:18px; padding:0 0 5px 0;}
.societyPageTitle { color:#F89E59; font-size:24px; font-weight:normal; padding:0 0 5px 0; margin-bottom:10px;}
.eventsTitle { font-size:24px; color:#808285; padding:0 0 10px 0;}
.eventsTitleLeft { font-size:24px; color:#808285; padding:0 0 10px 10px;}


/* ----- TOP NAVIGATION ----- */
#topNav { width:960px; height:28px; background:url(/site_assets/images/topNavBg.gif) 0 0 repeat-x; font-size:120%; position:relative; z-index:100;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { float:left; display:block; padding:0; border-left:1px solid #ffffff; position:relative;}
#topNav li.first { border:0;}
#topNav li a { float:left; display:block; background:url(/site_assets/images/topNavBg.gif) 0 0 repeat-x; padding:5px 17px 7px 25px; color:#FFFFFF; text-decoration:none;}
#topNav li a:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
#topNav li a.active { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
#topNav li ul {display: none; position: absolute; top: 28px; left: 0px; margin:0; width:142px; padding:0; background:#7a7a7a url(/site_assets/images/ulBg.gif) 0 0 no-repeat; z-index:100;}
#topNav li ul li { display:block; float:none; width:118px; background:none !important; padding:0; border:none; z-index : 1000; }
#topNav li ul li a { display:block; float:none; width:118px; height:19px; color:#000000 !important; padding:5px 0px 4px 25px !important; font-weight:normal; font-size:12px; background:none !important;}
#topNav li ul li a:hover { text-decoration:underline; background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x !important; text-decoration:none;}
#topNav li ul li.active a { text-decoration:none;}
#topNav li.active ul li a { text-decoration:none;}
#topNav li:hover ul, #topNav li.over ul { display: block;}


/* ----- LEFT NAVIGATION ----- */
.leftNav { width:187px; margin-bottom:5px; font-size:120%;}
.leftNav ul { list-style:none; padding:0; margin:0;}
.leftNav li { float:left; display:block; padding:0;}
.leftNav li a { float:left; display:block; background:url(/site_assets/images/leftNavBg.gif) 0 0 repeat-x; padding:5px 0px 6px 17px; color:#FFFFFF; text-decoration:none; width:170px;}
.leftNav li a:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
.leftNav li a.icon { float:left; display:block; background:url(/site_assets/images/leftNavBg.gif) 0 0 repeat-x; padding:5px 0px 6px 17px; color:#FFFFFF; text-decoration:none; width:170px; position:relative;}
.leftNav li a.icon:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none;}
.leftNav .liveChat { position:absolute; top:1px; left:150px; width:16px; height:22px;}


.sectionSubNav { font-size:12px;}
.sectionSubNav ul { list-style:none; padding:0; margin:0;}
.sectionSubNav li { float:left; display:block; padding:0;}
.sectionSubNav li a { float:left; display:block; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; padding:5px 0px 7px 17px; color:#000000; text-decoration:none; width:165px; border-left:5px solid #f89e59;}
.sectionSubNav li a:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none; color:#FFFFFF;}
.sectionSubNav li a.icons { float:left; display:block; background:url(/site_assets/images/titleGreyBg.gif) 0 0 repeat-x; padding:5px 0px 7px 17px; color:#000000; text-decoration:none; width:165px; border-left:5px solid #f89e59; position:relative;}
.sectionSubNav li a.icons:hover { background:url(/site_assets/images/topNavBgHover.gif) 0 0 repeat-x; text-decoration:none; color:#FFFFFF;}
.sectionSubNav .communityNavIcon { position:absolute; top:3px; left:130px;}
.sectionSubNav .pdfIcon { position:absolute; top:3px; left:157px;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(/site_assets/images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- LISTS ----- */
#list { list-style:none; padding:0; margin:0;}
#list li { float:left; display:block; padding:0 0 0 10px; background:url(/site_assets/images/listDotBlue.gif) 0 4px no-repeat;}

.listShort { list-style:none; padding:0; margin:0; width:300px;}
.listShort li { float:left; display:block; padding:0 0 0 10px; background:url(/site_assets/images/listDotBlue.gif) 0 4px no-repeat; width:300px;}

ol { padding:0; margin:0 0 0 20px;}
ol li { padding:0 0 8px 0; margin:0;}


/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { width:935px; height:22px; color:#6F6E6E; padding:6px 0 0 25px; margin-bottom:2px;}
#breadcrumbs .youAre { float:left; margin-right:5px;}
#breadcrumbs ul { list-style:none; padding:0; margin:0; float:left;}
#breadcrumbs li { float:left; display:block; padding:0;}
#breadcrumbs li a { float:left; display:block; color:#6F6E6E; text-decoration:none; font-weight:bold; padding:0 8px; background:url(/site_assets/images/slash.gif) no-repeat left center; }
#breadcrumbs li a:hover { text-decoration:underline;}
#breadcrumbs li a.firstCrumb { float:left; display:block; color:#6F6E6E; text-decoration:none; font-weight:bold; background: #FFF; padding:0 5px 0 0;}


/* ----- FOOTER ----- */
#footerContainer { width:940px; border-top:2px solid #dddedf; margin:0 auto; padding:10px 0;}
#footerContainer #footerLeft { width:187px; float:left; background:#fff; height:auto !important; height:224px; min-height:224px;}
#footerContainer #footerLeft #footerTitle { width:162px; height:47px; background:url(/site_assets/images/footerTitleBg.gif) 0 0 no-repeat; color:#FFFFFF; font-size:11px; padding:5px 10px 0 15px; margin-bottom:15px;}
#footerContainer #footerLeft ul { list-style:none; padding:0; margin:0 0 0 15px;}
#footerContainer #footerLeft li { float:left; width:75px; height:32px; text-align:center; display:block; margin:0 10px 5px 0;}
#footerContainer #footerLeft li img { margin:0 auto;}
#footerContainer #footerRight { width:738px; float:right; background:#f1f2ea url(/site_assets/images/footerBgRepeat.gif) bottom left repeat-x; height:auto !important; height:224px; min-height:224px; position:relative;}
#footerContainer #footerRight #footerLogo { float:left; margin-right:150px;}
#footerContainer #footerRight .copyright { position:absolute; bottom:15px; left:15px; padding:0; font-size:11px; color:#808285;}
#footerContainer #footerRight .frPadding { padding:15px 5px 15px 15px;}
#footerContainer #footerRight .colTitle { color:#E87D1E; padding:0 0 5px 0;}
#footerContainer #footerRight #colA { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:80px; padding:10px 0 0 10px;}
#footerContainer #footerRight #colA ul { list-style:none; padding:0; margin:0;}
#footerContainer #footerRight #colA li { float:left; display:block; }
#footerContainer #footerRight #colA li a { float:left; display:block; padding:0 0 2px 19px; background:url(/site_assets/images/rssIcon.gif) 0 -1px no-repeat; color:#000000; text-decoration:none;}
#footerContainer #footerRight #colA li a:hover { text-decoration:underline;}
#footerContainer #footerRight #colB { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:110px; padding:10px 0 0 10px;}
#footerContainer #footerRight #colC { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:110px; padding:10px 0 0 10px;}
#footerContainer #footerRight #colD { float:left; margin:0; border-left:1px solid #c2c3c1; height:auto !important; height:184px; min-height:184px; width:130px; padding:10px 0 0 10px;}
#footerContainer #footerRight .footerList { list-style:none; padding:0; margin:0;}
#footerContainer #footerRight .footerList li { float:left; display:block; width:110px;}
#footerContainer #footerRight .footerList li a { float:left; display:block; padding:0 0 3px 0px; color:#000000; text-decoration:none;}
#footerContainer #footerRight .footerList li a:hover { text-decoration:underline;}
#footerContainer #footerRight #footerListWide { list-style:none; padding:0; margin:0;}
#footerContainer #footerRight #footerListWide li { float:left; display:block; width:130px;}
#footerContainer #footerRight #footerListWide li a { float:left; display:block; padding:0 0 3px 0px; color:#000000; text-decoration:none;}
#footerContainer #footerRight #footerListWide li a:hover { text-decoration:underline;}



/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#008DA8; font-weight:normal; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }


/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:block; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:160px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:15px; position:relative; margin-right:5px;}
#frmContact { }
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { padding:0 0 4px 0;}
#submit { width:55px; height:18px; border:none;}
.formInput { background:url(/site_assets/images/formInputBg.gif) 0 0 no-repeat; width:169px; height:15px; padding:5px 4px 4px 4px; border:none;}
.formTextArea { background:url(/site_assets/images/formTextAreaBg.gif) 0 0 no-repeat; width:169px; height:58px; border:none; padding:4px;}

.narrowLabel { width:140px;}

#jobRegisterForm { padding:0; margin:0;}
#jobRegisterForm label { display:block; width:160px; float:left; line-height:22px;}
#jobRegisterForm .formTitle { color:#008DA8; font-size:14px; padding:0 0 5px 0;}
#jobRegisterForm div { padding:0 0 4px 0;}
#jobRegisterForm .longSelect { width:177px;}
#jobRegisterForm .smallText { font-size:10px;}

/* ----- POLLS ----- */
/*#loading { display : none; background : transparent url(/site_assets/images/throbber.gif) no-repeat left center; padding-left : 22px; }*/
.poll-questions input, .lg-poll-questions label { width : auto; }
.poll-questions ul { list-style : none; margin : 0; padding : 0; width:300px; }
.poll-questions ul li { display : block; float:left; }
.poll-results ul { list-style : none; padding : 0; margin : 0; display : block; }
.percentage { color : #FFF; margin:5px 0;}
.percentageLeft {width:10px; height:14px; background:url(/site_assets//images/pollPercentageLeft.gif) no-repeat; float:left;}
.percentageRight {height:13px; background:url(/site_assets/images/pollPercentageRight.gif) top right no-repeat; float:left; font-size:10px; padding:1px 0 0 0;}

.pollBox { padding:10px 0 0 0;}
.pollBoxTop { width:530px; height:10px; background:url(/site_assets/images/pollBoxTop.gif) no-repeat; font-size:0;}
.pollBoxBottom { width:530px; height:13px; background:url(/site_assets/images/pollBoxBottom.gif) no-repeat; font-size:0;}
.pollBoxBody { width:510px; background:url(/site_assets/images/pollBoxBody.gif) 0 0 repeat-y; padding:0 10px;}
.pollBoxBody .blueTitle { color:#008da8; font-size:18px; font-weight:bold; padding:0 0 5px 0; margin:0;}
.pollBoxBody .blueTitleSmall { color:#008da8; font-size:14px; font-weight:bold; padding:0 0 5px 0; margin:0;}
.pollBoxBody .note { margin:5px 0; color:#868787; float:left;}
.pollBoxBody p { padding:0 0 5px 0;}
.submitVoteBtn { float:right;}
.pollSpacer { clear:both; margin:0; padding:0;}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

.accordprefix { display:none !important;}
.accordsuffix { display:none !important;}

p.error { font-weight:bold; color:red; }