/*  
Boise Online Mall
Mortgage Works ver:1.0
*/


/*------------Clearing the way to content----------------*/
.hide	{
	display:none;
	}
/*---------------------------------------------------*/

/*----------Start General Page Layout-----------*/

/*-------This section describes things in the order they appear on the page--------------*/

body {
	margin:0; /*It is generally good practice to 	
	zero out your margins and padding on the page, 	
	since some agents don't so this*/ 
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;	/*Tips for scaling up the font ladder, 
	start with 76% and then use mostly ems 	for the rest of the page*/
	font-style: normal;
	line-height: 1.8em;
	color: #000000;
	text-align:center;
	background: url(images/ltblubkgnd.gif);
	}

#wrapper{
	background: url(images/two_column.jpg) repeat-y;
	width: 778px;
	margin: 0 auto;
	text-align: left;
	color: #000000;
	position:relative;
	}

#header	{
	background: #ffffff url(images/mortgage-works-header.jpg) no-repeat; 
	border-bottom: 2px solid #79393a;
	height:140px;
	width:100%;
	color: red;
	}

#header h1 {
	padding-top: 20px;
	margin: 0;
	font-size: 2em;
	text-align: center;
	color: #f8d526;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/* ---------- Header Title ----------------------- */
h1 {
	padding-top: 20px;
	margin: 0;
	font-size: 1em;
	text-align: center;
	color: #48bbca;
	}

h2 {
	padding-top: 16px;
	margin: 0;
	font-size: 1em;
	text-align: left;
	color: #48bbca;
	}
	
h3 {
	padding-top: 14px;
	margin: 0;
	font-size: 1em;
	text-align: left;
	color: #48bbca;
	}

h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #0A5CBB;
	}


/* ---------- Begin mainnav ----------------------- */
 ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #AA9D90;
color: White;
text-decoration: none;
}

#navlist a:hover
{
padding: 10px;
color: #fff;
text-decoration: none;
}


/* ---------- End mainnav area----------------------- */

#content_container	{
	position:relative;
	background: url(imgages/bg-main.gif)no-repeat;
	margin:0;
	padding:0;
	}

#left	{
	float:left;
	
	width: 10px;
/*	position-top: 0;
	position-left: 0;	*/
	}

.content	{
	
	background: white;
	text-align: justify;	
	margin: 0px;
	margin-left:10px;
	padding-right:10px;
	}

#right	{
	float:right;
	background: white;
	text-align: justify;
	width: 100%;
/*	position-top: 0;
	position-right: 0;	*/
	}

.menu_links	{
	margin: 0px;
	padding:5px;
	font-size:.9em;
	color:red;
	}

.menu_links img	{
	margin: 0 0 0 -15px;
	padding: 0;
	}

.floatimgleft {
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
}


.floatimgright {
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}

#footer	{
	clear:both;
	background: #ffffff url(images/footer-bg.jpg) no-repeat; 
	margin:0px;
	padding-top:50;
	width:100%;
	height:83px;
	border-top: 1px solid #666666;
	text-align: center;
	font-size:.9em;
	line-height: 0.8em;
	color: #095093; 
	}

.disclaimers	{
	margin:0;
	padding: 5px;
	text-align:center;
	}

/*----------End General Page Layout-----------*/

/*---This next segment goes through and adds elements per template page, such as the tags needed for the index page, or header page, etc ---*/

/*--------Start of Possible Header Template CSS elements---------------*/
h1 {
	font-size: 4em;
	text-align: center;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	}

/*--------Start of Main Index CSS elements---------------*/

#left a:link	{
	text-decoration:none;
	list-style: none;
	color: #094AE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:400;
	}

#left a:visited	{
	text-decoration:none;
	list-style: none;
	color: #9E6F2F;
	font-weight:400;
	}

#left a:hover	{
	text-decoration:none;
	list-style: none;
	color: #FF8242;
	font-weight:400;
	}

#left a:active	{
	text-decoration:none;
	list-style: none;
	}

acronym		{
	cursor: help;
	}

h1 	{
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h2, h3 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#left h2 {
	font-size: 1.2em;
	padding-left: 5px;
	color: blue;
	line-height: 1.2em;
	}

.post {
	margin:20px 0 0 0;
	padding:0;
	text-align: left;
	}

.small	{
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 5px;
	font-size: .8em;
	margin: 0;
	padding:0;
	line-height: 1em;
	}
	
.entry	{
	text-indent: 0px;
	font-size: 1em;
	margin: 0 5px;
	padding:0;
	line-height: 1.3em;
	}

.entrytext	{
	text-indent: 10px;
	font-size: 1em;
	margin: 0 5px;
	padding:0;
	line-height: 1.3em;
	}

/*------still figuring out what these last three do-----------*/
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}

/*-------------------------------------------------*/
.center {
	text-align: center;
	}

/*-------Next up, the Sidebar Template elements------------*/

#right ol, #right ul	{
	list-style: none;
	}

#right a:link {
	text-decoration: none;
	color: #073AB0;
	}

#right a:visited	{
	text-decoration:none;
	color: #4077F7;
	}

#right a:hover	{
	text-decoration:none;
	color: #000000;
	background-color: #C6C74A;
	margin: 0; 
	padding: 0;
	}

#right a:active	{
	text-decoration:none;
	}

/*--------List elements for the right side-------*/
#right ul li h2	{
	font: 1.6em Arial, Helvetica, sans-serif;
	}

#right ul	{
	margin: 0;
	padding: 0;
	}

#right ul li {
	list-style: inside disc; color:#000000;
	line-height: 1.4em;
	margin: 0;
	}

#right ul li ul	{
	list-style: inside disc; color:#000000;
	margin: -15px 0 15px 20px;
	}

/*---If you want to make ordered lists on the right side, you'll need to make some as I didn't :) -------*/


/*--------Time for some Footer Template action--------------------------*/
#footer a:link {
	text-align; center;
	text-decoration: none;
	color: #E7EEFE;
	border-bottom: 1px solid yellow;
	}

#footer a:visited	{
	text-decoration:none;
	color: #000000;
	}

#footer a:hover	{
	text-decoration:none;
	color: #ffffff;
	background-color: #4A69A5;
	margin: 0; 
	padding: 0;
	}

#footer a:active	{
	text-decoration:none;
	text-align; center;
	}

/*---------------Misc------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #A9BBE5;
	background-color: #FFF;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}