/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
color: #000000;
}
#wrapper { 
 margin: 0 auto;
 width: 997px;

}
#header {
 color: #333;
 width: 995px;
 float: left;
 padding: 0px;
 border: 1px solid #FFFFFF;
 height: 155px;
 margin: 0px 0px 0px 0px;
 background: #FFFFFF;
 
}
#leftcolumn { 
 color: #FFFFFF;
 border: 0px solid #ccc;
border-top: 1px solid #E5EAF0;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 5px;
height: 5315px;
width: 163px;
float: left;
background-image: url(images/LeftColumn_Background_BlueFade.jpg);
background-repeat: repeat-y;
background-position: 0px;
background-image: border: 4px double #E6EBF1
background-color: #FFFFFF;
}

#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #E5EAF0;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height: 5314px;
 width: 812px;
 display: inline;
}
#footer { 
 float: left;
 clear: both;
 color: #FFFFFF;
 width: 975px;
 border: 1px solid #FFFFFF;
 background: #C69C12;
 margin: 0px 0px 0px 0px;
padding: 10px;
height: 50px;
text-align: center;
border-top: none;


}

#header p {color: #174C7E; text-align: center; font-size: .9em;}

#navlist
{
padding-top: 0px
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: white;
width: 14em;
}

#navlist li
{
list-style: none;
margin: 0;

text-align: left;
}

#navlist li a
{
display: block;
padding: 0.5em;
border-left: .25em solid #E3E8EE;
background-image: url(images/LeftColumn_Background_BlueFade.jpg);
text-decoration: none;
border-bottom: 1px solid #C69C12;
background-color: #FFFFFF;
}

#navlist li a:link { color: #004A8D;}
#navlist li a:visited { color: #004A8D;}

#navlist li a:hover
{

color: #C69C12;
background: #E5EAF0;

}

h3 {color: #C69C12; text-align: center; padding-bottom: 1em; font-size: 1.1em}
h2 {color: #FFFFFF; text-align: center; padding-bottom: 0em;}

#lakevermilionproperties {float: right; width: 145px; height: 5319px; background-image: url(images/LeftColumn_Background_BlueFade2.jpg); margin-left: .5em; }

#lakevermilionproperties p {font-size: 12px; font-weight: bold; background-color:  #004A8D; color: #FFFFFF; text-align: center;}

#lakevermilionproperties a {color: #C69C12; text-decoration: none;}


#navlist2 {list-style-type: none;  color: #333333; line-height: 1.4em; text-align: center;}
#navlist2 li a:hover {color: #C69C12; text-decoration: underline;}
 .area {font-weight: bold; line-height: 2em}
 .area2 {font-style: italic; line-height: 2.5em}
 .area3 {font-style: italic; line-height: 1.5em}
p.dropcap {line-height: 1.5em; padding-left: .5em; color: #000000;  padding-bottom: 1em;}
p.dropcap a {color: blue;}
p.dropcap: first-letter {float: left; width: 40px; font-size: 60px;
line-height: 50px;}
img {border: none}
p.maps {text-align: center;}
#whylakehomes {list-style-type: circle;}
#why2 {line-height: 1.5em; margin: 10px;}
#why {margin-left: 8px;}
.title {font-size: 1.4em; color: #004A8D;  margin-left: .5em}
.title2 {font-size: 1.4em; color: #004A8D;  text-align: center;}
#video {float: right; margin: 5px}
a {color: blue}
#center td {line-height: 3em}
#div {padding: 5px}
.highlight {
 background-color : #ffff00;
 }
.myparagraph:first-letter {
font-size:143%;
float:left;
color: #004A8D;
text-transform: uppercase;
font-weight:;
line-height: 0em
}
