/* Content Area */
/* Content Area: Structural */
#column-1 {
	width: 360px;
	position: relative;
	float: left;
}

#content-layout_style-1 #content #column-1 {
	width: 100%;
	position: relative;
	float: left;
}

#column-2 {
	width: 200px;
	float: right;
	position: relative;
    border-top: 0px solid #3a4f69;
	border-left: 1px solid #3a4f69;
	border-right: 1px solid #3a4f69;
	border-bottom: 1px solid #3a4f69;
background-color: #eff1f5;}

#column-2 h4 {
	background-color: #3a4f69;
        border-bottom: 1px solid #3a4f69;
	border-top: 1px solid #3a4f69;
	font-size: 1em;
	font-weight: normal;
	color: #000066;
	padding: 2px;}


#column-2 li a:link{
	color: #3a4f69;
	font-weight: normal;}

#column-2 li a:active{
	color: #3a4f69;
	font-weight: normal;}

#column-2 li a:hover{
	color: #3a4f69;
	font-weight: normal;}

#column-2 li a:visited{
	color: #3a4f69;
	font-weight: normal;}


#column-2 ul{
	margin-left: 20px;
	padding: 2px;}

    
#column-2 li{
	list-style: square;
        color: #3a4f69;
	margin: 2px;
	padding: 0px;
        font-size: 1em;}

#content-layout_style-3 #content #column-1 {
	width: 260px;
	position: relative;
	float: left;
}

#content-layout_style-3 #content #column-2 {
	width: 300px;
	float: right;
	position: relative;
}


/* Content Area: Links */
/* These are defaults for links within the content area (column-1), DO NOT change. Editing should be confined to adding or removing columns */
#content #column-1 a:active {
	color: #CC0000;
	background-color: #FFFFCC;
}
#content #column-1 a:link {
	color: #3366FF;
	text-decoration: none;
}

#content #column-1 a:visited {
	color: #3366FF;
	text-decoration:none;
}
#content #column-1 a:hover {
	text-decoration:underline;	
}

/* Content Area: General Headings */
h2 {
	color: #000000;
	/* remaining settings should not be modified */
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	
}

h3 {
	color: #000000;
	/* remaining settings should not be modified */
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 3px;
	position: relative;
	margin-top: 0px;
	text-decoration:none;
}






h4 {
	color: #000000;
	/* remaining settings should not be modified */
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 3px;
	position: relative;
	margin-top: 0px;
	text-decoration:none;
}

h5 {
	color: #000000;
	/* remaining settings should not be modified */
	font-size: 1 em;
	margin-bottom: 3px;
	position: relative;
	margin-top: 0px;
	font-weight:normal;
	font-style: italic;
}

/* Content Area: Lists */
#content #column-1 ul {
	list-style-type: circle;
	margin-top: 15px;
}
#content #column-1 li {
	margin-bottom: 8px;
}

.no-margin {
	margin: 0px;
}

.no-margin li {
	list-style-type: none;
}

/* Content Area: HTML Element Styles */
p {
margin-bottom: 1.5em;
	margin-top: 0px;
}

/* Content Area: Widgets */
/* Content Area: Widgets - Flash Banner [sets layout position of flash movie] */
#promo-box {
	top: 0px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
	position: relative;
	left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#promo-box_style-2 {
	top: 0px;
	text-align: left;
	vertical-align: bottom;
	position: relative;
	left: 0px;
	background-color: #165D43;
	display: block;
	height: 80px;
	margin-bottom: 2px;
}

#promo-box_style-2 h1 {
	text-align: left;
	vertical-align: bottom;
	bottom: 0px;
	position: absolute;
	margin: 0px;
	color: #FFFFFF;
	font-size: 2em;
}

#promo-box_style-2 object {
	float: right;
}

/* Content Area: Widgets - Research Portal Article */
#research-portal-article {
	margin-bottom: 10px;
}

