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

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #f0f0f0;
	
}

#wrapper {
	width: 100%;
	background-image: url(images/top-blue-background.png);
	background-repeat: repeat-x; 		
}

#content {
	width: 750px;
	margin: 0 auto;	
	background-color: #cfdde5;
	border-left: #333333 solid 1px;
	border-right: #333333 solid 1px;
}



#header {
	width: 600px;
	height: 75px;
	background-image: url(images/collage-debate-title.png);
	clear: both;
	margin: 0 auto;
	background-color: aqua;
}

#header	a {
	display: block;
	width:600px;
	height: 75px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
}

	
#pagenumber {
	width: 600px;
	height: 37px;
	margin: 0 auto;
	text-align: center;
}

#wrapper #content #pagenumber p {
	font-size: 140%;
	padding-top: 8px;
}
	
#main {
	width: 600px;		
	padding-bottom: 30px;		
	margin: 0 0 0 75px;
	float: left;
}

#main p {		
	font-size: 100%;
	padding-top: 1em;

}

#main h1 {		
	font-size: 130%;
	font-weight: bold;
	padding-top: 1.2em;	
		
}	

#main h2 {		
	font-size: 120%;
	font-weight: bold;	
	padding-top: 1.2em;			
}	
	
#main em {		
	font-variant: small-caps;	
	font-style: oblique;
	font-size: 1.1em;	
}

#main ul, li {		
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 1em;
	padding-top: 0.2em;					
}		


#left_navigation {
	width: 75px;
	height: 345px;		
	margin: 225px 0 0 -675px;
	float: left;
}

#previous {
	width: 75px;
	height: 345px;		
}

#left_navigation #previous a {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/left-arrow.png) no-repeat left 150px;
}

#left_navigation #previous a:hover {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/left-arrow.png) no-repeat right 150px;	
}	

#up {
	width: 75px;
	height: 345px;		
}

#left_navigation #up a {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/up-arrow.png) no-repeat left 145px;
}

#left_navigation #up a:hover {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/up-arrow.png) no-repeat right 145px;	
}	

#right_navigation {
	width: 75px;
	height: 345px;		
	margin: 225px 0 0 0;
	float: left;
	}
	
#next {
	width: 75px;
	height: 345px;		
}

#right_navigation #next a {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/right-arrow.png) no-repeat left 150px;
}

#right_navigation #next a:hover {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/right-arrow.png) no-repeat right 150px;	
}					

#right_navigation #up a {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/up-arrow.png) no-repeat left 145px;
}

#right_navigation #up a:hover {
	display: block;
	width:75px;
	height: 345px;
	text-decoration: none;
	text-indent: 150%;
    overflow: hidden;
    white-space: nowrap;
	background: url(images/up-arrow.png) no-repeat right 145px;	
}

#footer {
	clear: both;
	height: 1px;
	background-color: #333333;
}