﻿/* LAYOUT 
--------------------------------------------------------------*/

/* BASE LAYOUT
--------------------------------------------------------------*/
body {min-width: 960px;}  

.pageWrap {width: 960px; margin: 0 auto;}

#contentWrap {margin-top: 30px;}
.contentWrap1, .contentWrap2 {width: 100%; min-height:400px; }
.contentWrap1, .sideWrap2 {float: right;}
.contentWrap2, .sideWrap1 {float: left;}
.section {margin: 0; padding: 1px 0;}
.sideWrap1 {width: 190px;}

/* SIDE WRAP LEFT (2 columns - narrow left, wide right)
--------------------------------------------------------------*/
.sideWrapLeft .contentWrap1 {margin-left: -230px;}
.sideWrapLeft .section {margin: 0 10px 40px 230px;}

/* SIDE WRAP RIGHT (2 columns wide left, narrow right)
--------------------------------------------------------------*/
.sideWrapRight .contentWrap2 {margin-right: -260px;}
.sideWrapRight .section {margin-left: 20px; margin-right: 260px;}
.sideWrapRight .sideWrap2 {width: 200px; margin-right: 20px;}

.sideWrap2 a
{
text-decoration:underline;
}

/* SIDE WRAPS PAGE - (3 columns - standard layout)
--------------------------------------------------------------*/
.sideWraps .contentWrap1 {margin-left: -230px;}
.sideWraps .contentWrap2 {margin-right: -190px;}

.sideWraps .section {
	margin-left: 230px; 
	margin-right: 190px;
	padding: 0 10px;
	}
	
.sideWraps .sideWrap2 {width: 190px; margin-right: -30px;}

/* content styles for side wrap templates where the font size is generally larger */
.sideWraps .section {}

.sideWraps .section h1 {font-size: 2.500em;}
.sideWraps .section h2 {font-size: 1.563em;}
.sideWraps .section h3 {font-size: 1.125em;}

.sideWraps .section h4, 
.sideWraps .section h5, 
.sideWraps .section h6 {font-size: 1.000em;}

.sideWraps .section ul li {background-position: 0 0.6em;}

.sideWraps .section blockquote {margin-left: -20px; margin-right: -20px;}
.sideWraps .section blockquote p {font-size: 1.250em;}

.sideWraps .section table {
	margin-left: -10px; 
	margin-right: -10px;
	}	
	
.sideWraps .section .timestamp {
	font-size: 0.688em; 
	font-style: italic;
	}	
	
.intro {font-size: 1.375em;}

.sideWraps .section a, .sideWraps .section a:link {
	text-decoration: none;
	border-width: 0 0 1px 0; 
	border-style: solid;
	}
	
.sideWraps .section a:hover, 
.sideWraps .section a:focus, 
.sideWraps .section a:active {border-bottom-width: 0;}

.section a
{
text-decoration:underline;
}


/* WIDE WRAP PAGE - (1 column - wide layout)
--------------------------------------------------------------*/
.wideWrap .section {
	margin-left: 170px; 
	margin-right: 170px; 
	padding: 1px 10px 0 10px;
	}
	
/* HEADER
--------------------------------------------------------------*/
.header {
	width: 940px; 
	margin: 0 auto;
	position: relative;
	}
	
.header .listInline li {
	display: inline-block; 
	padding-left: 15px; 
	font-size: 0.917em;
	}
	
.header .listInline a, 
.header .listInline a:link {margin-right: 15px;}

.header .listInline a:hover {border-bottom-width: 1px; border-style: solid;}

/* LOGO
--------------------------*/
#logo {
	margin: 20px 0 0 10px;
	float: left;
	}
	
#logo a, #logo a:link {
	display: block;
	border-bottom: 3px #fff solid;
	}	
	
/* SITE SERVICES (accessibility, text resize, search form)
--------------------------*/
.siteServices {float: right; margin: 20px 10px 0 0;}

/* search form */
.siteServices form {float: left;}
.siteServices .searchFields {width: 17.5em;}
.siteServices .searchFields .textField {width: 13em;}	

/* terms/conditions and accessibility list */
.siteServices .listInline {float:left; margin-left: 0;}

/* STYLE SWITCHER
----------------------------------*/
#styleSwitcher {
	margin:0 9px 0 0; 
	float: left;
	text-align: left;
	}
	
#styleSwitcher ul {
	float: left; 
	padding: 0;
	margin: 0;
	}
	
#styleSwitcher li {
	float: left; 
	padding: 5px 0 0 0; 
	margin: 0; 
	background: none;
	}
	