#research-portal-article h2 {
	background-color: #A4BE6D;
	margin: 0px;
	color: #FFFFFF;
	padding: 2px 2px 3px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display: block;
}

#research-portal-article img {
	float: right;
}

#research-portal-article p {
	padding: 3px 3px 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #F0F4E8;
	clear: both;
	margin-bottom: 0px;

}

#research-portal-article em {
	font-size: 0.8em;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #F7F8F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display: block;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#research-portal-article a {
	font-weight: bold;
	text-decoration: none;
	color: #165D43;
	margin: 0px;
	background-color: #CBDAAC;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 6px;	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A4BE6D;
	text-align: right;
	display: block;
	clear: both;
}

#research-portal-article a:hover {
	text-decoration: underline;
}

/* Content Area: Widgets - Related Links Box */
#related-links {
    background-color: #ffffff;
	border: 1px solid #2461AA;
	margin-top: 15px;
	padding-bottom: 5px;
}

#related-links h2 {
	color: #FFFFFF;
	background-color: #2461AA;
	display: block;
	padding-left: 3px;
	font-size: 1em;

}

#related-links a {
	position: relative;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	clear: both;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 3px;
	color: #000000;

}

#related-links a:hover {
	position: relative;
	text-decoration: underline;
	margin-bottom: 5px;
	display: block;
	clear: both;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 3px;

}

/* Content Area: Widgets - Related Links Box STYLE 2 */

#related-links_style-2 {
	background-color: #BED4E8;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 10px;
	display: block;
	position: relative;
	clear: both;
	height: auto;
	float: right;
	width: 100%;
}

#related-links_style-2 h2 {
	font-size: 1.2em;
	color: #2461AA;
	font-weight: bold;
	float: left;
	margin: 0px;
	position: relative;
	padding-left: 5px;
}

#related-links_style-2 a {
	display: block;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 0px;
	clear: both;
	padding-left: 5px;
}

#related-links_style-2 a:hover {
	display: block;
	text-decoration: underline;
	margin-top: 4px;
	margin-bottom: 0px;
	clear: both;
}

/* Content Area: Widgets - Related Links Box STYLE 3 */
#related-links_style-3 {
	background-color: #D2D2FF;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	height: 68px;
	margin-bottom: 2px;
}

#related-links_style-3 h2 {
	font-size: 1.2em;
	color: #000079;
	font-weight: bold;
	float: left;
	width: 120px;
	margin: 0px;
	position: relative;
}

#related-links_style-3 img {
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
}

#related-links_style-3 p {
	float: left;
	width: 120px;
}

#related-links_style-3 a {
	display: block;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 0px;
	clear: both;
	color: #536865;
}

#related-links_style-3 a:hover {
	display: block;
	text-decoration: underline;
	margin-top: 4px;
	margin-bottom: 0px;
	clear: both;
}









/*  ************************************ news and events code if using DYNAMIC COMPONENETS ************************************/

/* Content Area: Widgets - Research News */
#news {
	height: auto;
	width: 200px;
background-color: #eff1f5;}

/* Peek-a-boo fix for news items - Hides from IE5-mac \*/
* html #news {line-height: 1.2;}
/* End hide from IE5-mac */

.h2-alt {
	color: #ffffff;
    background-color: #3a4f69;
	/* remaining settings should not be modified */
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
	position: relative;
	padding: 3px;}
#news-items {
	background-color: #eff1f5;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	padding-left: 3px;
	padding-right: 3px;}
.news-sub {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	margin-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #eff1f5;
	clear: both;
}
.news-tease {
	font-size: 0.8em;
	font-weight: normal;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	background-color: #eff1f5;
	margin-bottom: 0px;}
.news-more {
	clear: left;
	padding-bottom: 3px;
	float: right;
	text-align: right;
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #eff1f5;
	width: 100%;}
	
#rss {
	background-color: #3a4f69;
	height: 20px;
	width: 100%;
	clear: both;}
#rss-button {
	background-color: #FF8036;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px 4px;
	top: 2px;
	right: 2px;
	font-size: 0.8em;
	position: relative;
	float: right;}

