/*------ McKenna Realtor Main css ------ */
/*-------- 10/23/06 2:30PM ----------*/
/*   
Theme Name: MRMain
Theme URI: www.mckennarealtor.com
Description: Theme for Sheila McKenna Realtor
Author: Allan Douglas, DDGraphics WebMedia
Author URI: www.ddgwebmedia.com
*/
/*-------- HTML Elements --------*/ 
body {
	margin: 10px 20px 0px 75px;
	padding: 0px;
	font-family:  "Times New Roman", serif;
	color: #003764;
	background-color: #002442;
	font-size: 0.9em;
}
p, td, h2, h3, h4, h5, ul, li {
	font-family: "Times New Roman", serif;
}
a {
	text-decoration: none;
}

p {
	font-size: 0.9em;
	margin: 0px;
	padding:0px;
	color: #000000;
	line-height: 1.4em;
}
h1 {
	font-family: Garamond, "Times New Roman", serif;
	margin:0px 0px 10px;
	padding:0px;
	font-size: 1.8em;
	line-height: 1.8em;
	color: #003764;
	font-weight: 600;
	font-variant: small-caps;
	text-align: center;
}
h2 {
	font-size: 1.1em;
	color: #C09600;
	margin: .3em 0em;
	padding: 0px;
	font-style: italic;
	font-weight: bold;
}
h3 {
	font-size: 1.3em;
	color: #002442;
	margin: 0px;
	padding: 0px;
}
h6 {
	font-size: .9em ;	
}
/***** ---- Selectors ---- *****/
#inhalt {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFFFED;
	border: medium solid #C39900;
}
#imgleft {
	margin-left: -65px;
	padding-right: 3px;
}
#imgright {
	margin-right: -45px;
}
/* ---- Classes Used in inhalt ----*/
.bar {
	clear: both;
	width: 100%;
	background-image: url(../SiteAssets/GIF/gradienttop.gif);
	background-repeat: repeat-x;
	text-align: center;
	line-height: 1.8em;
	color: #FFFFED;
	background-position: top;
	font-variant: small-caps;
	letter-spacing: .2px;
	margin-top: -3px;
}
.bar a {
	font-size: .9em;
	color: #FFFFED;
}
/**********************************/
/**********************************/
/*---- Header Stuff ----*/
#header {
	margin: 0px auto 0;
	padding: 0px;
	background-color: #003764;
	height:137px;
	width: 100%;
}
/*-- body>#header {
	height: 120px;
} --*/
#hdrleftcol {
	float: left;
	text-align: left;
	background-color: #003764;
	width: 15%;
}
#hdrrghtcol {
	float: right;
	width: 85%;
	text-align: center;
	background-color: #003764;
	vertical-align: middle;
	margin: 15px 0px 0px;
	padding: 0px;
}
/**********************************/
/*---- Menu Stuff ----*/
#menu {
	position:absolute;
	top:30px;
	left:40px;
	width:170px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
}
/* Again, "be nice to Opera 5". */
body>#menu {
	width: 170px;
}
/**********************************/
/*------Main Container Used on Most Pages ------*/
#mccontainer {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	overflow: visible;
	text-align: left;
}

/*************************************/ 
/*------ Classes Used in All Column Layouts ------*/
/* twoColumns class for implementing a simple 2-column structure wherever needed
 * inside the content column. 
 */
#contenttwoCol {
	width: 100%;
	background-image: url(../SiteAssets/GIF/flourish.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#contenttwoCol p {
	margin-top: 0em;
}
#contenttwoCol h5 {
	margin-bottom: 0em;
	margin-top: .2em;
	margin-left: .5em;
}
 #contenttwoCol div.leftCol {
	float: left; 
	width: 150px;
	height: 100%;
	overflow: visible;	/* fix for IE italics bug */
	margin-right: -1px;
}
#contenttwoCol div.rightCol {
	float: left;
	width: 78%;
	margin: 0px;
}

