@import url("layout.css");

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10.0pt;
	line-height:115%;
	color:black;
}

#container {
	background-color: #000000;
	background: #000000 url('../Riley_bg.gif') repeat-x;
	width: 100%;
}

#masthead {

	width: 670px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	padding-bottom: 10px;

}

#header {
	width: 810px;
	height:205px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	background-image: url('../images/Riley_header.gif');

}




#navigation {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	background-image: url('../images/button_bg.gif');
	background-repeat: repeat-x;

}




#page_content_bg_top {
	width: 850px;
	height:12px;
	margin-right: auto;
	margin-left: auto;
	background: #000000 url('../Riley_content_bg.jpg') top;
	background-repeat: repeat-y;
}


#page_content_bg {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: #000000 url('../Riley_bg_tile.jpg') top;
	background-repeat: repeat-y;
}


#page_content {

	width: 670px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;
	font-size:small;

}

#content {

	position: relative;

	float: left;

	width: 290px;

	padding-top: 7px;

	text-align: left;

}

#sidebar {
	float: right;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #000000;
}

#footer {

	clear: both;

	width: 670px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 5px;

	text-align: left;

}



/* Follow Us */

.followus{
width:600px; 
margin-left:auto; 
margin-right:auto; 
text-align:center; 
color:#660000; 
font-size:18px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
padding:5px; 


}

.followus a img{
border:none;
}





/* Scrolling Image and Popup styles */


#TICKER a .popup_image {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}


#TICKER a.scroll_image:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
	overflow:visible;
}

#TICKER a.scroll_image:hover .popup_image {
	border: 1px solid #000000;
	overflow:visible;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300px;
	z-index:5;

}






/* Masthead Styles */

#masthead h1 {
	font-weight: normal;
	color: #800000;
	text-transform: none;
	display: inline;
}

#masthead h3 {
	bottom: 0;
	font-weight: normal;
	color: #000000;
	display: inline;
	margin-top: 15px;
	margin-left: 25px;
}

/* Navigation Styles */

#navigation ul {

	list-style-type: none;

	width: auto;

	margin: 0;

	padding: 0;

}

#navigation li {

	float: left;

}

#navigation a {

	text-decoration: none;

	color: #b22222;

	display: block;

	margin: 0 1px;

	padding: 5px;

	border: 1px solid #708090;

	background-color: #FFFFEC;

}

#navigation a:hover {

	text-decoration: none;

	color: #800000;

	background-color: #d0dffa;

}

/* Content Styles */

h6 {

	color: #b22222;

}

h5 {

	color: #b22222;

}

h4 {

	color: #b22222;

}

h3 {
	color: #800000;
}

h2 {

	color: #b22222;

}

#content h1 {

	color: #b22222;

}

#content img {

	padding: 5px;

	border: 1px solid #358;

}

/* Sidebar Styles */

#sidebar p {
	color: #000000;
}

#sidebar img {

	float: right;

	margin-bottom: 5px;

	margin-left: 5px;

}

/* Footer Styles */

#footer p {

	font-size: 0.85em;

	color: #808080;

	margin-top: 10px;

	margin-bottom: 10px;

}

#footer a {

	color: #47b;

	text-decoration: underline;

}

#footer a:hover {

	color: #237;

	text-decoration: none;

}

/* Link Styles */

a {

	color: #191970;

	text-decoration: underline;

}

a:hover {

	color: #800000;

	text-decoration: underline;

}

.style_bold {

	font-weight: bold;

}

.style_italic {

	font-style: italic;

}

/*Garage door link stuff*/

#garagedoor {
	width:670px;
	margin-left:auto;
	margin-right:auto;
}

.under_header a:focus {
	outline: none; -moz-outline-style: none;
}

.header a:focus {
	outline: none; -moz-outline-style: none;
}

.under_header a:active {
	outline: none; -moz-outline-style: none;
}

.garagedoor a:active {
	outline: none; -moz-outline-style: none;
}

.garagedoor img {
	border: 0px; display: block;	
}

.item .mouse {
	height: 80px;
	width: 134px;
	
	margin:0;padding:0;border:0;display:block;left:0;position:absolute;cursor:pointer;top:0;
}

.item .mouse img {
	height: 80px;
	width: 134px;
	
	margin:0;padding:0;
}

.item {
	height: 80px;
	width: 134px;
	color: black;
	
	overflow:hidden;display:block;overflow:hidden;position:relative;margin:0;padding:0;float:left;background-repeat:no-repeat;text-decoration: none;
}

.item .underlay {
	padding: 10px;
	padding-top: 24px;
	color: black;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	height:80px;
	width:114px;
	text-align:center;
}

.item .overlay {
	height: 80px;
	width: 134px;
	
	margin:0;padding:0;border:0;left:0;position:absolute;top:0;
}

.style1 {

	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.style2 {

	text-align: center;

}

.style3 {

	text-align: left;

}

.style8 {
	color: #800000;
	font-size: x-large;
	font-family: "Adobe Garamond Pro Bold";
}

.style10 {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
}

.small_title {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;
}

.normal {
	background: #EBEBEB;
	font-family: 'Times New Roman', Times, serif;
	font-size: 10pt;
	color: #000000;
}


a {
	color: #4477BB;
}
a:visited {
	color: #808080;
}
a:active {
	color: #FFFF00;
}
a:hover {
	color: #0000FF;
}