@import url(br_general.css);
@import url(br_type-color.css);

/*----------------------------------------------------------------------------*/
/*                                                                            */
/* Copyright (c) 2009 by color:gray. All Rights Reserved.    	              */
/*                                                                            */
/* CSS        : br_layout.css                                                 */
/*                                                                            */
/* Description: Layout rules for branch out site                              */
/*                                                                            */
/*----------------------------------------------------------------------------*/

/* Wrapper settings
---------------------------------*/
div#page_wrapper {
	position: relative;
	width: 875px;
	margin: 24px auto;
}
div#content_wrapper {
	position: relative;
	width: 100%;
	min-height: 581px;
	background: url(../images/stem.jpg) no-repeat;
	z-index: 10;
}

/* Identity
---------------------------------*/
div#identity {
	position: relative;
	width: 100%;
	height: 182px;
	z-index: 20;
}
div#identity h1 {
	width: 303px;
	height: 182px;
	background: url(../images/BranchOutlogo.jpg) no-repeat;
	text-indent: -9999px;
}
div#identity blockquote {
	position: absolute;
	top: 176px;
	left: 103px;
}
div#identity blockquote p {
	margin: 0px;
}
div#identity blockquote ul {
	margin: -14px 0 0 16px;
}

/* Main nav
---------------------------------*/
div#main_nav {
	position: absolute;
	left: 303px;
	top: 82px;
	width: 509px;
	height: 95px;
	padding-top: 29px;
	text-align: center;
	background: url(../images/navBG2.jpg) no-repeat;
}
#main_nav /* #main_nav nomenclature is present in order for swfobject to function */ {
	position: absolute;
	left: 303px;
	top: 82px;
	width: 509px;
	height: 95px;
	z-index: 30;
}
div#main_nav li {
	display: inline;
}

/* Content layout
---------------------------------*/
div#home_content {
	padding: 31px 70px 12px 149px;
	/*background: url(../images/blogHomeBG.jpg) no-repeat 154px 21px;*/
}
div#gallery_content p {
	padding: 87px 160px 16px 212px;
}
div#about_content {
	padding: 51px 70px 16px 140px;
	background: url(../images/bioBG3.jpg) no-repeat 526px 0px;
}
div#present_content {
	padding: 51px 70px 16px 140px;
	background: url(../images/blogBG.jpg) no-repeat 210px 21px;
}
div#laurels_content {
	padding: 51px 0 16px 140px;
}
div#publications_content {
	padding: 51px 70px 16px 140px;
}
div#contact_content {
	padding: 64px 70px 24px 145px;
}
div#success-fail_content {
	padding: 138px 120px 24px 216px;
}

/* Content specific
---------------------------------*/
#slideHolder /* for home page flash slide show */ {
	position: relative;
	left: -8px;
}
div#home_content ul#iconline {
	border-top: 1px dotted #330;
	margin-top: 16px;
	padding-top: 12px;
}
div#home_content ul#iconline li {
	display: inline;
	padding-right: 4px;
}
div#about_content p#par1 {
	padding-right: 198px;
}
div#present_content div.newsEntry {
	clear: both;
	margin: 0 0 -12px 0;
}
div#present_content div.photoSpot {
	float: left;
	margin-right: 5px;
}
div#present_content h3, div#laurels_content li, div#publications_content li {
	border-top: solid 1px #C9C5B4;
	padding-top: 10px;
}
div#present_content img.textimage-3 {
	margin: 0 153px -2px 62px;
}
div#laurels_content p em {
	font-style: italic;
}
div#laurels_content li {
	width: 552px;
}
div#laurels_content .textimage-3 {
	margin: -12px 0 -2px 62px;
}
div#publications_content ul {
	padding-bottom: 12px;
}
div#publications_content li, div#publications_content img {
	clear: both;
}
div#publications_content li img {
	float: left;
	margin-right: 12px;
	border: solid 1px #D2AB0F;
}
div#publications_content li a:hover img {
	border: solid 1px #000;
}
div#publications_content li {
	margin: 0px;
	padding: 10px 0 0 0;
}
div#contact_content h2, div#contact_content p, div#contact_content address {
	padding-left: 132px;
}
div#contact_content form, div#contact_content address {
	padding-bottom: 12px;
}

/* Laurels sets
---------------------------------*/
div#laurels_content ul.set1 {
	background: url(../images/cardSet1.jpg) no-repeat 552px 0px;
}
div#laurels_content ul.set2 {
	background: url(../images/cardSet2.jpg) no-repeat 552px 0px;
}
div#laurels_content ul.set3 {
	background: url(../images/cardSet3.jpg) no-repeat 552px 0px;
}
div#laurels_content ul.set4 {
	background: url(../images/cardSet4.jpg) no-repeat 552px 0px;
}

/* Site info
---------------------------------*/
div#site_info {
	padding: 0 72px 24px 0;
	background: url(../images/gee.jpg) no-repeat 806px 3px;
}