/*
	Created by Elizabeth Liang (ewl6@duke.edu)
	January 13 2008
	Do not copy or edit without permission
*/



html,body {
		margin: 0px;
		padding: 0px;
		font-family: verdana, sans-serif;
		font-size: 16px;
		color: #000000;
		background-color: #f8f8f8;
		}

	div#body{
		margin: 0px;
		padding: 0px;
		float: center;
		width: 100%;
		height: 100%;
		background-image: url('bg.jpg');
		background-repeat: repeat-x;
		background-position: center right;
		}

	div#container{
		width: 825px;
		height: 100%;
		margin: auto;
		padding: 0px;
		margin-bottom: 0px;
		background-image: url('main.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		}

	div#menu{		
		width: 825px;
		height: 211px;
		}
	
		div#nav{
			padding-top: 157px;
			padding-left: 26px;
			}

		#nav ul {
			margin: 0px;
			list-style-type: none;
			padding: 0px;
			}

		#nav ul li {
			position: relative;
			float: left;
			margin: 0px;
			padding: 0px;
			}

		#nav ul li a {
			font-size: 13px;
			text-align: center;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			width: 97px;
			height: 38px;
			padding-top: 14px;
			padding-left: 0px;
			background-image: url('link.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			}
		
		#nav ul li a:hover {
			text-decoration: none;
			background-image: url('link1.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			}

		#nav ul li a.red {
			background-image: url('link2.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			}

	
	div#head {
		margin: 0px;
		padding: 0px;
		height: 296px;
		background-image: url('head.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		padding-top: 2px;	
		font-family: 'Century Gothic', sans-serif;
		text-align: left;	
		}

		h1 {
			margin-top: 0px;
			margin-left: 33px;
			margin-right: 42px;
			height: 234px;
			background-color: #4c63a7;
			background-image: url('h1.jpg');
			background-repeat: no-repeat;
			background-position: top left;
			padding: 5px;
			padding-left: 493px;
			font-weight: normal;
			font-size: 33px;			
			color: #FFFFFF;
			}

			h1 a {
				text-decoration: none;
				font-family: 'Century Gothic', sans-serif;
				font-size: 24px;
				color: #660000;
				}

			h1 a:hover{
				text-decoration: underline;
				}


			h1 p {
				font-size: 18px;
				margin: 0px;
				padding: 0px;
				padding-top: 15px;
				padding-bottom: 5px;
				}

	div#content1{
		width: 825px;
		margin: 0px;
		padding: 0px;
		background-image: url('content1.jpg');
		background-repeat: y-repeat;
		background-position: top left;
		}
	

	div#head1 {
		width: 825px;
		margin: 0px;
		padding: 0px;
		background-image: url('head1.jpg');
		background-repeat: no-repeat;
		background-position: top left;	
		padding-top: 2px;
		font-family: 'verdana', sans-serif;
		text-align: left;	
		}	
		
		div#head1 p {
			margin: 25px;
			padding: 20px;
			background-color: #4c63a7;
			border: 2px solid #003366;
			color: #f6f6f6;
			font-size: 90%;				
			}

		div#head1 b,i {
			color: #990000;
			}

		div#head1 img {
			float: left;
			padding-right: 15px;
			padding-bottom: 100px;
			}

	div#head2 {
		width: 825px;
                height: 300px;
		margin: 0px;
		padding: 0px;
		background-image: url('involved.jpg');
		background-repeat: no-repeat;
		background-position: top left;	
		padding-top: 2px;
		font-family: 'verdana', sans-serif;
		text-align: left;	
		}	
		
		div#head2 p {
			margin-top: 30px;
			margin-right: 50px;
			padding-left: 450px;
			color: #f6f6f6;
			font-size: 110%;				
			}

		div#head2 b,i {
			color: #990000;
			}

		div#head2 img {
			float: left;
			padding-right: 15px;
			padding-bottom: 100px;
			}

	div#head3 {
		width: 825px;
                height: 300px;
		margin: 0px;
		padding: 0px;
		background-image: url('intheworks.jpg');
		background-repeat: no-repeat;
		background-position: top left;	
		padding-top: 2px;
		font-family: 'verdana', sans-serif;
		text-align: left;	
		}	
		
		div#head3 p {
			margin-top: 30px;
			margin-right: 50px;
			padding-left: 450px;
			color: #f6f6f6;
			font-size: 100%;				
			}

		div#head3 b,i {
			color: #990000;
			}

		div#head3 img {
			float: left;
			padding-right: 15px;
			padding-bottom: 100px;
			}


		h2 {
			margin: 35px;
			color: #003366;
			font-size: 150%;
			font-weight: normal;
			font-family: 'Century Gothic', sans-serif;
			}

	div#head4 {
		width: 825px;
                height: 300px;
		margin: 0px;
		padding: 0px;
		background-image: url('news.JPG');
		background-repeat: no-repeat;
		background-position: top left;	
		padding-top: 2px;
		font-family: 'verdana', sans-serif;
		text-align: left;	
		}	
		
		div#head4 p {
			margin-top: 30px;
			margin-right: 50px;
			padding-left: 450px;
			color: #f6f6f6;
			font-size: 110%;				
			}

		div#head4 b,i {
			color: #990000;
			}

		div#head4 img {
			float: left;
			padding-right: 15px;
			padding-bottom: 100px;
			}

	div#content{
		float: left;
		width: 825px;
		margin: 0px;
		padding: 0px;
		background-image: url('content.jpg');
		background-repeat: y-repeat;
		background-position: top left;
		}

		div#green {
			float: left;
			margin: 0px;
			padding: 0px;
			margin-top: 0px;
			width: 340px;
			padding-left: 45px;
			color: #000000;
			font-size: 12px;
			}

			div#green p {
				margin-top: 3px;
				}
			
			div#green b {
				color: #990000;
				}

			div#green a {
				color: #660000;
				text-decoration: underline;
				}

		div#red {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 220px;
			color: #000000;
			font-size: 15px;
			margin-left: 35px;
			padding-left: 130px;
			font-weight: normal;
			background-image: url('red.jpg');
			background-repeat: no-repeat;
			background-position: center left;
			}

			div#red p {
				margin: auto;
				margin-top: 10px;
				}

			div#red a {
				color: #660000;
				text-decoration: underline;
				}
		

	div#footer{
		width: 825px;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 85px;
		background-image: url('footer.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		}
		
		div#footer p {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			text-align: right;
			padding-top: 15px;
			padding-right: 20px;
			color: #336699;
			}


		div#footer a {
			color: #003366;
			}

		div#footer a:hover{
			text-decoration: none;
			}



	div#footer1{
		width: 825px;
		margin: 0px;
		padding: 0px;
		height: 85px;
		background-image: url('footer1.jpg');
		background-repeat: no-repeat;
		background-position: top left;
		}
		
		div#footer1 p {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			text-align: right;
			padding-top: 15px;
			padding-right: 20px;
			color: #336699;
			}


		div#footer1 a {
			color: #003366;
			}

		div#footer1 a:hover{
			text-decoration: none;
			}