#styleSwitcher span {
	float: left;
	color: #fff;
	}

#styleSwitcher ul ul {margin: -0.9em 5px 0 0;}
#styleSwitcher ul ul li {
	padding: 0; 
	margin: 0.7em 0 0 0;
	}
	
#styleSwitcher ul li a, #styleSwitcher ul li strong {
	display: block; 
	padding: 0; 
	width: 30px; 
	height: 30px; 
	text-indent: -999em; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	margin: 1px;
	}
	
#styleSwitcher ul ul ul li {
	margin-left:3px;
	}	
	
#styleSwitcher ul li a:hover, #styleSwitcher ul li a:focus, #styleSwitcher ul li a:active {
	background-color: transparent; 
	margin: 0; 
	border: 1px dotted #fff; 
	outline: none;
	}
		
#styleSwitcher .size1 a {background-position: 0 0;}
#styleSwitcher .size2 a {background-position: -30px 0;}
#styleSwitcher .size3 a {background-position: -60px 0;}

#styleSwitcher .size1 strong, 
#styleSwitcher .size1 a:hover, #styleSwitcher .size1 a:focus, #styleSwitcher .size1 a:active {background-position: 0 -30px;}

#styleSwitcher .size2 strong {background-position: -30px -30px;}
#styleSwitcher .size3 strong {background-position: -60px -30px;}

#styleSwitcher .size2 a:hover, #styleSwitcher .size2 a:focus, #styleSwitcher .size2 a:active {background-position: -30px -30px;}
#styleSwitcher .size3 a:hover, #styleSwitcher .size3 a:focus, #styleSwitcher .size3 a:active {background-position: -60px -30px;}

/* TOP NAVIGATION (HORIZONTAL)
--------------------------------------------------------------*/
.navigation {margin: 15px 0 0 0; font-size: 0.999em;}

.navigation ul { 
	padding: 0;
        margin-left: -25px;
	}

.navigation li {
	margin: 0 0 10px 0; 
	padding-left: 0;
	float: left;
	border-style: solid;
	border-right-width: 1px;
	background: none;
	}
	
.navigation a, .navigation a:link, .navigation strong {
	display: block;
	margin: 0;
	padding:0 28px; 
	font-weight: bold;
	}
	
.navigation a:hover {border-bottom-width: 0;}	
						
.navigation span {
	background-repeat: no-repeat;
	background-position: 50% 100%;
	display: block;
	padding: 0 0 20px 0;
	position: relative;
	bottom: -7px;
	}	
	
/* HOME LINK */	
.nav1 {border-left-width: 1px;}

.nav1 .navHome {
	bottom: 0; 
	padding: 0 0 0 25px;
	background-position: 0 50%;
	}

/* SIDE NAVIGATION (VERTICAL)
--------------------------------------------------------------*/
.mainMenu {
	width: 210px; 
	margin-left: -30px; 
	padding: 10px 0 10px 10px;
	}

.mainMenu a{
	text-decoration:underline;
	}
        
.mainMenu ul {margin: 0 0 0 20px;}

.mainMenu li {
	margin: 0;
	background-image: none;
	background-position: 0 1em;
	padding: 7px 5px 7px 20px;
	}

.mainMenu a, .mainMenu a:link {
    margin-left: 0;
    }

.mainMenu a:hover {
    text-decoration: underline; 
    border-bottom-width: 0;
    }   

.mainMenu .currentbranch0,
.mainMenu .currentbranch1,
.mainMenu .currentbranch2,
.mainMenu .currentbranch3 {
    margin-left: 0;
    }

.mainMenu .currentbranch0 a, .mainMenu .currentbranch0 a:link,
.mainMenu .currentbranch1 a, .mainMenu .currentbranch0 a:link,
.mainMenu .currentbranch2 a, .mainMenu .currentbranch0 a:link,
.mainMenu .currentbranch3 a, .mainMenu .currentbranch0 a:link {
    padding: 0px;
    margin-left: 0; }

/* LEVEL 2 */
.mainMenu ul ul {margin-left: -20px; margin-top: 10px;}
.mainMenu ul ul li {margin-left: 10px;}
/*.mainMenu ul ul a, .mainMenu ul ul strong {padding-left: 5px;}*/

/* FOOTER
--------------------------------------------------------------*/
.footer {
	clear: both;
	margin: 0;
	padding: 0 0 40px 0; 
        z-index: 99;
        width: 100%;
        position: fixed;
        bottom: 0px;
        height: 65px;
        overflow-x: auto;
        overflow-y: hidden;
	}
        
