/*increase width to fill all available space 
#centerColumnWide {margin-right:16px; padding-top:4px; *margin-top:0;} */
#centerColumnWide li {list-style-type:none}

/* move right column down */
#rightColumn {padding-top:325px}

/*styles for tabs with and without JS*/
.tabs, .tabs div {position:relative; overflow:hidden;}

.tabs div, .tabsjs {margin-bottom:15px;}

#centerColumnWide {padding-top: 2px;}

#lower #centerColumnWide .tabs ul {font-size:16px; height:24px; margin:0; padding-left:1px; border-top:1px solid #cccccc; border-bottom:1px solid #5B8826; background-color:#d6eac9; width:795px;}

#lower #centerColumnWide .tabs ul li {font-size:0.875em; line-height:1em; padding:0 0.8%; *padding:0 0.6%; margin:4px 0 6px 0; border-right:1px solid #cccccc; background:none; float:left; word-spacing:-0.1428571428571429em; letter-spacing:-0.0071428571428571em;}
#lower #centerColumnWide .tabs ul li:last-child {border:none;}

#lower #centerColumnWide .tabs ul li a { text-decoration:none;}

.tabs div {position:relative; clear:both; font-size:16px;}

#lower #centerColumnWide .tabs h3 {font-size:1em; padding-top:5px; margin-left:1.5%; margin-bottom:5px; border:none;}

#lower #centerColumnWide .tabs p {position:absolute; bottom:10px; left:10px; margin:0; padding:0; top: 200px; width:775px; height:70px; font-size:1.45em; line-height:1.25em;  /*background-color:rgba(0,0,0,0.5);*/ background:url('transparent-bg.png') transparent repeat;}
#lower #centerColumnWide .tabs p a, #lower #centerColumnWide .tabs p a:link, #lower #centerColumnWide .tabs p a:visited {color:#D6EAC9; display:block; text-decoration:none; width:765px; height:60px; padding-left:10px; padding-top:8px;font-weight:normal;} 
#lower #centerColumnWide .tabs p a:focus {text-decoration:underline;}
#lower #centerColumnWide .tabs p span {display:block; font-size:0.6666em; line-height:1.875em; padding-right:35px; background:url("white-tripple-arrow.gif") right 0.6875em scroll no-repeat transparent; font-weight:bold; width:7.25em;}

#lower #centerColumnWide .tabs img {float:none; margin:0;}

/*temp rule - need to figure out why CMS is outputting two additional empty <p> tags*/
#lower #centerColumnWide .tabs p {display:none;}
#lower #centerColumnWide .tabs p.caption {display:block;}

.tabsjs {*height:301px;}

#lower #centerColumnWide .tabsjs ul li.active {background-color:#5B8826; margin:-1px 0 0 -1px; padding:5px 0.8% 6px 0.8%; *padding:5px 0.6% 6px 0.6%;}

#lower #centerColumnWide .tabsjs ul li.active a {color:#ffffff;}

.tabsjs div {display:none; margin-bottom:0; *z-index:1; *position:absolute; *bottom:0; *left:0;}
.tabsjs div.active, .tabsjs div div {display:block;}

.tabsjs div h3 {display:none;}
.tabsjs .next {z-index:-1; position:absolute; bottom:0; left:0; display:block; margin-bottom:0;}


/*flexible left-hand column*/
#left {margin-bottom:15px; margin-right:392px; float:left;}

/*fixed width right-hand column*/
#right {width:376px; margin-left:-376px; float:left;}

/**/
#right>div {float:left; padding-bottom:15px;}

#centerColumnWide #left h3:first-child, #centerColumnWide #right h3:first-child {border-top:none; padding-top:0;}
div#centerColumnWide #left ul li, div#centerColumnWide #right ul li {background:url("/web/multimediafiles/arrow_list_bullet.png") no-repeat scroll 5px 0.4em transparent; padding-left:18px;}

/*Blog links*/
.blog-links {padding-bottom:10px;}
.blog-links p {margin-bottom:0;}
div#lower div#centerColumnWide .blog-links img {float:none; margin:-3px 0 0 3px;}

/*fix contact box elements that are no longer picking up core styles*/
#right #rightColumn {margin:0; padding:0 0 15px 16px;}

#centerColumnWide #right div.inner ul li {background:url("http://www.reading.ac.uk/web/templates/standard_files/arrow_list_bullet.gif") no-repeat scroll 0 0.2em transparent;}

#lower #centerColumnWide div.inner ul li a:link {text-decoration:none;}
#lower #centerColumnWide div.inner ul li a:focus, #centerColumnWide div.inner ul li a:hover {text-decoration:underline;}

#centerColumnWide div.inner ul.social-media li {padding-left:22px;} 

.social-media:last-child {margin-bottom:0;}

/*promo box*/
div#promo {margin-top:15px; padding-top:10px;}
div#promo p strong {font-size:20px; line-height:1.2em; font-weight:normal;}
div#promo p {line-height:1.62381157290508em; padding:0 10px 10px 10px;}
div#promo p a:link, div#promo p a:visited {font-size:100%; line-height:1.62381157290508em; display:inline; text-decoration:underline;}
div#promo img {margin:-10px 0 10px -10px; display:block;}

/*word wrap fix*/
#centerColumnWide p, #centerColumnWide li {word-wrap:break-word;}