@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		THE BASICS - trying not to overwrite too much, but still avoid having to declare some things later on 	*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

body, html { 
	margin: 0;
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 {
	color: #990000;
	margin: 0; 
	padding: 0;
}
h1, h2 {
	font-size: 110%;
	margin-bottom: 25px;
}
h3, h4 {
	font-size: 100%;
}
h5, h6 {
	font-size: 90%;
}
p {
	font-size: 85%;
	margin: 0; 
	padding: 0;
}

a, a:visited, a:hover, a:active {
	color: #333333;
	outline: none;
	text-decoration: none;
	border: none;
	margin: 0; 
	padding: 0;
}
a:hover, a:active {
	color: #990000;
}
ul, ol {
	font-size: 80%;
	margin: 0;
	padding: 0;
}
ul li, ol li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		NAVIGATION BAR
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navigation {
	width: 100%;
	margin-bottom: 25px;
}
#navigation img {
	border: none;
}
#footer {
	width: 100%; 
	height: 75px;
	float: left;
	margin-top: 25px;

/*	border: 1px solid red;	*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		THE BASICS - trying not to overwrite too much, but still avoid having to declare some things later on 	*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {
	width: 1000px;
	margin: 0 auto 25px auto;
/*	border: 1px solid green;	*/
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		LIST STYLES 	*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.list1 {
	margin-top: -10px;
}
ul.list1 li {
	padding: 2px 0 2px 15px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		COLUMNS 	*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.column {
/*	border: 1px solid red;	*/
}
.thirds {
	width: 31%;
	margin: 1%;
}
.twoThirds {
	width: 64%;
	margin: 1%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		REPEATER -> will be the main class -> use 'r%%%'  for specific changes???	*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/


.rpBar {
	position: relative;
	height: 100px;
	width: 200px;
	margin: 0px 20px 40px 15px;
	border: 1px ridge #333333;
}
.rpBar a,
.rpBar a:visited,
.rpBar a:hover,
.rpBar a:active {
	display:block;
	float:left;
	height:100px;
	position:absolute;
	width:200px;
	z-index: 33;
/*	background-color: pink;		*/
}
.rpBar img {
	position: absolute;
	float: left;
	z-index: 30;
}
.barDetails {
	position: absolute;
	height: 80px;
	width: 180px;
	padding: 9px;
	background-color: #333333;
	z-index: 31;
	border: 1px #666666 outset;
	cursor: pointer;
}
.barDetails p,
.barDetails h1,
.barDetails h2,
.barDetails h3 {
	color: #FFFFFF;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*		COMMON		*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cleaner {
	clear: both;
	width: 100%;
}
.rgt {
	float: right;
}

.lft {
	float: left;
}
.blk {
	display: block;
}