.newFooter {
        position: relative;
        z-index: 99;
        width: 100%;
        padding-bottom: 104px;
        height: 230px;
}

.footer ul {margin-left: 0;}	

.footer li, 
.footer ul ol ul li {
	padding-left: 10px; 
	background-position: 0 0.6em;
	}
	
.subFooter {
	width: 940px; 
	margin: 0 auto; 
	padding: 1px 0;
	}

/* UPPER FOOTER (carousel area)
--------------------------------*/ 

/* LIST OF LOGOS */
.logosList {margin: 30px 0 10px 0;}
	
.logosList li {
	float: left;
	margin: 0 30px 20px 0;
	padding: 0;
	}
		
.subFooter1 .logosList li {background: none;}	
	
.logosList a, .logosList a:link {
	display: block;
	text-align: center;
	min-height: 5.833em;
	}	
	
.logosList a:hover {border: none;}	

.logosList img {
	margin: 0 auto;
	display: block;
	}
	
/* TOOLTIPS */
.toolTip {
	border-style: solid;
	border-width: 1px;
	padding: 0 10px;
	font-size: 0.917em;
	position: relative;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 10px 0;
	position: relative;
        white-space: nowrap;
	}
	
.tail {
	height: 6px;
	width: 11px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	margin-left: -7px;
	left: 50%;
	bottom: -6px;
	z-index: 200;
	}		
	
.js .toolTip {position: absolute; left: 0; top: 0;}	

.js .leftFix .tail {left: 15px;}
.js .rightFix .tail {left: auto; right: 10px; }
		
/* CAROUSEL
--------------------------------*/ 
.js #carousel {margin: 5px 0 0 0; outline: none;}

.js .carousel-wrap {
	vertical-align: middle; 
	display: inline-block; 
	width: 840px;
	margin: 0;
	min-height: 65px;
	}
	
.js .logosList {
	position: absolute;
	top: 0;
	margin: 20px 0 0 0;
	}		

.js .logosList li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
.js .logosList a, .js .logosList a:link	{
	min-height: 0;
	text-align: center;
	}
	
.js .logosList .logo {
	height: 45px;
	display: table-cell;
	vertical-align: middle;
	}	
	
.js .logosList .hide {display: none;}

.js .logosList .show {
	display: block; 
	position:absolute; 
	top: -20px;
	}
	
.js .logosList .fade {opacity: 0.5;}	
	
/* previous/next arrow controls */	
.js .carousel-control {
	display: inline-block;
	width: 17px;
	height: 27px;
	border: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	text-indent: -999em;
	cursor: pointer;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 -20px 0;
	}	
	
.js .carousel-previous {margin-left: 10px; margin-right: 20px;}	
.js .carousel-next {margin-right: 10px; margin-left: 20px;}		
	
.js #carousel .disabled {
	opacity: 0.5; 
	cursor:auto;
	}	

/* pagination */	
.js .carousel-pagination {
	margin: 10px 0 15px 0;
	text-align: center;
	}

.js .carousel-pagination p {margin: 0;}

.js .carousel-pagination a, .js .carousel-pagination a:link {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	width: 6px;
	height: 6px;
	text-indent: -999em;
	margin: 0 9px 0 0;
	cursor: pointer;
	}
	
.js .carousel-pagination a:hover {border: none;}	
	
/* LOWER FOOTER (with columns) */
.subFooter2 {
	border-width: 1px 0 0 0;
	border-style: solid;
	background-repeat: repeat-y;
	background-position: 0 0;
	}
	
.subFooter2 .column {padding-top: 25px;}	

/* BU Embedded Video */
.buvideo-container {
        width:480px;
        height:410px;
        background-color:#000000;
}

.buvideo {
        width:480px;
        height:304px;     /* height of the video relative to the width */
        padding-top:53px; /* (height of container - height of video) / 2 */
}

/* COLUMNS
-----------------------------------------------------------------*/
.column {float: left;}

/* TWO COLUMNS */
.columnDouble .column {width: 360px;}
.columnDouble .column1 .columnInner {margin-left: 10px; margin-right: 20px;}
.columnDouble .column2 .columnInner {margin-left: 20px; margin-right: 10px;}

/* THREE COLUMNS */
.columnTriple {
	width: 760px; 
	margin: 0 0 30px 0;
	}
	
.columnTriple .column {width: 250px;}

.columnTriple .columnInner {
	width: 210px; 
	padding: 1px;
	}
        
