<!--
/* Paula Brinton Website - created by Janis Hamilton
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
/* Basic font info */
html, body, div, p, li, td, blockquote {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	margin: 0px;
}
h1 {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  font-size: 1.7em;
  font-weight:bold;
  color:#003399;
  letter-spacing: 2px;
  height:30px;
  background:url(../Images/underlineGoldSingleBlueBg.gif) repeat-x 0px 0px;
 }
h2 {
  margin: 0px 0px;
  font-size: 1.5em;
  font-weight: bold;
}
p, li,  {
  font-size: 1.2em;
}
td {
	font-size: 1.1em;
	}


/* The Core Technique
================================= */

body {
	margin: 2px;
	background-color:#FFFFFF;
	text-align: center;
}
#wrapper {
  width: 1000px;
  margin: 0 auto;
  text-align:left;
}
#banner {
  height: 132px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color:#A8D0F3; 
 }
#indexFlashDiv {
  height: 360px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color:#80B0DE;
 }
#branding {
  height: 84px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color:#A8D0F3; 
 }
#branding img {
  float:right;
  padding-top: 14px;  
  padding-right:20px;
}
#oneColumnContentSearch {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color:#80B0DE;
  text-align: left;
}
#oneColumnContentSearch h1 {
  width: 178px;
  /*lenght of page title plus 20*/
} 
#oneColumnContentSearch p {
  padding-top:0px;
  padding-bottom:4px;
  font-size: 1.2em;
  font-weight: bold;
  color:#333333;
} 
#oneColumnContentSearch .myFrame{ 
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align:center;
}
#oneColumnContentFeature { 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color:#80B0DE;
  text-align: left;
}
#oneColumnContentFeature h1 {
  width: 217px;
} 
#oneColumnContentFeature .myFrame{ 
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align:center;
}
.contactMeBox{
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  font-size: 1.2em;
  font-weight: bold;
  color:#003399;
  float:right;
} 
#oneColumnContentContact {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color:#80B0DE;
  text-align: left;
}
#oneColumnContentContact h1 {
  width: 141px;
} 
#oneColumnContentContact h2 {
  width: 141px;
} 
#oneColumnContentContact .contactTableDiv{ 
  text-align:center;
 }
#oneColumnContentContact .contactTable{ 
  margin-left:auto;
  margin-right:auto;
}
#oneColumnContentContact .newsTable{ 
  margin-left:0px;
 }
#mainNav {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 8px;
  height: 10px;
  background-color:#003399;
  font-size: 1.1em;
  font-weight:bold;
  text-align:center;
}
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	margin: 0px; 
	padding-top: 1px;
	font-size: 1.1em;
	color: #ffffff; 
	display:inline;
	font-weight: bold;
}
#nav li a {
	background:none;
	color: #ffffff; 
	text-decoration: none;  
	padding: 2px;
	font-weight: bold; 
}
#nav li a:hover {
	color: #003399; 
	background: #ffffff;
}
ul#nav li span {
	float: right; 
	padding: 1px 3px; 
	background: #FF0000;
}	
#home #nav .home a,
#search #nav .search a,
#listings #nav .listings a,
#buyer #nav .buyer a,
#community #nav .buyer a,
#school #nav .buyer a,
#seller #nav .seller a,
#homeValue #nav .seller a,
#team #nav .team a,
#contact #nav .contact a,
#news #nav .news a{
background-position:right bottom;
color:#F0D200;
cursor:default;
font-weight: bold;
padding: 1px 3px; 
background: none;
}
#home #nav .home a:hover, 
#search #nav .search a:hover,
#listings #nav .listings a:hover,
#buyer #nav .buyer a:hover,
#community #nav .buyer a,
#school #nav .buyer a,
#seller #nav .seller a:hover,
#homeValue #nav .seller a:hover,
#team #nav .team a:hover,
#contact #nav .contact a:hover,
#news #nav .news a:hover{
background: none;
}
#contentWrapper {
  width: 100%;
  margin: 0;
  text-align:left;
  background: #fff url(../Images/blueNavLight.gif) repeat-y left top; 
  overflow:auto; 
}
#secondaryNav {
  width: 170px; 
  float: left;
  overflow:auto;
}
ul#secondaryNav {
	list-style:none;
	padding-left:20px;
}
#secondaryNav li {
	margin-top: 10px;
	padding-top: 10px;
  	padding-bottom: 10px; 
	font-size: 1.1em;
	color: #ffffff; 
	text-transform:none;
	font-weight: bold;
}
#secondaryNav li a {
	color:#003399;
	text-decoration: none;  
	padding: 2px 4px;
	font-weight: bold; 
}
#secondaryNav li a:hover {
	color: #003399; 
	background: #ffffff;
}
#buyer #secondaryNav .tips a,
#community #secondaryNav .community a,
#school #secondaryNav .school a{
background-position:right bottom;
color:#F0D200;
cursor:default;
font-weight: bold;
background: #003399;
}
#buyer #secondaryNav .tips a:hover,
#community #secondaryNav .community a:hover,
#school #secondaryNav .school a:hover{
background: #003399;
}
#seller #secondaryNav .sellerTips a,
#homeValue #secondaryNav .value a{
background-position:right bottom;
color:#F0D200;
cursor:default;
font-weight: bold;
background: #003399;
}
#seller #secondaryNav .tips a:hover,
#homeValue #secondaryNav .value a:hover{
color:#003399;
background: #ffffff;
}
#team #secondaryNav .teamInfoPaula a{
background-position:right bottom;
color:#F0D200;
cursor:default;
font-weight: bold;
background: #003399;
}
#team #secondaryNav .teamInfo a:hover{
background: #003399;
}

