@charset "UTF-8";
/* CSS Document */

body
{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/homepage/background.gif);
	background-repeat: repeat-x;
	background-color: #853fc8;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
}

p
{
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

a, a:link, a:visited, a:hover, a:active
{
	color: #843ec6;
	text-decoration: underline;
	cursor: pointer;
}

a:hover
{
	color: #666666;
}

h1
{
	font-weight: bold;
	font-size: 20px;
	color: #542381;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h2
{
	font-weight: bold;
	font-size: 16px;
	color: #542381;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

h3
{
	font-weight: bold;
	font-size: 12px;
	color: #542381;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

ul
{
	padding: 0px 0px 0px 10px;
	margin: 10px;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

ol
{
	padding: 0px 0px 0px 10px;
	margin: 10px;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

li
{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

img
{ 
    border: none; 
}

a img
{
	border: none;
}

#wrapper
{
	width: 920px;
	margin: 0 auto;
	text-align: center;
}

#content
{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	float: left;
}

#header
{
	height: 141px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-align: left;
}

#logo
{
	padding: 18px 0px 0px 51px;
	margin: 0px;
	float: left;
}

#search-section
{
	margin: 0px;
	padding: 0px;
}

#search
{
	float: right;
	text-align: right;
	padding: 28px 0px 27px 0px;
	margin: 0px;
	height: 27px;
}

.search-box
{
	padding: 7px 5px 0px 0px;
	margin: 0px;
	/*background-image: url(../images/homepage/search/search-background.gif);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	background-color: #ddd2e7;
	width: 111px;
	height: 20px;
	border: none;
	color: #9a7bb6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	border-style: 0px; 	
	border-width: 0px;
	outline: none;
}

.link-padding
{
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

#tagline
{
	clear: right;
	text-align: center;
	height: 35px;
	width: 750px;
	margin: 0px;
	padding: 24px 0px 0px 0px;
	
	font-size: 16px;
	color: #9dd142;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#tagline p
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #9dd142;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#menu-bar
{
	width: 900px;
	height: 71px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

#menu
{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/nav/nav-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#text-logo
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#welcome-header
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -30px;
	left: -10px;
	float: left;
}

#page-content-top
{
	clear: both;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
	background-image: url(../images/homepage/fades/border-top.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 920px;
}

#page-content
{
	text-align: left;
	background-image: url(../images/homepage/fades/page-content-bg.png);
	background-repeat: repeat-y;
	width: 890px;
	padding: 0px 20px 0px 10px;
	margin: 0px;
	min-height: 600px;
	height:auto !important;
	height:600px;
}

#page-content-bottom
{
	clear: both;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	background-image: url(../images/homepage/fades/border-bottom.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 920px;
}

#homepage-content
{
	margin: 0px;
	padding: 0px 15px 0px 10px;
	width: 608px;
	float: left;
}


#banner
{
	position: relative;
	top: -5px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#homepage-container
{
	padding: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(../images/homepage/fades/homepage-rhs-fade.gif);
	background-repeat: repeat-y;
	width: 880px;
}

#homepage-content p
{
	padding: 0px;
	margin: 0px 30px 10px 10px;
	line-height: 20px;
	font-size: 14px;
}

#homepage-hightlight
{
	padding: 5px;
	margin: 0px;
	background-color: #dccdeb;
	width: 580px;
	
	font-size: 12px;
	color: #622b95;
	font-family: Arial, Helvetica, sans-serif;
}

#homepage-hightlight p
{
	padding: 5px;
	margin: 10px 0px 10px 0px;
	color: #622b95;
	font-size: 12px;
}

#homepage-hightlight a:link, #homepage-hightlight a:visited, #homepage-hightlight a:active
{
	color: #843ec6;
}

#homepage-hightlight a:hover
{
	color: #666666;
}

#homepage-rhs
{
	float: right;
	position: relative;
	top: -10px;
	text-align: center;
	width: 247px;
	padding: 0px;
	margin: 0px;
}

#homepage-rhs #subscribe
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -30px;
}

#latest-news, #recent-publications
{
	padding: 10px;
	margin: 0px 10px 0px 0px;
	background-image: url(../images/homepage/fades/latest-news-fade.gif);
	background-repeat: repeat-y;
	width: 217px;
	text-align: left;
}

#latest-news h1, #recent-publications h1
{
	color: #78a22f;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#recent-publications a:link, #recent-publications a:visited, #recent-publications a:hover, #recent-publications a:active
{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	display: block;
	color: #843ec6;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#latest-news-bottom, #recent-publications-bottom
{
	margin: 0px;
	background-image: url(../images/homepage/fades/latest-news-bottom.gif);
	background-repeat: no-repeat;
	width: 247px;
	text-align: left;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

#recent-publications a:hover
{
	color: #666666;
}

/* Related Sites */

#related-sites
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 600px;
}

#related-sites img
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#related-websites h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #78a22f;
}

/* Footer */

#footer
{
	text-align: center;
	line-height: 18px;
	font-size: 10px;
	color: #cccccc;
}

#footer p
{
	color: #cccccc;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active
{
	color: #cccccc;
}

#footer a:hover
{
	color: #9a7bb6;
}

/* Utility */

.clear
{
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

form
{
	padding: 0px;
	margin: 0px;
}

/* Dropdown Menu Styles */

.dropdown-off
{
	margin: 0px;
	padding: 10px 10px 10px 20px;
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #843ec6;
	
	background-color: #ddd2e7;
	background-image: url(../images/nav/dropdown-arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	text-align: left;
	
	cursor: pointer;
}

.dropdown-on
{
	margin: 0px;
	padding: 10px 10px 10px 20px;
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #843ec6;
	
	background-color: #bfaad2;
	background-image: url(../images/nav/dropdown-arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	text-align: left;
	
	cursor: pointer;
}

/* Announcements */

.announcement-list
{
	width: 200px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#generic-subpage-content .announcement-list
{
	width: auto;
}

.announcement-list a:link, .announcement-list a:visited, .announcement-list a:hover, .announcement-list:active
{
	color: #843ec6;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.announcement-list a:hover
{
	color: #666666;
}

.announcement-list .date
{
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}

.announcement-list p
{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #843ec6;
	margin: 5px 0px 0px 5px;
}

/* Subpage */

#subpage-container
{
	padding: 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(../images/homepage/fades/homepage-rhs-fade.gif);
	background-repeat: repeat-y;
	width: 880px;
	min-height: 750px;
	height:auto !important;
	height:750px;
}

#subpage-content
{
	margin: 0px;
	padding: 0px 20px 0px 10px;
	width: 603px;
	float: left;
}

#breadcrumb
{
	margin: 0px;
	padding: 10px 15px 0px 10px;
	width: 608px;
	float: left;
}

#breadcrumb ul
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#breadcrumb ul li
{
	display: inline;
}

#breadcrumb #breadcrumb-line
{
	padding: 20px 0px 0px 0px;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active 
{
	font-size: 12px;
	text-decoration: underline;
	color: #7636b2;
}

#breadcrumb a:hover
{
	font-size: 12px;
	text-decoration: underline;
	color: #666666;
}

#subpage-rhs
{
	float: right;
	text-align: center;
	width: 247px;
	padding: 0px;
	margin: 0px;
}

#subpage-rhs #subscribe
{
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

.image-with-caption
{
	background-color: #e5e5e5;
	padding: 5px;
	font-size: 12px;
	color: #843ec6;
	float: right;
	margin: 0px 0px 5px 5px;
}

.image-with-caption img
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#in-this-section
{
	padding: 10px 10px 10px 10px;
	margin: 20px 10px 0px 0px;
	background-image: url(../images/homepage/fades/latest-news-fade.gif);
	background-repeat: repeat-y;
	width: 217px;
	text-align: left;
}

#in-this-section h1
{
	color: #78a22f;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}

#in-this-section-bottom
{
	margin: 0px;
	background-image: url(../images/homepage/fades/latest-news-bottom.gif);
	background-repeat: no-repeat;
	width: 247px;
	text-align: left;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

.subpage-menu-off
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	display: block;
	color: #843ec6;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.subpage-menu-on
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	cursor: pointer;
}

/* Content Page Specific Styles */

#generic-subpage-content
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 603px;
	float: left;
}

#generic-subpage-content-with-rhs
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 870px;
	float: left;
}


table.in-this-section-table
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/homepage/fades/latest-news-fade.gif);
	background-repeat: repeat-y;
	width: 217px;
	text-align: left;
}

table.in-this-section-table h1
{
	color: #78a22f;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin: 0px;
}

table.in-this-section-table td
{
	padding: 0px 0px 0px 10px;
}

table.in-this-section-table td.no-padding
{
	padding: 0px;
}

table.in-this-section-table img
{
	padding: 10px 0px 0px 0px;
}

table.in-this-section-table a:link, table.in-this-section-table a:visited, table.in-this-section-table a:active
{
	padding: 0px 20px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	display: block;
	color: #843ec6;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

table.in-this-section-table a:hover
{
	padding: 0px 20px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-image: url(../images/homepage/fades/link-dotted-border.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	cursor: pointer;
}