.columnTriple .columnInner img {height:100px;width:200px;}
        
.columnTriple div.newsFeatureImgBox {
        width: 200px;
        height: 120px;
        overflow: hidden;
}

.columnTriple img.newsFeatureImage {
        width: 282px;
        height: 120px;
        margin-left: -41px;
}

div.newsFeatureSmallImgBox {
        width: 125px;
        height: 75px;
        overflow: hidden;
        float: left;
}

div.newsFeatureSmall {
        width: 650px;
        display: block;
}
	
.sideWrapRight .columnTriple {
	width: 720px; 
	margin-left: -20px; 
	margin-top: 30px;
	}
	
.sideWrapRight .columnTriple .column {width: 240px;}

.sideWrapRight .columnTriple .columnInner {
 	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	}	

/* FOUR COLUMNS */	
.columnQuadruple .column {width: 220px;}
.columnQuadruple .column1, .columnQuadruple .column2, .columnQuadruple .column3 {margin-right: 10px;}
.columnQuadruple .column2, .columnQuadruple .column3, .columnQuadruple .column4 {margin-left: 10px;}
.columnQuadruple .columnInner {padding: 0 10px;}

/* ICONS 
--------------------------------------------------------------*/
.icon {
	background-repeat: no-repeat;
	min-height: 20px;
	margin: 0 0 10px 0;
	}

.iconA { /* icon positioned to the left of text */
    padding-left: 20px;
    background-position: 0 50%; 
    margin-left: 5px; 
    }
    
.iconB { /* icon positioned to the right of text */
	padding-right: 20px;
	background-position: 100% 50%;
	margin-right: 0;
	}    
            
/* LISTS
--------------------------------------------------------------*/ 
.listInline li {
	background: none;
	display: inline;
	}
	
/* LISTS WITH A LARGER FONT */	
.largeList li {
	font-size: 1.250em; 
	font-weight: bold;
	}
	
/* LISTS OF PHOTOS, LINKS AND SUMMARY */	
.listing {margin: 0;}

.listing li {
	background-image: none;
	padding: 14px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	}	
	
.listing .listImage {float: left; width: 185px; margin-left: -30px; }


.articleTitle, .articleTitle:link {font-size: 1.083em; font-weight: bold;}
	
.summary {
	font-size: 0.917em;
	margin-top: 0;
	}
	
.listing1 .listInner1 {margin-left: 140px;}	
.listing1 .listInner2 {margin-left: 0;}

.listing2 .listImage {margin-left: 20px;}
.listing2 .listInner1 {margin-left: 160px;}

.listing2 .listInner2 {
	margin-left: 20px; 
	margin-right: 20px;
	}	

.listing .listFooter {border: none;}	
.listing .archiveLink {float:left;}
.listing .subscribeLink {float: right;}	

.listing2 .archiveLink {margin-left: 20px;}
.listing2 .subscribeLink {margin-right: 20px;}

/* Category LISTS (used for staff benefits) */
.listCategory {
	margin-left: 0;
	margin-bottom: 20px;
	}

.listCategory li {
	background-image: none;
	margin: 0 20px 20px 0;
	padding: 0;
	float: left;
	}
	
.listCategory a, .listCategory a:link, .listCategory span {
	display: table-cell;
	text-align: center;
	width: 6em;
	height: 5em;
	vertical-align: middle;
	min-height: 60px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #000000;
	}	
	
.listCategory a:hover {border-bottom-width: 0; text-decoration: underline;}	
.listCategory .last {margin-right: 0;}
	
/* HEADERS (used on document listing page)
--------------------------------------------------------------*/ 
.titleHeader {
	border-width: 5px 0 0 0;
	border-style: solid;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 1.500em;
	word-wrap:break-word;
	}
	
	.titleHeaderLink {
	border-width: 5px 0 0 0;
	border-style: solid;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 1.500em;
	word-wrap:break-word;
	}

        
.titleLink {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 20px;
	}
	
.titleLink a, .titleLink a:link {border-style: solid; border-bottom-width: 1px;}	
.titleLink a:hover {border-bottom-width: 0;}
	
/* DATES/TIMES
--------------------------------------------------------------*/ 
.timestamp {
	display: block;
	font-size: 0.917em;
	}

/* CORNERS
--------------------------------------------------------------*/ 
.cnrs {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}
	
.cnrsSmall {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}	
		
/* SPECIAL LINKS
--------------------------------------------------------------*/ 
/* ARCHIVE LINKS (e.g. more) */
.archiveLink, .subscribeLink {font-weight: bold;}	
		
