@charset "UTF-8";
/* CSS Document */
/* Main CSS for rlsmothonline.com */

body {
	background: #737F8E;
	color: #333;
	font-family: verdana, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}
 
h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em; /* 16x1.636=36px */
	text-decoration: underline; }
 
h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin: 0; /* 18x1=18px */ }
 
p {
	font-size: 0.875em; /* 16x0.875=14px */
	margin-bottom: 1.286em; /* 14x1.286=18px */ }

/*  Wraqpper contains the header, inner container and the footer */	
#wrapper {
	background: #5C5D73;
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
 
#header {
	background-color: #B5B1B1;
}

/* The  Container holds the inner content and the nav bar only */
#container {
	height:727px;
	margin: 0px;
}

	#content {
	background-color: #aeaeaa;
	border: 1px black solid;
	float: right;
	margin-top:30px;
	margin-right:80px;
	margin-left:auto;
	text-align: center;
	text-decoration: none;
	width: 540px; /*  Must be 540px or less to fit 130px menu bar in IE  */
	height:666px;
}
	.textcontent p{
		text-align:left;
		padding-left:15px;
	}

/* The navbar is an all css navbar with rollover arrow */
#navbar {
	height:630px;
	padding-top:55px;
	margin-left: 20px;
	text-align: left;
	width:130px;
}
	/* The highest level list with primary navigation items */
	#navbar ul {
		font-size: 105%;
		list-style-type: none;
		padding-left: 6px; 
		margin-left:0;
	}
		
		#navbar li a {
			text-decoration:none;
			padding-left:10px;
		}
 
		#navbar ul li {
			padding-bottom: 2px;
			padding-top: 2px;
 		}
 
			#navbar ul li a:link {
				color: #000;
 			 }
 
			#navbar ul li a:visited {
				color: #909090;
 			 }
 
			#navbar ul li a:hover {
				color: #000;
				padding-left: 17px;
			}
			
			#navbar ul li a:active {
				color: #000;
				text-decoration: none;
			}
 
			#navbar ul li a:hover {
				color: #A8A9BF;
			}
				
 			/* The secondary level menu - the sub menus within each primary section  */
			#navbar ul li ul li {
				font-size: 85%;
				padding-bottom: 5px;
				padding-top: 5px;
			}
 				/* The third level menu - the sub menus within each secondary section  */
				#navbar ul li ul li ul li {
					padding-top: 4px;
					padding-bottom:6px;
					line-height:16px;
				}
 
				#navbar ul li ul li ul li a:link {
					display: block;
					font-size: 95%;
				}
 
				#navbar ul li ul li a:visited {
					display: block;
					font-family: verdana, helvetica, sans-serif;
				}
				
#navbar2 {
	height:630px;
	padding-top:35px;
	width:150px;
	margin-left: -20px;
	text-align: center;
}
	/* The highest level list with primary navigation items */
	#navbar2 ul {
		font-size: 95%;
		list-style-type: none;
		margin-left:15px;

;

	}
		
		#navbar2 li a {
	padding-left:0px;
		color:#A0721F;
	


		}
 
		#navbar2 ul li {
			padding-bottom: 2px;
			padding-top: 2px;
			color:#000;

 		}
		
		#navbar2 ul li a {
			text-decoration:none;
		}
 
			#navbar2 ul li a:link {
			color:#000;
 			 }
 
			#navbar2 ul li a:visited {
				color: #909090;
 			 }
 
			#navbar2 ul li a:hover {
				color: #A8A9BF;
				padding-left:0px;
				font-weight:bold;

			}
			
			#navbar2 ul li a:active {
					color:#000;				
					text-decoration: none;
			}
 


.multiline {
	
}
					
/* Class for highlighting the menu item on the currently displayed page */ 
.pagecrumbcolor {
	color: #BBBBBB;
	font-size: 95%;
	font-weight: bold; }
 
.postionlandscapeimage {
	margin-bottom: 1px;
	margin-top: 1px; 
}
 
.postionportaitimage {
	margin-bottom: 1px;
	margin-top: 1px;
}
 
.pageheading {
	color: #232540;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-top: 23px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
}

/* Class for description of individual portfolio items */
.itemdescription {
	color: #232540;
	font-size: .9em;
	font-weight: bold;
	line-height: 1em;
	padding-top:10px;
	padding-bottom:5px;
	text-decoration: none; 
}

/* Class for sub heading/secondary description of individual portfolio items */
.itemsubhead {
	color: #232540;
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 2px;
}
 
.clickonstyle {
	color: #4B5B69;
	display: block;
	font-size: .75em;
	font-weight: normal;
	line-height: 14px;
}

/* The following six classes are used on the home page to help arrange the four major images and their
accompanying text within the content div */
.upperleft {
	margin: 20px 15px 8px 0px;
	position: relative; 
}
 
.upperright {
	margin: 20px 0px 10px 15px;
	position: relative; 
}
 
.lowerleft {
	margin: 0 15px 8px 0px;
	position: relative; 
}
 
.lowerright {
	margin: 0 0px 8px 15px;
	position: relative; 
}
 
.textleft {
	margin: 0em 1em .5em 0em;
	position: relative; 
}
 
.textright {
	margin: 0em 0em .5em 1em;
	position: relative; 
}
 
/* For the persistant bottom nav bar */
#bottomnav {
	background: #B5B1B1;
	color: #000000;
	font-size: .85em;
	padding-bottom: 3px;
	padding-top: .4em;
	text-align: center;
	text-decoration: none;
	text-indent: 4em; 
	padding-left:40px;
}
 
	#bottomnav p {
		margin-bottom: 2px;
		padding-top: 2px; 
	}
 
	#bottomnav a {
		color: #000000;
		font-size: 1em;
		text-decoration: none;
	}
 
		#bottomnav a:link { color: #000000; }
 
		#bottomnav a:visited { color: #5C5D73; }
 
		#bottomnav a:hover { color: #3366CC; }
 
		#bottomnav a:active { color: #666; }
 
#footer {
	background: #B5B1B1;
	clear: both;
	width:800px;
	text-indent: 4em;
	margin:0 auto;
}