#content {
  padding-top: 10px;
  width: 810px;
  float: right;
  text-align: left;
  background: #fff url(../Images/bgLogoBorder.gif) repeat-y top left;
  overflow:auto;
  border:#FF0000;
 }

#content h1 {
  margin-left:0px;
  width: 220px;
  background:url(../Images/underlineGoldSingleWhiteBg.gif) repeat-x 10px 0px;
} 
#content h2 {
  padding-left: 0px;
  padding-right: 20px;
  padding-bottom: 4px;
  font-size: 1.5em;
  font-weight: bold;
  color:#003399;
  font-style: italic;
 } 
 #content h3 {
  padding-left: 0px;
  padding-right: 20px;
  padding-bottom: 4px;
  font-size: 1.5em;
  font-weight: bold;
  color:#991A00;
  font-style: italic;
 }
#content p {
  margin-right:20px;
  padding-left: 0px;
  padding-right: 20px;
  padding-top:4px;
  padding-bottom: 4px;
  color: #333333;
  font-size:1.2em;
}
#content .contentTable{ 
  margin-left:auto;
  margin-right:auto;
}

ul#contentList {
	margin-top:0px;
	margin-bottom:10px;
	margin-left: 2px;
	margin-right: 10px;
  list-style-type:none;
  list-style:none;
}
#contentList li {
	padding-right: 20px;
  	padding-left: 31px;
	padding-top: 8px;
  	padding-bottom: 8px;
	background: url(../Images/bulletArrowGrayOutline.gif) no-repeat 0px 6px;
	color: #333333;
  	font-size:1.2em;
}
.communityTableTitle{
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 4px;
  font-size: 1.5em;
  font-weight: bold;
  color:#003399;
  font-style: italic; 
}
ul#communityList{
  list-style:none;
  margin-left: 40px;
}
#communityList li {
	margin: 4px 0px 8px 0px;
}
#communityList li a {
  display: block;
  width: 300px;
  height: 20px;
  line-height: 20px;
  color: #003399;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;  
  background: #ffffff url(../Images/communityVisitedGray.gif)  no-repeat left top;
  text-indent: 6px;
}
#communityList li a:visited {
  background-position: right top;
}
#communityList li a:hover {
	color: #003399;
	font-weight:bold; 
	background: #ffffff;
	width:300px;
}

ul#newsList{
  list-style:none;
  margin-left: 40px;
}
#newsList li {
	margin: 4px 0px 8px 0px;
}
#newsList li a {
  display: block;
  width: 300px;
  height: 20px;
  line-height: 20px;
  color: #003399;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;  
  background: #ffffff url(../Images/communityVisitedGray.gif)  no-repeat left top;
  text-indent: 6px;
}
#newsList li a:visited {
  background-position: right top;
}
#newsList li a:hover {
	color: #003399;
	font-weight:bold; 
	background: #80B0DE;
	width:300px;
}


