/*  ed1847  */

.TextArea img[align=right] {
	padding:0 0 0 15px;
	margin:10px 0 10px 10px;
	border-left:1px solid #ed1847;
}

/********************** HEADER **********************/
	
#Header {
	height:81px;
	padding:20px 0;
	position:relative;
}
	#Header img {
		float:left;
	}
	#Header strong {
		position:absolute;
		bottom:20px;
		right:0;
		font-size:48px;
		font-weight:normal;
		color:#ed1847;
	}
	#Header span {
		position:absolute;
		top:20px;
		right:0;
		font-size:14px;
	}
	
#Navigation {
	background:#ed1847;
	padding:8px 14px;
	margin:0 0 20px 0;
	font-size:14px;
}
	#Navigation a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#Navigation a:hover {
		text-decoration:underline;
	}


/********************** BODY **********************/

#Home, #Home p {
	font-weight:bold;
}	
#Home h1 {
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

#OffTheWall {
	float:left;
	width:525px;
	background:url(/templates/images/main/off-the-wall-980.gif) no-repeat;
	height:285px;
	padding:70px 30px 0 435px;
	margin:0 0 35px 0;
}
/*
#OffTheWall {
	float:left;
	width:285px;
	background:url(/templates/images/main/off-the-wall.gif) no-repeat;
	height:285px;
	padding:70px 20px 0 425px;
	margin:0 20px 35px 0;
}
*/
	#OffTheWall p {
		font-size:28px;
		line-height:40px;
		color:#36c2da;
	}
	
#JustGiving {
	float:left;
	width:230px;
	height:320px;
	padding:35px 0 0 0;
	margin:0 0 35px 0;
}

#SoMe {
	height:246px;
	width:480px;
	background:#ed1847;
	float:left;
	margin:0 20px 0 0;
}
	#Tweets ul {
		padding:40px 0 0 0;
		line-height:22px;
	}
	#Tweets {
		height:150px;
		border-bottom:1px solid #FFFFFF;
		background:url(/templates/images/main/twitter-bird.png) no-repeat 400px 30px #242f2f;
		color:#fff;
		padding:20px;
		font-size:16px;
	}
	#Tweets a {
		color:#FFFFFF;
	}
	#Follow {
		font-size:24px;
		text-decoration:none;
	}

#FollowUs {
	display:block;
	padding:20px 0 0 20px;
	float:left;
	color:#fff;
}

#SoMeIcons {
	display:block;
	padding:14px 20px 0 0px;
	float:right;
}
	#SoMeIcons li {
		display:inline;
	}

.Panel {
	margin:0 0 20px 0;
	float:left;
}

table#EventsTable {
	border-collapse:collapse;
	border:1px solid #333;
	font-size:12px;
	text-align:left;
}
	table#EventsTable th { 
		background:#333;
		color:#fff;
	}	
	table#EventsTable td {
		border-collapse:collapse;
		border:1px solid #ccc;
		word-wrap: break-word;
	}


/**** Inside ****/

#SideBar, #SideBarOffTheWall {
	float:left;
	width:230px;
	padding:0 0 20px 0;
}
	#SideBar ul {
		padding:0 0 20px 0;
	}
		#SideBar ul li {
			padding:0 0 4px 0;
		}
			#SideBar ul li a {
				display:block;
				padding:8px 12px;
				background:#e5e5e5;
				color:#000;
				text-decoration:none;
			}
			#SideBar ul li a:hover {
				background:#000;
				color:#fff;
			}
			
#Content {
	width:730px;
	float:right;
	padding:0 0 20px 0;
}
			
#Breadcrumb {
	min-height:10px;
	height:auto !important;
	height:10px;
	font-size:12px;
	padding-bottom:5px;
}
	#Breadcrumb ul li {
		background-image:url(/templates/images/breadcrumb.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 4px 0 12px;
		display:inline;
		margin-right:2px;
	}
		#Breadcrumb ul li a {
			color:#ed1847;
			text-decoration:none;
			background-color:#FFFFFF;
		}		
		#Breadcrumb ul li a:hover {
			text-decoration:underline;
			border:none;
		}
		#Breadcrumb ul li.selected a {
			color:#999999;
		}



/* New June Homepage */

#HomeJune {
	overflow:hidden;
}
	.HomeInside {
		width:1004px;
	}

#HomeJune h1, #HomeJune h2 {color:#ed1847;font-size:32px; margin:10px 0 21px 0;}

#OffTheWall {
	float:left;
	width:525px;
	background:url(/templates/images/main/off-the-wall-980.gif) no-repeat;
	height:285px;
	padding:70px 30px 0 435px;
	margin:0 0 35px 0;
}
	#OffTheWall p {
		font-size:28px;
		line-height:40px;
		color:#36c2da;
	}

#HomeText {
	border-bottom:1px solid #cef0f6;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}	
	#HomeText h3 {
		margin:0 0 14px 0;
	}
	
.Col1 {
	width:230px;
	padding:0 20px 0 0;
}
.Col2 {
	width:480px;
	padding:0 20px 0 0;
}
.Col3 {
	width:730px;
	padding:0 20px 0 0;
}
.Col4 {
	width:980px;
	padding:0 0 0 0;
}