/* Content Area: Widgets - Events */
#events {
	height: auto;
	width: 200px;
	margin-top: 10px;
background-color: #eff1f5;}
#event-items {
	height: auto;
	width: 200px;
background-color: #eff1f5;
}
.event-date {
background-color: #eff1f5;
	font-size: 0.8em;
	font-weight: bold;
	color: #0009;
	padding-top: 4px;
	padding-bottom: 1px;
	margin: 0px;
padding-left: 3px;
padding-right: 3px;}
.event-sub {
background-color: #eff1f5;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	clear: both;
padding-left: 3px;
padding-right: 3px;}
.event-tease {
background-color: #eff1f5;
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;}
.event-more {
background-color: #eff1f5;
	clear: left;
	padding-bottom: 3px;
	padding-right: 4px;
	float: right;
	width: 180px;
	text-align: right;
padding-left: 3px;
padding-right: 3px;}


/*  ************************************ news and events code if using DYNAMIC COMPONENETS ************************************/









/* Content Area: Widgets - Research Partners Box */
#research-partners {
	clear: both;
	float: right;
	width: 100%;
	right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#rp-title {
	font-size: 0.7em;
	background-color: #222C79;
	height: 16px;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	float: right;
}
#rp-logos {
	height: auto;
	border: 1px solid #222C79;
	clear: both;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}
#rp-logos img {
	padding-right: 20px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Content Area: Widgets - Campus Tours */
#campus-tour {
	background-color: #EAF1F7;
	padding-top: 5px;
	padding-bottom: 10px;
	display: block;
	clear: both;
	height: auto;
	margin-bottom: 2px;
	float: right;
	width: 100%;
}

#campus-tour h2 {
	font-size: 1.2em;
	color: #6794B8;
	font-weight: bold;
	float: left;
	margin: 0px;
	position: relative;
	clear: left;
	padding-left: 5px;
	width: 120px;
}

#campus-tour img {
	float: right;
	position: relative;
	display: block;
	right: 0px;
	bottom: 0px;
}

#campus-tour a {
	color: #657F7A;
	display: block;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 0px;
	float: left;
	clear: left;
	position: relative;
	padding-left: 5px;
	width: 120px;
}

#campus-tour a:hover {	
	text-decoration: underline;
}

/* Content Area: Widgets - Research Interests */
#column-1 #interest-detail {
	clear: both;
	height: 25px;
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2461AA;
	margin-top: 0px;
	margin-bottom: 0px;
}
#return-listing {
	clear: both;
	float: right;
	color: #FFFFFF;
	background-color: #2461AA;
	display: block;
	padding: 2px;
}


#content #column-1 #return-listing a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2461AA;
}

#content #column-1 #return-listing a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4A8AD9;
}


/* Content Area: Widgets - School Interests */
.school-interest {
	width: 425px;
	margin-bottom: 25px;
	margin-top: 25px;
}
.school-interest img {
	clear: both;
	float: right;
	border: 1px solid #000000;
	margin-right: 5px;
}

.school-interest h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #308F8F;
	display: block;
	padding: 1px 1px 2px 5px;
	clear: both;
	height: 1.1em;
	text-decoration: none;
	border: 1px solid #308F8F;
	margin-bottom: 7px;
}

.school-interest p {
	width: 300px;
	padding-left: 10px;
	float: left;
	margin-bottom: 10px;
}

.school-interest ul {
	background-color: #E2F5F5;
	padding: 2px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #308F8F;
	border-bottom-color: #308F8F;
	list-style-type: none;
	margin: 0px;
	clear: both;
}
.school-interest ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #66CCCC;
	border-bottom-color: #66CCCC;
	background-color: #F3FCFC;
}

.school-interest li {
	list-style-type: none;

}