p.archiveLink {margin-top: -15px;}

/* BACK TO LINKS */
.backLink {
	background-position: 0 50%; 
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	}	

/* BUTTONS
--------------------------------------------------------------*/
.bttn {
	border-width: 1px;
	border-style: solid;
	margin: 0 0 5px 0;
	}
	
.bttnAll, .bttnIcon {
	background-position: 100% 50%;
	background-repeat: no-repeat;
	}	
	
.bttnSmall {
	width: auto;
	display: inline-block;
	}	
	
.bttnLarge {width: 18em;}
		
.bttn a, .bttn a:link, .bttn input {
	display: block;
	padding: 5px 30px 5px 8px;
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: bold;
	}
		
.pageWrap .bttn a, .pageWrap .bttn a:link {border:none;}		
		
.bttn input {
	background-color:transparent;
	cursor: pointer;
	width: 100%;
	border: none;
	}	
	
/* BUTTONS WITH TEXT */
.bttnText a, .bttnText a:link, .bttnText input {padding-right: 8px; text-align: center;}	
	
/* BUTTONS WITH AN ICON */
.bttnIcon {width: 32px; cursor: pointer;}

.bttnIcon a, .bttnIcon a:link, .bttnIcon input {
	text-indent: -999em;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-left: 0;
	padding-right:0;
	cursor: pointer;
	}
	
/* BUTTONS WITH TEXT AND ICON */
.bttnAll a, .bttnAll a:link, .bttnAll input	{
	background-repeat: no-repeat;
	background-position: 95% 50%;
	text-align: center;
	}
	
/* BOXES
--------------------------------------------------------------*/
.box {margin: 0 0 6px 0;}

/* content box (related content box)*/
.boxContent {padding: 1px 10px 10px 10px;}
.boxContent .boxTitle {margin-left: 10px; font-size: 1.250em;}
.boxContent ul {margin-left: -15px;}

/* feedback box */
.boxFeedback {
	font-size: 0.875em;
	background-repeat: repeat-y;
	background-position: 100% 0;
	margin: 30px 0 0 -10px;
	width: 540px;
	}
		
.boxFeedback .column {margin: 0;}
.boxFeedback .columnInner {padding: 10px 0 30px 0; margin-right: 5px;}

.boxFeedback .column1 {width: 305px;}
.boxFeedback .column1 .columnInner {margin-left: 20px;}
	
.boxFeedback .column2 {width: 225px;}
.boxFeedback .column2 .columnInner {padding-top: 59px; margin-left: 5px;}

.boxFeedback .column2 .bttn {float: left; margin-left: 45px;}
.boxFeedback p {font-style: italic;}
		
/* HERO BANNER
--------------------------------------------------------------*/ 
.hero {
	position: relative;
	margin: 0 0 40px 0;
	}
	
.heroTitle {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 3.333em;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	}	
	
.heroSummary {
	text-shadow: 0px 1px 0px #000000;
	opacity: 0.8;
	padding: 1px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 760px;
	}
	
.heroSummary p {margin-left:20px; margin-right: 20px;}	

.hero a, .hero a:link {border-bottom-width: 1px; border-style: solid;}	
.hero a:hover {border: none;}	
		
/* FEATURED TABS
--------------------------------------------------------------*/
.featureTabs {width: 680px;}
.featureTabsLarge {width: 710px; margin-bottom: 40px;}	

/* TAB LIST */
.featureTabs .tabsList {
    margin: 10px 0 0 0;
    float: right;
    width: 200px;
	position: relative;
	z-index: 2;
	}
	
.featureTabsLarge .tabsList {width: 210px;}	
	
.featureTabs .tabsList li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
	background: none;
       /* float:left; simon */
	}

.featureTabs .tabsList a, .featureTabs .tabsList a:link {
    position: relative;
    display: block;
    min-height: 30px;
    padding: 15px 20px;
	border-style: solid;
	border-width: 0 0 1px 0;
	outline: none 0;
	text-shadow: 0 1px 0 #fff;
	}
	
.featureTabs .tabItem4 a, .featureTabs .tabItem4 a:link {border: none;}	

.featureTabs .tabsList .ui-tabs-selected a, 
.featureTabs .tabsList .ui-tabs-selected a:link {
	font-weight: bold;
	margin: 0 0 0 -20px; 
	}
			
/* TAB BODY */
.featureTabs .tabBody {
    float: left;
    position: relative; 
	}

