/*  Basic Layout Elements   */
* {
	margin: 0px;
	padding: 0px;
	}
body	{
	background: url('../images/body-background.gif');
	}
a {
	text-decoration: underline;
	font-weight: normal;
	color: #608F89;
	}
a:hover {
	color: #626E88;
	text-decoration: none;
	}
img { border: 0px; }

strong { font-weight: bold; }

#sitebrite {
	top:12px;
	right: 12px;
	position: absolute;
	background: url('../images/sitebrite.gif') no-repeat left top;
	width: 150px;
	height: 150px;
	z-index: 100;
	}

/*  Header   */
#container	{
	background: #EBE8E3 url("../images/container-background.gif");
	width: 760px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	border: 1px solid #004363;
	border-bottom: 0px;
	}
*html #container	{ width:763px; }
#top {
	height: 170px;
	background: url("../images/top-background.jpg") no-repeat top left;
	padding: 0px 20px 0px 20px;
	position: relative;
	border-bottom: 6px solid #86A2CA;
	}
	a.logo {
		top: 2px;
		left: 18px;
		position: absolute;
		width: 335px;
		height: 135px;
		z-index: 100;
		}
	a.donate {
		top: 0px;
		right: -70px;
		position: absolute;
		background: url('../images/top-donate.gif') no-repeat left top;
		width: 159px;
		height: 93px;
		z-index: 100;
		}
		a.donate:hover {
			background-position: 0px -93px;
			}
	ul#navbar {
		list-style: none;
		margin: 0px;
		padding: 0px;
		z-index: 500;
		padding-left: 5px;
		}
	/*  Navbar   */
	#navbar {
		list-style: none;
		margin: 0px;
		position: absolute;
		top: 138px;
		left: 0px;
		padding: 0px 10px 0px 15px;
		z-index: 100;
		}
		#navbar li {
			float: left;
			position: relative;
			}
		/* Styles for Menu Items */
		#navbar li a, #navbar li .active {
			padding: 8px 11px 9px 11px;
			margin: 0px 0px 0px 0px;
			display: block;
			text-decoration: none;
			color: #DDD;
			font-weight: bold;
			font-size: 12px;
			text-transform: lowercase;
			letter-spacing: 0px;
			}
			#navbar a:hover {
				background: url('../images/navbar-background-on.gif');
				color: #FFF;
				}
			#navbar li .active {
				background: #86A2CA;
				color: #FFF;
				}

		/* Styles for Drop Downs */
		#navbar li ul {
			display: none;
			position: absolute;
			left: 0px;
			top: 31px;
			width: 140px;
			display: none;
			padding: 0px;
			list-style: none;
			margin: 0px;
			background: #00468C url('../images/navbar-dropdown-background.gif') no-repeat top left;
			border: 1px solid #000;
			border-top: 0px;
			z-index: 600;
			}
		li > ul {
			top: auto;
			left: auto;
			}
		#navbar li:hover ul, #navbar li.over ul {
			display: block;
			}
		#navbar li ul li {
			padding: 0px;
			margin: 0px;
			float: none;
			}
		#navbar li ul li a {
			display: block;
			color: #FFF;
			font-size: 90%;
			font-weight: normal;
			border: 0px;
			float: none;
			padding: 4px 12px 4px 12px;
			margin: 0px;
			z-index: 500;
			border-top: 1px solid #003468;
			}
			#navbar li ul li a:hover {
				background: #114581 url('../images/navbar-background-on.gif') repeat-x top left;
				color: #FFF;
				}
	#searchBar {
		margin: 0px;
		position: absolute;
		top: 115px;
		right: 0px;
		padding: 0px 10px 0px 0px;
		z-index: 600;
		line-height: normal;
		}
		#searchBar .searchField {
			background: #C6D6F7;
			border: 1px solid #5C7DAB;
			display: block;
			margin: 0px 6px 0px 0px;
			padding: 2px;
			}