.Col1, .Col2, .Col3, .Col4 {
	padding:0 20px 0 0;
	margin:0 0 20px 0;
	float:left;
}

#HomeMain {
	background:url(/templates/images/main/cag-home-art-gallery.jpg) no-repeat;
	height:325px;
	position:relative;
}
	#HomeMain div {
		position:absolute;
		bottom:0;
		background:#fff;
		background:rgba(255,255,255,0.8);
		width:460px;
		padding:10px;
	}
	#HomeMain div p {
		font-size:13px;
		line-height:19px;
	}
	#HomeMain div p strong {
		color:#990000;
		font-size:15px;
	}

#Exhibitions {
	border-top:1px solid #cef0f6;
	padding:20px 0 0px 0;
	margin:0 0 20px 0;
	position:relative;
	border-bottom:1px solid #cef0f6;
}
	#ExhLinkbitions h2 {
		position:absolute;
		top:-60px;
		left:0;
	}
	
	#Exhibitions div {
		position:relative;
	}
	#Exhibitions div a.ExhLink 
	{
	    display:block;
	    text-decoration:none;
	}

/*	#Exhibitions div a.ExhLink {
		position:absolute;
		bottom:0;
		padding:12px 10px;
		width:210px;
		display:block;
		background:#ed1847;
		color:#FFFFFF;
		text-align:center;
		text-decoration:none;
	}
*/
	
#HomeExtra {
	background:url(/templates/images/main/home-extra.gif) repeat-y 240px 0;
	margin:15px 0 0 0;
}
	#HomeExtra h3 {
		margin-top:0;
	}
	#HomeExtra p {
		font-size:13px;
		line-height:18px;
	}

#HomeHighlight {
	padding:0 0 30px 0;
}
#HomeHighlight .Highlight {
	padding:20px;
	border-top:1px solid #999;
	margin:0;
	border-bottom:none;
	background:#f5f5f5;
}
	#HomeHighlight .Highlight h3 {
		margin:0 0 10px 0;
	}
	#HomeHighlight .Highlight p {
		margin:0 0 0 0;
	}
	
.Highlight {
	border-bottom:1px solid #cef0f6;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

/* Highlight tab */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#Tab1Content 
{
    z-index:100000;
}

ul#Tabs {
}

#WhatsNewsBox {
	height:246px;
}

#WhatsNewsBox #Highlights {
	background:#e3e3e3;
	height:206px;
}


#WhatsNewsBox {
	position:relative;
}
#WhatsNewsBox h2 {
	height:40px;
	font-size:24px;
	line-height:40px;
	border-bottom:1px solid #ed1847;
	padding:0;
	margin:0;
	color:#ed1847;
}
#WhatsNewsBox ul {
	position:absolute;
	top:20px;
	right:5px;
}
	#WhatsNewsBox ul li {
		width:30px;
		height:20px;
		float:left;
		display:block;
		margin:0 0 0 5px;
	}
		#WhatsNewsBox ul li a {
			width:30px;
			height:20px;
			display:block;
			background:#e3e3e3;
		}
		#WhatsNewsBox ul li.ui-tabs-selected a {
			background:#ed1847;
		}
		
#WhatsNewsBox .Highlight {
	position:absolute;
	background:#e3e3e3;
	padding:15px 15px 0 15px;
	border:none;
}

#WhatsNewsBox .Highlight h3 {
	padding:0 0 6px 0;
	margin:0;
	color:#202020;
}

#WhatsNewsBox .Highlight p {
	color:#202020;
	font-size:14px;
}

#WhatsNewLink {
	display:block;
	padding:7px 10px;
	background:#ed1847;
	color:#FFFFFF;
	position:absolute;
	bottom:10px;
	left:15px;
	text-decoration:none;
}

/*Jan 12 Home Styles*/

#HomeContent {
	width:980px;
}
#HomeContent h1 {
	color:#e1004b;
}
#HomeContent p {
	font-size:19px; line-height:28px; 
}
#HomeContentOffTheWall {
	background:#F1FAF9; padding:20px; height:146px; margin:0 0 20px 0;
}
#HomeContentOffTheWall p {
	font-size:15px; line-height:23px;
}
#HomeContentWebCam {
	width:430px; clear:both; height:40px; line-height:40px; background:url(/Templates/images/webcam-light.png) no-repeat 14px center #ed1847; display:block; padding:0 0 0 50px; color:#fff; text-decoration:none;
}
#HomeContentNewFuture {
	width:500px; overflow:hidden;
}


#HomeNewsHighlight {
	padding:15px;
	background:#e3e3e3;
	border-top:1px solid #ED1847;
	margin:10px 0;
}
#HomeNewsHighlight h3 {
	font-size:20px;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
	color:#ED1847;
}
#HomeNewsHighlight h3 a {
	color:#ED1847;
	text-decoration:none;
}
#HomeNewsHighlight p {
	font-size:16px;
	line-height:22px;
	color:#333;
	padding:0;
	margin:0;
}