/* CSS Document */

/*-- CONTENTS ---------------------------------------------

	=1:		[STANDARDS]
	=2:		[COMMON]

---------------------------------------------------------*/


/*------=1:	[STANDARDS] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

a {
	text-decoration: none;
	font-weight:bold;
	color:red;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: white;
	line-height: 1;
	color: black;
}

ol, ul {
	list-style: none;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.sIFR-alternate {
	display: none;
}

/*------=2:	[COMMON] -----------------------------*/

.floatLeft {
	float: left !important;	
}

.floatRight {
	float: right !important;	
}

.clearLeft {
	clear: left !important;	
}

.clearRight {
	clear: right !important;	
}

.clearBoth {
	clear: both !important;	
}

strong, .bold {
	font-weight: bold;
}

em, .italic {
	font-style: italic;
}

h1, h2 {
	font: bold 26px/30px "Arrus Bt", Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 0;
}

hr {
	background: url('../images/about-page/hr.png') repeat-x;
	height: 5px;
	border: 0;
}

div.page {
	background: #fff url('../images/about-page/page-top.png') top center no-repeat;
	width: 476px;
	padding: 30px 5px 5px 5px;
}

.largeRed {
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	color: #da0f0f;
}

body {
	background: url('../images/about-page/background.jpg') top center no-repeat;	
}

p {
	padding: 5px 0 5px 0;	
}

.imagePad img {
	padding: 6px;	
}

#container {
	width: 789px;
	margin: 0 auto;
	background: url('../images/about-page/page-texture.jpg');
}

	#header {
		position: relative;
		background: url('../images/about-page/header.jpg') no-repeat;
		width: 789px;
		height: 560px;
	}
		#header .logo {
			position: absolute;
			top: 37px;
			right: 8px;
			width: 250px;
			height: 139px;
		}
	
	#body {
		position: relative;
		width: 789px;
	}	
		
		#footer {
			background: url('../images/about-page/footer.jpg') no-repeat;	
			float:left;
			margin-top:-4px; /* -170 */
			width: 699px;
			height: 308px;
			padding-left: 90px;
		}
		
		#footer.notHome {
			margin-top:0px;	
		}
		
			#footer div {
				margin-top: 240px;
				float: left;
				display: inline;
				font: normal 11px/15px Arial, Helvetica, sans-serif;
				padding-left: 5px;
				color: #666;
			}
			
			#footer div a {
				color: #666;	
			}
		
		#center {
			position: relative;
			padding: 0 10px 50px 10px;
		}
		
			#leftCol {
				float: left;
				display: inline;
				width: 491px;
				padding: 0 10px 0 10px;
			}
			
			#rightCol {
				float: left;
				display: inline;
				width: 238px;
				background: url('../images/about-page/vbar.png') top left no-repeat;
				padding: 0 10px 0 10px;
				height: 744px;
			}
				#rightCol h2 a {
					color: #000;
				}
			
			
				#relatedContent {
					
				}
			
					#relatedContent li, .page li {
						list-style-type: square;
						padding: 2px;
						margin-left: 10px;
						color: #333;
					}
					
					.page ul {
						padding-left:20px;
					}	
			
					#relatedContent li.title {
						list-style-type: none;
						font: bold 15px/19px Arial, Helvetica, sans-serif;
						margin-left: 0;
					}
			
						#relatedContent li a {
							color: red;
						}
	
	#footerImage {
		background: url('../images/about-page/background-footer.png') top center no-repeat;	
	}
	
img.inline { display: inline; }
img.rhsImg {
 	margin-right: 15px;
 	float: right;
}

.newsImgBox {
	width: 180px; 
	margin: 8px;
	float: right;
}
	.newsImgBox img  { padding: 1px; border: 1px solid #ccc; }


ul.archive {
	margin-left: 40px;
	list-style-position: outside;
}
	ul.archive li {
		list-style-type: disc;
		padding: 4px 3px;
		font-size: 15px;
	}