@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/navBG.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: 57px 168px 40px 160px;
}
div#images_content p {
	padding: 87px 210px 40px 212px;
}
div#about_content {
	padding: 54px 160px 40px 140px;
	background: url(../images/bioBG2.jpg) no-repeat 436px 0px;
}
div#present_content {
	padding: 51px 124px 40px 148px;
	background: url(../images/blogBG.jpg) no-repeat 154px 21px;
}
div#laurels_content {
	padding: 51px 0 40px 148px;
}
div#publications_content {
	padding: 51px 160px 40px 148px;
}
div#contact_content {
	padding: 64px 160px 40px 120px;
}
div#success-fail_content {
	padding: 140px 210px 263px 192px;
}

/* Content specific
---------------------------------*/
#slideHolder /* for home page flash slide show */ {
	float: left;
	margin-right: 4px;
}
div#home_content li, div#about_content li {
	display: inline;
	padding-right: 24px;
}
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: 482px;
}
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 482px 52px;
}
div#laurels_content ul.set2 {
	background: url(../images/cardSet2.jpg) no-repeat 482px 52px;
}
div#laurels_content ul.set3 {
	background: url(../images/cardSet3.jpg) no-repeat 482px 52px;
}
div#laurels_content ul.set4 {
	background: url(../images/cardSet4.jpg) no-repeat 482px 52px;
}

/* Sideflwr
---------------------------------*/
div#sideflwr1, div#sideflwr2, div#sideflwr3, div#sideflwr4, div#sideflwr5, div#sideflwr6, div#sideflwr7 {
	position: absolute;
	top: 0px;
	right:0px;
	width: 157px;
	height: 357px;
}
div#sideflwr1 {
	background: url(../images/sideflwr1.jpg) no-repeat;
}
div#sideflwr2 {
	background: url(../images/sideflwr2.jpg) no-repeat;
}
div#sideflwr3 {
	background: url(../images/sideflwr3.jpg) no-repeat right;
}
div#sideflwr4 {
	background: url(../images/sideflwr4.jpg) no-repeat right;
}
div#sideflwr5 {
	background: url(../images/sideflwr5.jpg) no-repeat;
}
div#sideflwr6 {
	background: url(../images/sideflwr6.jpg) no-repeat;
}
div#sideflwr7 {
	background: url(../images/sideflwr7.jpg) no-repeat;
}

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