.no-js .featureTabs .tabBody.second,
.no-js .featureTabs .tabBody.third,
.no-js .featureTabs .tabBody.fourth,
.ui-tabs-hide {display: none;}

.featureTabs .tabBody img {
    margin: 0; 
    vertical-align: top;
    height: 410px !important;
	}

.tabBody .tabBar {
    position: absolute;
    bottom: 20px;
    left: -50px;
    width: 100%;
	z-index: 2;
	}
	
.tabBarInner p a, .tabBarInner h2 a {border:none; text-decoration:none;}


.featureTabsLarge .tabBody .tabBar {left: -20px;}	

.tabBody .tabBarInner {
    overflow: hidden;
    padding: 20px 50px;
	}
	
.featureTabsLarge .tabBody .tabBarInner {padding-left: 20px; padding-right: 20px;}	

.featureTabs .tabBody h2 {
	font-size: 150%;
	margin: 0 0 3px;
	font-weight: bold;
	font-family: arial, sans-serif;
	}

.featureTabs .tabBody ul {margin: 0;}

.featureTabs .tabBody li {
    padding: 0;
    margin: 0 5px 0 0;
    float: left;
    line-height: 1em;
	background: none;
	}
		    		
.featureTabs .tabBody li:last-child, 
.featureTabs .tabBody .last {border: none 0;}	

.featureTabs .tabBody p {margin: 0;}		

/* TABS ARCHIVE (more news, more events) */
.tabsArchive {
	border-width: 1px 0 0 0;
	border-style: solid;
	width: 190px;
	float: right;
	margin: 20px 0 0 0;
	padding: 20px 0 10px 10px;
	}
	
.tabsArchive li {
	margin: 0 10px 0 0; 
	padding: 0;
	background: none;
	float: left;
	}	
	
.tabsArchive .bttn a, .tabsArchive .bttn a:link {font-size: 0.999em;}	
	
/* TABS (horizontal)
--------------------------------------------------------------*/
.tabsList {
	font-size: 1.250em; 
	margin: 0;
	}

.tabsList li {
	margin: 0; 
	padding: 0; 
	background-image: none;
	position: relative;
        /*float:left;simon*/
	}	
	
.tabMenu .tabsList li{
float:left;
}


.tabsList a, .tabsList a:link {
	display: block;
	padding: 1em 11px;
	outline: none;
	}
	
.tabsList a:hover {border-bottom-width: 0;}		

.tabCurrent a:hover, .tabCurrent a:focus, .tabCurrent a:active {text-decoration: underline;}
	
.tabCurrent a:after {
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 5px;
	width: 10px;
	display: block;
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	}	
	
.js .tabs .tabHeader {
	position:absolute; 
	left: -999em;
	}
	
/* TABS FULL PAGE (news and events) */
.tabsFullPage .tabMenu {margin-bottom: 20px;}		

/* ACCORDION (hide/show boxes)
--------------------------------------------------------------*/ 
.accordion .block {margin-bottom: 20px;}
.accordion .blockInner {width: 330px;/* width must be set to prevent jerky animation on the boxes */ }	

.displayLink, .displayLink:link {
	padding: 0 0 0 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: inline-block;
	border-bottom-width: 1px;
	border-style: solid;
	}
	
.displayLink:hover {border-bottom-width: 1px;}	
		
/* FEATURED LISTING (News and Events pages)
--------------------------------------------------------------*/
.featureArticleTitle {
	font-size: 1.333em;
	margin-bottom: 0;
	}	
		
/* SEARCH RESULTS
--------------------------------------------------------------*/
.searchHeader, .searchFooter {border-style: solid;}

/* search header */
.searchHeader {border-width: 0 0 3px 0;}
.searchHeader .searchFields {width: 300px;}	
.searchHeader .textField {font-size: 1.333em;}

.resultsSummary {
	margin: 8px 0 10px 0;
	font-size: 1.333em; 
	float: left;
	}
	
.searchHeader .sort {margin-top: 8px;}		
	
/* search footer */
.searchFooter {
	border-width: 3px 0 0 0;
	padding-top: 40px;
	}
	
/* search list */
.searchList {margin:0;}

.searchList li {
	border-width: 0 0 1px 0;
	border-style: solid;
	background-image: none; 
	padding: 20px 0; 
	}
	
.searchList .last {border: none;}	
	
.searchList a, .searchList a:link {
	font-size: 1.333em; 
	border-bottom-width: 1px;
	border-style: solid;
	}
	
.searchList a:hover {border-bottom-width: 0;}	
		