/*  Left Column   */
#left {
	float:left;
	display: block;
	width: 167px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	background: url("../images/left-background.gif");
	}

	#left a.sectionName {
		display: block;
		background: #86A2CA;
		color: #FFF;
		padding: 7px 6px 7px 10px;
		font-size: 15px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 2px;
		margin: 0px;
		}
		#left a.sectionName:hover {
			background: #86A2CA;
			text-decoration: underline;
			}
	#left a, #left .active {
		display: block;
		padding: 6px 6px 6px 10px;
		margin: 0px 0px 0px 0px;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
		#left a:hover, #left .active {
			background: #FFF;
			}
		#left .active {
			border-top: 1px solid #86A2CA;
			border-bottom: 1px solid #86A2CA;
			}
			#left .active a {
				font-weight: normal;
				padding: 4px 6px 0px 20px;
				color: #666;
				}
				#left .active a:hover {
					color: #000;
					}
		#left a .abstract {
			display: block;
			color: #000;
			font-weight: normal;
			font-size: 1em;
			text-decoration: none;
			}
	#news {
		padding: 15px 0px 0px 0px;
		}
		#news a {
			padding-right: 15px;
			padding-left: 15px;
			position: relative;
			}
			#news a .abstract {
				display: none;
				}
				#news a:hover .abstract {
					display: block;
					width: 120px;
					position: absolute;
					right: -120px;
					top: -25px;
					color: #000;
					border: 1px solid #000;
					background: #CBE4DD;
					padding: 5px;
					z-index: 200;
					}
#right {
	float:right;
	display: block;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 20px 20px;
	background: url("../images/right-bg.gif");
	}
	#right h1 {
		color: #004D6B;
		font-size: 17px;
		margin: 0 0 10px 20px;
		font-weight: bold;
		}
	#right .padding {
		display: block;
		padding: 10px 20px 10px 20px;
		}
	.member {
		display: block;
		padding: 0 20px 20px 20px;
		font-size: 90%;
		color: #666;
		font-style: italic;
		}
		.member img {
			display: block;
			float: left;
			margin: 0 5px 5px 0;
			}
		.member .name {
			color: #000;
			font-size: 110%;
			font-style: normal;
			font-weight: bold;
			margin: 0 0 3px 0;
			}
/*  Main Content Area   */
#main	{
	margin: 0px 0px 0px 167px;
	background: url('../images/main-background.gif') no-repeat top right;
	}
	*html #main { margin-left: 167px; }
	#leftCorner {
		position: absolute;
		top: 170px;
		left: 166px;
		width: 37px;
		height: 37px;
		background: url('../images/left-corner.gif') no-repeat top left;
		}
	#mainContent {
		padding: 20px 10px 20px 30px;
		}
	.pageHeader {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		text-decoration: none;
		border: 0px;
		font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
		color: #000099;
		letter-spacing: 0px;
		}
	a.featuredBox {
		display: block;
		float: left;
		background: #D7DDE1 url('../images/main-box-background.gif');
		width: 180px;
		height: 282px;
		overflow: hidden;
		margin: 1px 0px 0px 1px;
		padding: 0px 8px 8px 8px;
		text-decoration: none;
		line-height: normal;
		color: #444;
		}
		a.featuredBox:hover {
			background-position: 0px -308px;
			color: #000;
			}
		a.box1 { margin-left: 0px; }
		a.box2 { background-position: -197px 0px; }
			a.box2:hover { background-position: -197px -308px; }
		a.box3 { background-position: -394px 0px; }
			a.box3:hover { background-position: -394px -308px; }
		.featuredBox .boxHeader {
			display: block;
			color: #FFF;
/*            padding: 3px 0px 3px 42px; */
            margin: 3px 0px 10px 42px;
			font-size: 14px;
			font-weight: bold;
			height: 31px;
			overflow: hidden;
			line-height: 14px;
			}
		.featuredBox h1 {
			color: #00468C;
			margin: 0px 0px 10px 0px;
			font-size: 14px;
			}
		#featuredResource-top {
			background: url('../images/featuredResource-top.gif') top left no-repeat;
			width: 155px;
			height: 26px;
			}
		#featuredResource-bottom {
			background: url('../images/featuredResource-bottom.gif') bottom left no-repeat;
			width: 155px;
			height: 12px;
			}
		#featuredResource a {
			display: block;
			padding: 5px 8px 5px 8px;
			margin: 0px 1px 0px 1px;
			color: #414B42;
			font-size: 80%;
			font-weight: normal;
			text-decoration: none;
			}
			#featuredResource a:hover {
				color: #000;
				background: #E3EAEF;
				}
		#featuredResource .name {
			display: block;
			font-weight: bold;
			font-size: 120%;
			}
	#sectionImage {
		display: block;
		border: 1px solid #000;
		margin: 0px 0px 10px 0px;
		}
	#sectionName, #sectionNameShadow {
		display: block;
		position: absolute;
		top: 130px;
		left: 230px;
		color: #FFF;
		font-size: 260%;
		}
	#sectionNameShadow {
		color: #000;
		top: 133px;
		left: 227px;
		}
	#network {
		background: #FFEBCC url('../images/main-network.jpg') 0px -2px no-repeat;
		margin: 0px 0px 0px -20px;
		padding: 20px 210px 20px 20px;
		line-height: 15px;
		}