#homeValue h2{
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 6px;
  font-size: 1.4em;
  font-weight: bold;
  color:#003399;
  font-style: italic;
  overflow:auto; 
}
.outerValueTable{
	margin-left: 40px;
	margin-right: 40px;
	border-collapse:collapse;
	border: 2px solid #003399;
	margin-bottom: 4px;
	width:80%;
}
.outerValueTableSolid{
	margin-left: 40px;
	margin-right: 40px;
	border-collapse:collapse;
	border: 2px solid #003399;
	margin-bottom: 4px;
	width:80%;
	background-color:#A8D0F3;
}
.homeValueTable{
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 6px;
  padding-top: 0px;
  margin-bottom: 10px;
  overflow:auto;
 }
 .homeValueTable td{
   padding-bottom: 2px;
  padding-top: 2px;
  font-size: 1.1em;
   overflow:auto;
 }
.homeValueTableTitle{
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 1.3em;
  font-weight: bold;
  color:#003399;
  background-color:#A8D0F3;
}

ul#teamList {
float:left;
	margin-top:10px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 10px;
  list-style-type:none;
  list-style:none;
}
#teamList li {
	padding-right: 20px;
  	padding-left: 31px;
	padding-top: 10px;
  	padding-bottom: 1px;
	background: url(../Images/bulletArrowGrayOutline.gif) no-repeat 2px 8px;
	font-size: 1.6em;
  font-weight: bold;
  color:#003399;
  font-style: italic;
}
#footer {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1px;
  margin-bottom: 0px;
  background:#80B0DE;
}
/*
background:#80B0DE url(../Images/underlineDarkBlueSingleNoWhite1px.gif) repeat-x 0px 0px;
background:#80B0DE url(../Images/underlineDarkBlueSingle1px.gif) repeat-x 0px 0px;
background:#80B0DE url(../Images/underlineDarkBlue2px.gif) repeat-x 0px 0px;) repeat-x 0px 0px;*/

#footer { 
  clear: both;
}
#footer .footerDiv {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 17px;
  padding-right: 23px;
  text-align:center;
}
#footer .footerDiv img {
  padding-top: 3px;
  padding-right:0px;
  padding-bottom:3px;
  padding-left:10px; 
  float:left;
}
#footer .footerDivBox {
  margin-left:auto;
  margin-right:auto;
  padding-top: 3px;
  width: 80%;  
 }
 #footer .footerDivBox p {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 2px; 
  font-size: 1.1em;
  text-align:center;
 }

.clear {
  clear: both;
}
.clearLeft {
  clear:left;
}
.grayBoxContact2{
	margin-left:10px;
	margin-right: 10px;
	background-color:#A8D0F3;
}
.blueUnderline{
	background: url(../Images/underlineLightBlueDouble.gif) repeat-x 0;
	width: 100%;
	height: 5px;
	margin-top: 1px;
    margin-bottom: 1px;
}
.blueUnderline2{
	background: url(../Images/underline.gif) repeat-x 0;
	width: 90%;
	height: 6px;
}

.darkBlueUnderline{
	background: url(../Images/underlineDarkBlueDouble.gif) repeat-x 0;
	width: 95%;
	height: 5px;
	margin-left: 0px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 0px;
}
.testimonials{
	font-size:1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style:italic;
	width:85%;
	margin-left:30px;
}
#team hr{
	color:#CCCCCC;
	width:85%;
	margin-left:30px;
}
#internalNav {
  float: left;
  overflow:auto;
}
ul#internalNav {
	list-style:none;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
}
#internalNav li {
	font-size: 1.2em;
	text-transform:none;
	display:inline;
}
#internalNav li a {
	color: #ffffff; 
	text-decoration: none;  
	padding: 2px 4px;
	font-weight: bold;
	background: #003399; 
}
#internalNav li a:hover {
	color: #003399; 
	background: #ffffff;
	padding: 2px 4px;
}