/* Content Area: Widgets - Highlight Box */
.highlight-box {
	background-color: #F7FFC9;
	border: 1px dashed #99CB3B;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* Content Area: Widgets - Network pop-up */
#network-popup {
	font-size: 1em;
	color: #000000;
	background-color: #FFFFFF;
	margin: 1px;
	border: 1px solid #165D43;
	padding: 1px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}
#network-popup img {
	margin: 0px 0px 1px;
	padding: 0px;
}

#network-popup h1 {
	font-size: 1.1em;
	background-color: #6EA100;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #FFFFFF;
	padding: 2px;
	clear: both;
}
#network-popup p {
	font-size: 0.8em;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
}

/* Content Area: Widgets - Seminars */
#seminars {
}

#seminars h2 {
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #165D43;
	font-weight: bold;
	margin-bottom: 0px;
	color: #165D43;
}

#seminars em {
	font-size: 1em;
	color: #999999;
	margin-top: 15px;
	display: block;
	width: 350px;
	font-style: normal;
}

#seminars h3 {
	font-size: 1.1em;
	color: #6EA100;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
	width: 350px;
}
#seminars p {
	margin-top: 0px;
	margin-bottom: 15px;
	display: block;
	width: 350px;
}
#seminars img {
	float: right;
	margin-top: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #165D43;
	border-bottom-color: #165D43;
	border-left-color: #165D43;
	height: 100px;
	width: 165px;
}

/* Content Area: Widgets - Browse Box */
.browse-box {
	width: 170px;
	clear: none;
	position: relative;
	float: left;
	margin-right: 10px;
	display: block;
}

.browse-box h3 {
	color: #FFFFFF;
	background-color: #009999;
	width: 168px;
	margin-bottom: 3px;
	padding: 0px 0px 0px 2px;
	clear: both;
}

.browse-box img {
	height: 60px;
	width: 60px;
	position: relative;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}

#content #column-1 .browse-box ul {
	float: left;
	position: relative;
	clear: none;
	margin: 0px;
	padding: 0px;
	width: 105px;
	list-style-type: none;
}

#content #column-1 .browse-box li {
	margin-bottom: 6px;
}

/* STAFF LISTING STYLES*/


/*---------------------------------------
Content Area: Tables
----------------------------------------*/	
#alpha-index {
	width: 440px;
	text-align: center;
	margin-bottom: 10px;
}

#alpha-index td {
	border: 1px solid #3366FF;
}

.tab{
border: 1px solid #000000;
background-color: #CCCCCC;}




#tab-index {
	border-bottom: 1px solid #000000;
	width: 100%;
	margin-bottom: 15px;}	

#tab-index #tab-on {
border: 1px solid #000000;
padding-right: 15px;
padding-left: 15px;
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
border-bottom: 0px solid #000000;}



#tab-index td {
padding-right: 15px;
padding-left: 15px;
color: #000000;
height: 25px;
border-bottom: 0px;
font-weight: bold;}
	
	
#content #column-1 #tab-index td a { 
	text-decoration: none;
	color: #000000;
font-weight: bold;}

#content #column-1 #tab-index td a:active { 
	text-decoration: none;
	color: #000000;}

#content #column-1 #tab-index td a:link { 
	text-decoration: none;
	color: #000000;}

#content #column-1 #tab-index td a:visited { 
	text-decoration: none;
	color: #000000;}
	
#content #column-1 #tab-index td a:hover { 
	text-decoration: underline;
	color: #000000;
background-color: #EEEEEE;}
	
#contact-details {
	background-color: #CAEEFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.bookimages { float: left; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align:center;}

#school-details {
	border: 1px solid #3a4f69;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	width: 178px;
}
#school-details #address {
	font-size: 0.8em;
	color: #000000;
	display: block;
	padding: 5px;
	margin: 0px;
}
#school-details #numbers {
	font-size: 0.8em;
	color: #666666;
	display: block;
	padding: 5px;
	margin: 0px;
}
#school-details #email {
	font-size: 0.8em;
	color: #333333;
	display: block;
	padding: 5px;
	margin: 0px;
}