.searchList .summary {
	margin: 5px 0 10px 0; 
	display: block;
	font-size: 1.083em;
	}

.searchList .url {
	font-style: normal; 
	font-size: 0.917em;
	}

/* PAGINATION
--------------------------------------------------------------*/
.pagination {
	margin: 0 0 20px 0;
	float: left;
	width: 50%; 
	}

.listBlock {display:inline-block; margin: 0;}

.listBlock li {
	background-image: none; 
	padding: 0; 
	margin: 0 5px 5px 0; 
	display: inline-block;
	}
	
.listBlock a, .listBlock a:link, .currentItem {
	padding: 3px 10px; 
	display: block; 
	text-align: center;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	}
	
.listBlock .control1 a, .listBlock .control1 a:link,
.listBlock .control2 a, .listBlock .control2 a:link {padding:3px 0; border: none;}

.listBlock .control1 {margin-right: 15px;}
.listBlock .control2 {margin-left: 10px;}

/* SORTABLE CONTROLS
--------------------------------------------------------------*/
.sort {float: right;}
	
.sort p {
	font-size: 1.083em; 
	display:inline-block;
	margin: 3px 10px 0 0;
	}
	
.sort .listBlock li {
	margin-left: 5px; 
	margin-right: 0;
	}	

/* HOMEPAGE
--------------------------------------------------------------*/
/* SEGMENT 1 LAYOUT (upper portion of the page) */
.segment1 {margin-bottom: 0px;}