.date {
	color: #999999;
	font-size: 80%;
	font-weight: normal;
	padding: 0px;
	text-decoration: none;
	}
p.abstract {
	color: #333333;
	display: block;
	font-size: 90%;
	font-weight: normal;
	margin: 3px 0px 15px 0px;
	padding: 0px;
	text-decoration: none;
	}
p.title {
	border: 0px;
	display: block;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	text-decoration: none;
	}
p.byline {
	color: #999999;
	display: block;
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-decoration: none;
	}
#sidebar {
	clear: right;
	display: block;
	float: right;
	margin:  0px 0px 10px 10px;
	padding: 0px;
	width: 170px;
	}
	#sidebar .leadImage	{
		display:block;
		border:  1px solid #BBBBBB;
		}
	#sidebar p.caption {
		color: #999999;
		display: block;
		font-size: 90%;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		text-decoration: none;
		}
	#sidebar a {
		color: #CCCCCC;
		text-decoration: none;
		}
		#sidebar a:hover {
			color: #FFFFFF;
			}
	#sidebar .mainLink	{
		background:#414B42 url('../images/sidebar-background.gif') top left repeat-x;
		color: #AABAB8;
		display:block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		margin-bottom:8px;
		padding:4px 6px 4px 6px;
		text-decoration: none;
		}
	#sidebar a.mainLink:hover	{
		background: #4E5F5E;
		color: #FFFFFF;
		}
		#sidebar a.mainLink img	{
			float:left;
			margin-right:6px;
			}
	#sidebar .textBox	{
		background: #DDDDDD;
		border:  1px solid #BBBBBB;
		border-top:0px;
		display: block;
		font-size: 90%;
		margin: 0px 0px 8px 0px;
		padding: 6px;
		text-decoration: none;
		}
		#sidebar .textBox a	{
			color: #000000;
			text-decoration: underline;
			}
			#sidebar .textBox a:hover {
				color: #666666;
				}
		#sidebar a.relatedNews	{
			display: block;
			margin-bottom: 8px;
			}
	#sidebar .credit	{
		color: #888888;
		display:block;
		font-size: 80%;
		margin: 5px 0px 0px 0px;
		text-align: right;
		}
	.pages {
		border: 1px solid #333333;
		background: #EEEEEE;
		display: block;
		float: left;
		font-size: 90%;
		margin:  0px 0px 0px 0px;
		padding: 0px;
		position: relative;
		}
		.pages .currentPage {
			border-left: 1px solid #333333;
			display: block;
			float: left;
			font-weight: bold;
			padding: 0px 5px 0px 5px;
			}
		.pages .pageNavTitle {
			background: #333333;
			color: #FFFFFF;
			display: block;
			float: left;
			font-weight: normal;
			padding: 0px 5px 0px 5px;
			text-decoration: none;
			}
		.pages a {
			border-left: 1px solid #333333;
			color: #999999;
			display: block;
			float: left;
			padding: 0px 5px 0px 5px;
			text-decoration: none;
			}
			.pages a:hover {
				background: #AAAAAA;
				color: #FFFFFF;
				}
	#contact {
		display: block;
		text-align: left;
		margin: 0px 0px 0px 0px;
		}
		#contact span {
			display: block;
			float: left;
			text-align: right;
			margin: 0px 0px 0px 10px;
			width: 235px;
			position: relative;
			}
		#contact p {
			margin: 0px 0px 7px 0px;
			}
		#contact strong {
			color: #FF0000;
			font-weight: bold;
			}
		#contact form, #contact input, #contact option, #contact select {
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 100%;
			font-weight: normal;
			text-indent: 2px;
			color: #000;
			}
		#contact input, #contact textarea, #contact select {
			margin-left: 2px;
			background: #EEEEEE;
			border: 1px solid #AAAAAA;
			}
			#contact input:hover,#contact textarea:hover {
				background: #FFFFFF;
				}
	#credits {
		margin: 10px 0px 0px 0px;
		text-align: right;
		font-size: 70%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		#credits a {
			font-weight: bold;
			}
		#credits a.reset {
			float: left;
			}
	.isearch-highlight { background: yellow; }
/*  Credits Footer   */
#bottom	{
	padding: 10px;
	text-align: center;
	font-size: .9em;
	color: #FFF;
	}

form, input, option, select {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: 2px;
	color: #003333;
	margin: 0px;
	}
.cleaner {
	display: block;
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