#contenttwoCol div.rightCol p {
	margin-right: 20px;
}
#contenttwoCol div.leftCol div.inside {
	padding-left: 0px;
}
#contenttwoCol div.rightCol div.inside {
	padding-right: 0px;
}
/*-- #contenttwoCol div.oneCol {
	float: left;
	width: 150px;
	margin-right: -1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	z-index: 0;
	margin-top: -250px;
/* Again, the ugly brilliant hack.
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-top: -236px;
} -- */
#contenttwoCol p {
	margin: 0em 0.9em 0.9em;
}
#contenttwoCol h2 {
	margin: 0em;
	color: #B49107;
}
#contenttwoCol h3 {
	color: #B49107;
	margin: 0em;
	padding: 0em;
}
/**********************************/
/********************************/
/* ----- Mortgage Calc Form Stuff ----- */
#calcform {
	margin: 0 auto;
	width: 300px;
}
/*------ Form Button ------*/
.formbttn {
	cursor: pointer;
	background-color: #C39900;
	color: #FFFFED;
	border: outset 1px #ccc;
	padding: 1px 2px;
}
.formbttnoff {
	background-color: #C39900;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}
/***********************************/
/*------ Contacts Page Stuff ------*/
/*------ 10/16/06 11AM ------*/
/*------- Needed in every site that uses our DB for 
contact information -----------------*/
#contact {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

html>body #contact {
	width: 100%;
}
#contactinfo {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
html>body #contactinfo {
	width: 100%;
}
#contact h2 {
	text-align: center;
	margin-top: 15px;
}
#contact h4 {
	text-align: center;
}
#contact h5 {
	text-align: center;
	font-weight: normal;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	width: 33%;
}
#contact .message {
	text-align: center;
	float: left;
	display: block;
	width: 100%;
}
/* ----- DDGWM Contact Form CSS ----- */
/*------- 9/16/06 ------*/
#frmcontainer {
	position: relative;
	width: 80%;
	margin: 0px auto;
	clear: both;
}
div.row {
  clear: both;
  padding-top: 5px;
  }
div.row1 {
	clear: both;
	width: 100%;
	padding-top: 5px;
	text-align: center;
  }

div.row span.label {
  float: left;
  width: 50%;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 50%;
  text-align: left;
  } 
  /*---- End Contact Form CSS ----*/
/*---- Contact Button that stands alone
and can be used on various pages ----*/
.cntctbutton {
	margin: 130px auto 7px;
	display: block;
	width: 135px;
	text-align: center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.cntctbutton a:link, .cntctbutton a:visited {
	color: #C29800;
	background-color: #FFFFED;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 99;
	font-variant: small-caps;
}
html>body .cntctbutton {
	width: 140px;
}
.cntctbutton a:hover, .cntctbutton a:active {
	color: #FFFFED;
	background-color: #C29800;
	text-align: center;
	border-top-color: #330033;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #330033;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
  /*---- End Contact Page CSS ----*/
/***********************************/
/*-------- Nav Stuf --------*/
/*------ Top Nav Stuff ------*/
#topnav {
	margin: 0 auto 0 125px;
} 
/*---- Footer Stuff ----*/		
#footer {
	margin: .5em auto;
	clear: both;
	width: 90%;
	text-align: center;
	font-size: 0.8em;
}
#footer p, a {
	color: #B49107;
}
/********************************/
/* -------- Classes -------- */
/***************************/
/*------ SplitEm CSS ------ */
/*------ 9/12/06 ------*/
.splitem {
	clear: both;
	padding-top: 5px;
  }
.left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;
  }

.right {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 49%;
  }
  
div.spacer {
  clear: both;
  }
  /************************/
  /************************/
  /*------ Used in Current Listings ------*/
.hdrbutton a:link, .hdrbutton a:visited {
	margin: 0 auto 0 70%;
	display: block;
	width: 135px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCCCCC;
	color: #FFFFED;
	background-color: #C29800;	
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 99;
}
html>body .hdrbutton {
	width: 140px;
}
.hdrbutton a:hover, .hdrbutton a:active {
	color: #C29800;
	background-color: #FFFFED;
	text-align: center;
	border-top-color: #330033;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #330033;
}
/********************************/
/* ----- DDGWM Mortgage Calc Form Stuff ----- */
/*------- 9/16/06 ------*/
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 50%;
  text-align: right;
  }
div.row span.labelleft {
  float: left;
  width: 20%;
  text-align: left;
  }
div.row span.formw {
  float: right;
  width: 50%;
  text-align: left;
  }
  div.row span.formwleft {
  float: right;
  width: 80%;
  text-align: left;
  }
  /*************************************/
  /*********************************/
/*------ Nav Stuff ------*/
/*------ Left Nav ------*/
#leftnav, #leftnav ul { /* all lists */
	padding: 0;
	margin: 130px auto 0px;
	list-style: none;
	width : 10em;
}
	
#leftnav li {
	font-variant: small-caps;
	text-align: center;
	position : relative;
	margin-left: 0px;
	float : left;
	line-height : 1.25em;
	width: 9em;
	font-weight: bold;
}	
#leftnav li a {
	width: 10em;
	w\idth : 9em;
	display : block;
	color: #C29800;
	background-color: #FFFFED;
	text-decoration : none;
	border-top: none;
	border-right: none;
	border-left: none;
	padding : 0.3em 0.5em;
}
	#leftnav li a:hover, #leftnav li a:active {
		color : #FFFFED;
		background-color :#C29800;
}

/*--------End of Left Nav ------*/
 
/*------ Classes for DDGWebMedia logo in all footers ------*/
  .ddGraphics2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
/*------ End DDGWebMedia footer logo ------*/