/*
	a4a.css
	James Offer, March 2007
	Crystal Hirschorn, March 2007
*/

p {margin: 20px 5px 0 5px;}

h2 {margin-left: 0px !important;}

#wrapper{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
}

#pagecontent{
	padding:0px !important;
	margin:0px !important;
	width:100% !important;
	position:relative;
	background-color:#f3f0dd;
}

#breadcrumb{
	margin:5px 0 15px 0;
}

div#main-header{height:91px; width:100%; background:url(/partnerprojects/a4a/images/bg-header.gif) center top; text-align:center; overflow:hidden;}

div#main-header h1{width:100%; height:100px; background:url(/partnerprojects/a4a/images/bg-main-banner.jpg) center top no-repeat; text-indent:-1000em;}

div#main-header h1 a{width:100%; height:100px; background:url(/partnerprojects/a4a/images/main-banner.gif) center top no-repeat; display:block;}

div#sub-menu{
	background:url(/partnerprojects/a4a/images/bg-menu-teal.gif) center center repeat-x;
	clear:both;
	margin:0;
	width:100%;
	height:2em;
}

div#sub-menu ul{
	list-style:none;
	list-style-type:none;
	margin:auto;
	width:44em;
	padding:0 !important;
	text-align:center;
}

div#sub-menu ul li{
	float:left;
	overflow:hidden;
	background:url(/partnerprojects/a4a/images/bg-menu-teal.gif) center center repeat-x;	
	height:2em;
}

div#sub-menu ul li:hover{
	background:url(/partnerprojects/a4a/images/bg-teal-menu-hover.gif) center center repeat-x !important;
	height:2em;
}

div#sub-menu ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0 20px 0 20px;
	line-height:1.4em;	
}

body.home div#sub-menu ul li.home, body.about div#sub-menu ul li.home, body.projects div#sub-menu ul li.projects, body.projectpage div#sub-menu ul li.projects, body.links div#sub-menu ul li.links, body.whats-on div#sub-menu ul li.whats-on, body.contact-us div#sub-menu ul li.contact-us{
	background:url(/partnerprojects/a4a/images/bg-teal-menu-selected.gif) center center repeat-x;
}

div#sub-menu ul li a:hover{
	background:url(/partnerprojects/a4a/images/bg-teal-menu-hover.gif) center center repeat-x;
}

div.breakout{
	width:415px;
	background:url(/partnerprojects/a4a/images/home-panel-top.gif) top left no-repeat;
	padding:15px 0 0 0;
	_padding:25px 0 0 0; /* good old ie6 */
	margin: 20px 0 20px 0;
	overflow:hidden;
}

div.breakout-body{
	margin:5px 0 0 0;
	padding:0px 30px 30px 20px;
	_padding: 0px 10px 30px 6px;
	background:url(/partnerprojects/a4a/images/home-panel-bottom.gif) bottom left no-repeat;
	color:#37302a;
	font-style:italic;
	font-size:90%;
	overflow:visible;
}

div.breakout-quote{
	background:url(/partnerprojects/a4a/images/quote-top.gif) top left no-repeat;
	padding:0 60px 0 32px;
	position:relative;
}

div.breakout-quote p{
	padding:0 30px 0 0;
	margin-right: 35px;
	background:url(/partnerprojects/a4a/images/quote-bottom.gif) bottom right no-repeat;
}

div.breakout-quote a#breakout-image{
	position:absolute;
	top:0px;
	left:270px;
	_left:270px;
}

div.breakout-quote a#breakout-link{
	padding:0 0 0 3em;
	font-style:normal;
	font-weight:bold;
	font-size:115%;
}

/* specific content layouts */

#content{
	width:772px;
	margin:auto;
	font-size: 110%;
}

#content h2 {color:#37302A;}

body.a4a.home #content{
	background:url(/partnerprojects/a4a/images/bg-home-content.jpg) top left no-repeat;
}

body.a4a.projects #content{
	background:url(/partnerprojects/a4a/images/bg-projects-content.jpg) top left no-repeat;
	min-height: 450px;
}

#home-intro{
	margin: 20px 0 20px 330px;
	width:442px;
	overflow:hidden;
}

#project-intro {
	margin: 20px 0 0px 260px;
	width: 500px;
}

#project-intro h2 {color: #362F29; font-size: 120%; margin: 10px 0 0 40px;}

#project-intro h2 a:hover {color:#E2D186;}

#topic-content{width: 450px; background-color: #FFFBFB; border: solid 1px #CA110E; float: right; margin: 5px 0px 20px 0px; _margin-left: 20px; padding: 10px 20px 20px 20px;}
#full-content {width: 600px; background-color: #FFFBFB; border: solid 1px #CA110E; float: right; margin: 20px 10px 20px 20px; padding: 10px 20px 20px 20px;}
#topic-content h2, #full-content h2 {background:URL(/partnerprojects/a4a/images/header-divide.gif) bottom left repeat-x; padding-bottom: 10px;}
#full-content h3 {font-size: 120% !important; margin-left: 10px; color: #4D4339;}

#project-container {padding: 10px 0 0 10px !important; margin-top: 10px; width: 94%; background-color: #fff; border: solid 1px #CA110E;}

div.pagewithimage {width: 40%; float: left; margin-top: 1em;}

div.panel {width: 50%; margin: 5px 15px;  float: right; padding-top: 1em; margin-top: 2em;}
div.photocaptionpanel {color: #503838 !important;}


#topic-list{
	width:560px;
	float:none;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	list-style:none !important;
	list-style-type:none;
}

#topic-list li{
	width:147px;
	background:url(/partnerprojects/a4a/images/red-button.gif) bottom left no-repeat;
	float:left;
	overflow:hidden;
	margin:0 10px 10px 0;
}

#topic-list li.top-row{
	background:url(/partnerprojects/a4a/images/red-button.gif) top left no-repeat !important;
	margin: 0 0 0 10px;
}

#topic-list li.end-row{
	margin-right:0px !important;
}

#topic-list li h2 {
	text-align:center;
	padding:5px 0 15px 0 !important;
	margin:0;
}

#topic-list li h2 a{
	color:#FCF9EC;
	font-size: 100%;
	text-decoration:none;
	background:url(/partnerprojects/a4a/images/projects-arrow2.gif) center right no-repeat;	
	padding:0 14px 0 0;
}


.project-list{
	width:35%;
	float: left;
}

.project-list li {list-style: square; color: #CA110E; padding: 0px 0px 4px 0px; margin:0 0 5px 0px;}

.project-list li a:hover{
	color:#CA110D;
}

.project-list li a{
	color:#000;
}