.sideWrapRight .segment1 .contentWrap2 {margin-right: -285px;}
.sideWrapRight .segment1 .section {margin-right: 255px;}
.sideWrapRight .segment1 .sideWrap2 {width: 250px; margin: 0; border-bottom: 5px solid #ded9d5; height: 470px; overflow: hidden; }

.homepage .segment1 {
	background-position: 100% 0;
	background-repeat: repeat-y;
	margin-right: 10px;
	}
	
.homepage .segment2 {margin-bottom: 40px;}	

/* CONTENT STYLES */
.homepage blockquote {margin-top: 0;}
.homepage blockquote p {padding: 0;}
.homepage .columnTriple img {margin-bottom: 10px;}

/* EVENTS LANDING PAGE
--------------------------------------------------------------*/

/* EVENTS CONTENT HEADER (page title and back to link)*/
.contentHeader {margin: 0 20px;}
.contentHeader h1, .contentHeader .backLink {float: left;}
.contentHeader .backLink {margin-top: 1.6em; margin-left: 35px;}

/* SEGMENT 1 (upper portion of the page)*/
.events .contentWrap {
	background-position: 100% 0; 
	background-repeat: repeat-y; 
	margin-right: -30px;
	}
.events .segment1 {margin-bottom: 40px;}
.events .segment1 .sideWrap2 {width: 220px; margin-right: 30px;}

/* SEGMENT 2 (lower portion of the page)*/
.events .segment2 {
	background-repeat: repeat-y; 
	background-position: 0 0; 
	margin-left: -30px; 
	}
	
.events .segment2 .contentWrap1 {margin-left: -300px;}

.events .segment2 .sideWrap1 {
	width: 200px; 
	margin-left: 40px; 
	position: relative;
	}	

.events .segment2 .section {
	margin-left:290px; 
	margin-right: 20px;
	}
	
/* EVENTS CALENDAR
--------------------------*/
.eventsCalendar .calendarControls {margin: 0 10px 15px 10px;}

.calendarControls h4 {
	font-size: 1em;
	margin: 0 40px;
	text-align: center;
	}

.calendarBttns li {background-image: none; padding: 0;}
.calendarBttns .control {position: absolute; top: 0.25em;}
.calendarBttns .control1 {left: 10px;}
.calendarBttns .control2 {right: 10px;}
.calendarBttns .control1 .bttnIcon {background-position: 50% 50%;}

.calendarControls .monthTitle {
	display: block;
	margin: 0 0 5px 0;
	}

.eventsCalendar table {
	font-size: 0.833em;
	width: 178px;
	}

.eventsCalendar th, 
.eventsCalendar td {
	padding: 4px; 
	border-width: 0 0 1px 0; 
	text-align: center;
	}

.eventsCalendar td {border-width: 1px;}
.eventsCalendar .monthSeparator td {border-top-width: 4px;}
.eventsCalendar td a, .eventsCalendar td a:link {border-bottom-width: 1px; border-style: solid;}
.eventsCalendar td a:hover {border-bottom-width: 0;}

/* EVENTS FILTERS 
--------------------------*/
.eventsFilter .formTitle {margin-top: 0; margin-bottom: 0;}

.eventsFilter .formItem {
	width: auto; 
	border-left: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.eventsCalendar table,
.eventsFilter .formTitle,
.eventsFilter .formCheckboxList label, 
.eventsFilter .formControls .bttn {margin-left: 10px;}

.groupEventType .formCheckboxList .eventCategory {background-position: 25px 0;}
.groupEventType .formCheckboxList input {margin-right: 30px;}

.eventsFilter .formControls {margin-top: 20px;}
.eventsFilter .formControls .bttn {width: 178px;}

/* EVENTS LISTING 
--------------------------*/

/* WEEK AND MONTH FILTERS */
.eventsListing .tabsList a, 
.eventsListing .tabsList a:link {padding-top: 4px; padding-bottom: 4px;}

.eventsListingControls {
	border-width: 0 0 1px 0; 
	border-style: solid;
	position: relative;
	min-height: 6.5em;
	}
	
.eventsListingControls .formSelect {width: 300px; margin: 10px auto;}	
.eventsListingControls .formSelect select {font-size: 1.500em; width: auto;}
.eventsListingControls .formSelect .bttn {float: left;}

.eventsListingControls .paginationControls li {background-image: none;}
.eventsListingControls .paginationControls .control {
	position: absolute; 
	top: 15px; 
	padding: 0; 
	width: 130px;
	background-repeat: no-repeat;
	}
	
.eventsListingControls .paginationControls .control1 {
	left: 0; 
	text-align: left; 
	padding-left: 25px;
	background-position: 0 50%;
	}
	
.eventsListingControls .paginationControls .control2 {
	right: 0; 
	text-align: right; 
	padding-right: 25px;
	background-position: 100% 50%;
	}
	
.eventsListingControls .paginationControls a, 
.eventsListingControls .paginationControls a:link {font-size: 1.083em;}	

/* LIST OF EVENTS
--------------------------*/
.eventsListingBody .eventDay {margin-top: 2em; margin-bottom: 0.5em;}

.eventsListingBody .listing {border-width: 0 0 1px 0; border-style: solid;}
.eventsListingBody .listingLast,
.eventsListingBody .listing li {border: none;}

.eventsListingBody .listImage {margin-left: 10px;}
.eventsListingBody .listInner1 {margin-left: 300px;}

.eventsListingBody .summary {margin-top: 1em; font-size: 1.000em;}
.eventsListingBody a, .eventsListingBody a:link {font-size: 1.333em;}

/* EVENTS CATEGORIES */
.eventCategory {background-position: 0 0; background-repeat: no-repeat;}

.eventsListingBody .eventCategory {width: 120px; float: left; padding-left: 30px;}
.eventsListingBody .eventCategory p {margin: 0 0 5px 0;}

/* DOCUMENT LISTING PAGE
--------------------------------------------------------------*/
.docListHeader {margin:0 0 0 10px;}
.docListHeader h1 {float: left; width: 330px;}
.docListHeader form {float: right;}
.docListHeader .searchFields {margin-top: 1em; margin-right: 10px;}
.docListHeader .searchFields .textField {width: 290px;}

/* document lists */
.docList {margin-left: 0;}

.docList li {
	padding-left: 20px;
	background-position: 0 0.2em;
	}
	
.docList .summary {margin-top: 0.5em;}	

.docList a, .docList a:link {border-bottom-width: 1px; border-style: solid;}
.docList a:hover {border-bottom-width: 0;}

/* NEWS AND EVENTS PAGE 
--------------------------------------------------------------*/
.landingPage1 h2 {font-size: 2.083em; margin-bottom: 0.6em;}
.landingPage1 .listing1 {border-width: 1px 0 0 0; border-style: solid;}



#calendar
{
float: right;
width: 230px;
padding-left: 30px;
}


#calendarResults
{
width: 730px;
}


#calinfo
{
float: left;
}


/* SD corrections to news-events-blogs tab on homepage */

.listInner2 img {display:none;} /* hide any images brought across by RSS feed */
.listInner2 div {display:none;} /* hide any divs brought across by RSS feed */

.featureTabs .tabsList li a { 
cursor:text;
text-decoration:none;}
.tabBarInner p a { cursor: text; }
.titleLink {height:50px; padding-right:25px;}

li.noBullet { background-image: none }

.carouselItem
{
cursor: hand !important;
cursor: pointer !important;
}

.columnHeader
{
font-size: 2em;
}