﻿#news
{
    left:0px;
    width:1000px;
    height:200px;
    float:left;
    position:relative;
    top:10px;
    background-color:#f3f3f3;
}

#news .title 
{
    font-size:16px;
    color:#999;
    line-height:35px;
}

/*
	Load CSS before JavaScript
*/
		
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
	width:1000px;
	display:none;
	height:200px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div.slide {
	width:1000px;
	height:200px;
	display:block;
}
		
/*
	Set the size of your carousel items
*/
.item1 {
	float:left;
	width:350px;
	height:200px;
	margin:0;
}

.item1 img{
    border-radius:5px;
}

.item2 {
	float:left;
	width:600px;
	height:200px;
	margin:20px;
}

		
/*
	Pagination
*/

.pagination {
	margin:0;
	z-index:10;
	position:relative;
	left:-20px;
}
        
.pagination li {
	float:left;
	margin:0;
	list-style:none;
}
.pagination li a {
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('/Content/img/pagination.jpg');
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
		
#activitystream, #visitsstream
{
    position:relative;
    top:60px;
    float:left;
    width:1000px;
    display:inline;
    background-repeat:repeat-x;
    background-position:bottom;
    background-image:url('/Content/client1/img/activitystream/bottom2.jpg');
}


#latestnews,#upcomingevents,#latestpublications, #externals, #internals, #invitation
{
    width:305px;
    margin-left:10px;
}

#latestnews, #externals
{
    float:left;
}
#upcomingevents, #internals
{
    float:left;
    margin-left:40px;
}

#latestpublications, #invitation
{
    float:right;
}

#latestnews a ,#upcomingevents a, #latestpublications a, #externals a, #internals a
{
    color:Black;
    display:block;
    width:255px;
    padding-right:15px;
    background-image:url('/img/arrow.jpg');
    background-repeat:no-repeat;
    background-position:right 1px;
}

#latestnews a:hover ,#upcomingevents a:hover, #latestpublications a:hover, #externals a:hover, #internals a:hover
{
   color:#EE3524;
}

#activitystream, #visitsstream
{
    background-repeat:repeat-x;
    background-position:bottom;
    background-image:url('/Content/client1/img/activitystream/bottom2.jpg');
}

#activitystream ul, #visitsstream ul
{
    list-style-type: none;
    margin:0;
    padding-left:18px;
}

#activitystream ul li, #visitsstream ul li
{
    padding-bottom: 20px;
}

.txt
{
    padding-left:15px;
    padding-right:15px;

}

/* V2*/

#activitystreamv2
{
    position:relative;
    top:60px;
    width:1000px;
    display:inline;
}
#activitystreamv2 #bread
{
    padding-bottom:10px;
}

#activitystreamv2 a {
    color:black;
}

#activitystreamv2 a:hover {
    color:#EE3524;
}


#activitystreamv2 ul
{
    list-style-type: none;
    margin:0;
    padding:0;
}

#activitystreamv2 ul li
{
    padding-bottom: 20px;
}
#blogpostsv2
{
    width:665px;
    padding-right:60px;
    display:inline-block;
    vertical-align:top;
}
#blogpostsv2 .title
{
    color:#7C6A55;
}
.blogpostimage {
    width:120px;
    height:150px;
    border-radius:5px;
    overflow:hidden;
    float:left;
    margin-bottom:20px;
    margin-right:20px;
}
.blogpostimage img {
    width:100%;
}
#blogpostsv2 li, #events li
{
    margin-bottom:20px;
    clear:left;
}

#rightactivitystream {
    width:240px;
    display:inline-block;
}
#events {
    margin-bottom:60px;
}
.eventdate
{
    background-color:#EE3524;
    color:white;
    padding:20px 10px;
    border-radius:5px;
    font-weight:bold;
    float:left;
    margin-bottom:20px;
}
.eventtext
{
    padding-left:60px;
}
#events li {
    margin-bottom:20px;
}
.tweetimage {
    float:left;
    padding-top:10px;
    padding-left:15px;
}
.tweettext {
    padding-left:60px;
}
.more 
{
    text-align:right;
}

