body {
	background: #FFF url(http://webcontent.gbmobile.com/src/gui/catolicel/bg_main.jpg) repeat-x;
	padding: 0;
	margin: 0;
}

a img { border: none; text-decoration: none; }

body, td { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; }

h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; } 

#page {
	width: 760px;
	margin: 0 auto;
}

#header {
	height: 150px;
}
	#logo {
		position: absolute;
		top: 5px;
		padding-left: 20px;
	}
	#menu {
		position: absolute;
		top: 60px;
		margin-left: 385px;
		width: 375px; height: 90px;
	}
	#menu img { margin: 0 5px 0 0; }

#banner {
	position:absolute;
	top: 150px;
	width: 345px;
	background-image: url(http://webcontent.gbmobile.com/src/gui/catolicel/img_bannerfoto.jpg);
	background-repeat: no-repeat;
	background-position: 460px 5px;
	height: 185px;
	padding: 25px 345px 0 70px;
}

	#banner h1 { font-size: 34px; color: #813619; margin: 0; padding: 0; }
	#banner p { font-size: 16px; color: #B88B16; margin: 0; padding: 15px 10px; }
	#banner img { text-align: center; }
	

#content {
	position:absolute;
	top: 360px;
	width: 760px;
	margin-top: 15px;
	background: #FFFFFF url(http://webcontent.gbmobile.com/src/gui/catolicel/bg_content.gif) repeat-y;
}
	#content p { margin: 0; padding: 10px;}
	
	#content h2 {
		font-size: 18px;
		color: #813619; 
		text-align: center;
		padding: 0px; margin-top: 12px;
	}
	#content h3 {
		font-size: 12px;
		color: #AF4923; 
		text-align: center;
		font-style: italic;
		margin-top: -18px;
		margin-bottom: 10px;
	}
	#content h4 { 
		font-size: 12px;
		color: #AF4923; 
		margin: 5px 10px;
	}
	
	dl { margin: 0px; padding: 0px; }
	dd, dt { margin-left: 20px; }
	dd { font-weight: bold; margin-top: 10px; }
	dt { margin-bottom: 5px; }
	
	#content table { width: 230px; border: none; border-spacing: 0; padding: 0; margin: 0 auto;}


	#tones {
		float: left;
		width: 250px;
		background: #F6E6B8 url(http://webcontent.gbmobile.com/src/gui/catolicel/bg_oldpage250.gif) no-repeat;
		margin-bottom: 10px;
	}	
		#tones td, #texts td { padding: 6px 2px; font-weight: bold; }
		
	#images {
		float: left;
		width: 250px;
		margin-right: 5px;
		background: #F6E6B8 url(http://webcontent.gbmobile.com/src/gui/catolicel/bg_oldpage250.gif) no-repeat;
		margin-bottom: 10px;
	}
	
		#images td { width: 115px; padding: 0 5px;}
		
		
		
		
		
	
	#texts {
		float: left;
		width: 250px;
		margin-right: 5px;
		margin-bottom: 10px;
		background: #F6E6B8 url(http://webcontent.gbmobile.com/src/gui/catolicel/bg_oldpage250.gif) no-repeat;
	}

		#texts table, #tones table { margin-bottom: 5px; margin-top: 5px; }
	
	
	
	#footer { 
		clear: both;
		text-align: center; 
		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		color: #666666; 
		padding: 10px;
		background-color: #FCF4DD;
	}
	
	#footer ul {
		list-style: none;
		margin: 0 auto; padding: 0;
	}
	
	#footer li { display: inline; padding: 5px 10px; }
	
	#footer li a {color: #AF4923; font-size: 9px;}
	
	.code { font-weight: bold; color: #B95C00; }
	.example { color: #666666; }
	.firstletter { color: #AF4923; }
	.oddrow { background-color: #F2DEAB; } 
	.tabletitle { color: #AF4923; font-weight: bold; background-color: #EAD6A3; }
	
	
	#contentMain {
		position:absolute;
		top: 150px;
		width: 760px;
	}
	
	#contentHeader {
		padding-top: 30px;
		padding-left: 260px;
	}
	
	#contentHeader p { font-size: 14px; color: #B88B16; }
	#contentHeader h1 { font-size: 28px; color: #813619; margin: 0; padding: 0;}
	#contentHeader h2 { font-size: 18px; color: #813619; margin: 0; padding: 0;}
	
	
	#catalogue h3 { font-size: 14px; color: #AF4923; margin: 0; padding: 0; margin-bottom: 10px;}
	
	#sidebar { 
		float: left;
		width: 205px;
		padding: 35px 20px;
		margin-left: 5px;
	}
	#catalogue {
		margin-top: 10px;
		float: left;
		width: 505px;
	}
	#catalogueContent, #download {
		padding: 0 5px;
	}
	
	#download { margin: 10px 0;}
	
	#instructions {
		background-color: #F6E6B8;
		padding: 5px;
	}
	
	.imagesDisplay, .navigation, .textsDisplay, .tonesDisplay {
		border: none;
		width: 495px;
		margin: 0 auto;
		background-color: #F6E6B8;
		border-spacing: 0;
	}
	
	.navigation td {
		width: 165px;
		text-align: center;
		padding: 10px 0;
		 
	}
	
	.textsDisplay td, .textsDisplay th, .tonesDisplay td, .tonesDisplay th { padding: 10px; text-align: left; font-weight: bold; } 
	

	.pages { color: #AF4923; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px;}
	
	.imgSample { 
			background-color: #EAD6A3; 
			padding: 5px; width: 96px; 
			text-align: center;
			margin: 5px auto;
			color: #B95C00;
			font-weight: bold;
		}
	
	.imgSample img { margin-bottom: 4px; }
	
	#content a, #contentMain a{ color: #D82718; font-weight: bold; text-decoration: none; }
	#content a:hover, #content a:active, #contentMain a:hover, #contentMain a:active { border-bottom: #e73d30 solid 1px; }
	
	#sidebar h4 { text-align: right; color: #B88B16; font-size: 12px; margin-top: 0; margin-bottom: 8px;}
	#sidebar a { color: #AF4923; }
	#sidebar ul { list-style: none; margin: 0; padding: 0; text-align: right }
	
	.more { padding: 10px; text-align: right; }
	
	.textsample { padding: 5px 10px; font-weight: normal;}
	.quote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;  }
	
	#powered a img { border: none; text-decoration: none;}
	#powered a:active, #powered a:hover { border:none; text-decoration: none;}