/* colors

dk-blue:#0A5584
beige:#E9E9C2

*/

body
{
font-size:76%;
font-family: Georgia, Times, Serif;
background-color: #0A5584;
background-color: #fff;
margin:0;
padding:0;
margin-top:-30px;
}

legend {display:none;}

fieldset {
border:0;

}

p, li, label {
line-height:1.6em;
font-size:1em;
}

strong, h4 {
color: #993333;
color:#993300;
font-weight:bold;
}

p.link a:link, .linklist a {
font-weight:bold;
}

a:link, a:visited
{
color: #0A5584;	
}

p a:hover,  h3 a:hover, li a:hover {
background-color: #E9E9C2;
background-color: #EEEEDD;
color:#333333;
}

a img {border:0}

h1
{
	font-weight: normal;
	text-decoration:none;
	font-family: Georgia, Times, Serif;
	font-size: 2em;
color:#CC9933;
color:#999966;
margin-top:0;
padding-top:0;
border-bottom:1px solid #999966;
}

h2
{
	font-weight: normal;
color: #0A5584;
	font-family: Georgia, Times, Serif;
	font-size: 1.4em;
	
}


h3
{
color: #0A5584;
font-weight: normal;
font-family: Georgia, Times, Serif;
font-size: 1.5em;
}

#right h3 {
font-weight: normal;
}


h4 {
line-height:1.6em;
font-size:1.1em;
}

.caps
{
	letter-spacing: 0.1em;
	font-size: 10px;
}


.dropCap {
font-size:5em;
float:left;
width:1em;
font-weight:bold;
margin:10px 5px 0px 0;
color:#666666;
}

span {
font-size:60px;
height:40px;
padding-top:0.1em;
padding-top:15px;
float:left;
width:1em;
font-weight:bold;
margin:0px 5px 0px 0;
color:#666666;
}

.articleInfo {
font-style:italic;
font-size:1em;
color:#333333;
}

.articleInfo em.author {
font-style:normal;
font-weight:bold;
}

#content hr
{
	color: #ccc;
	width: 66%;
	margin-top: 2em;
	margin-bottom: 2em;
}


/********   home article     ************/
#leadArticle {
width:200px;
width:240px;
border-top:0px solid #EEEEDD;
margin-top:20px;
}

/*
#leadArticle p{
margin:0;
padding:5px;
}

#leadArticle h3{
margin:0;
padding:0;
}

*/

/********    btn     ************/

.articleBtn {
margin:0 10px;
float:none;
}


.fullArticleBtn {
/*margin-left:300px;*/
}

 a .fullArticleBtn, a .articleBtn  {
background-color: #FFFFFF;
border:1px solid #FFFFFF;
}


 a:hover .fullArticleBtn, a:hover .articleBtn  {
background-color: #FFFFFF;
border:1px solid #CCCCCC;
}


/********      ************/

ul.articleLink {
text-align:right;
margin:0;
list-style:none;
}

ul.articleLink li {
padding:3px 3px 3px 20px;
padding:3px 3px 3px 50px;
height:32px;
display:inline;
text-align:right;
margin-top:-1em;
line-height:60px;
background: url(/images/icon_page.gif) no-repeat;
background: url(/images/icon_doc.gif) no-repeat;
border:0px solid #999999;
}

#rssCatArchive, #rssCatList ul {margin-left:0;padding-left:0;}
#left ul {margin-left:0;padding-left:0;}

#left #searchNav li { 

padding:0 0 5px 5px;
list-style:none;
}

li.rssCart {
margin-left:0;
padding:10px 0 0 20px;
list-style:none;
background: url(/images/icon_page.gif)  0 10px no-repeat;
}





blockquote
{
	margin-left: 20px;
	margin-right: 0px;
}


ul#pages {
width:400px;
list-style:none;
text-align:right;
}

#pages li {
padding:0.2em;
list-style:none;

display: inline;
}


.leftFloat {
float:left;
margin:0 10px 5px 0;
}




/********    layout      ************/

#head
{

width:100%;
text-align: left;
height: 135px;
height: 150px;
background:#0A5584 url(/images/header-bg.jpg) repeat-x;
margin-bottom: 10px;
}

#container
{

	width: 760px;
	\width: 770px;
	w\idth: 760px;
	margin: 10px;
	margin-left: 0;
	width: 800px;
	padding: 0px;
background-color:#fff;
margin-top: 20px;
}



#content
{
margin-left: 220px;
margin-right: 10px;

padding: 10px 30px 0 30px;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
background:url(/images/gradient.jpg) top left no-repeat;
}

#contentHome
{
width:480px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding: 10px 15px 0 15px;
border-right:1px solid #CCCCCC;
border-left:0px solid #CCCCCC;

}

#contentHome img
{
padding-bottom:0;
padding-top:0;
}

#left {
float:left;
width:200px;
/*margin-top:20px;*/
padding-left:20px;
display: inline;
}

#right {
float:right;
width:240px;
border-right:0px solid #CCCCCC;
padding-right:20px;
background: url(/images/36.jpg) repeat-x;
}

#foot
{
width:100%;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
	clear: both;
	margin: 10px 0 0 0;
	text-align: center;
background:#0A5584;
color:#CCCCCC;
padding-bottom:0;
background: #0B5584 url(/images/nav-bar-bg.jpg) repeat-x;
}

#foot p {
width:760px;
padding:10px;

}

#foot a {
color:#CCCCCC;
}

#foot a:hover {
background: #0B5584 url(/images/nav-bar-bg.jpg) repeat-x;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}


img.divider
{
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
/*
#search {
margin-right:10px;
background:#EEEEDD;
}
*/
 #search input {
padding:2px;
}


#mlsSearch {
width:450px;
height:450px;
background:url(/images/bg-bigisland.jpg) no-repeat;
}

/*********     boxes    ***************/

.infoBox {
margin-top:10px;
margin-bottom:20px;

background-color: #EEEEDD;
background-color: #DBDBB8;
background-color: #E9E9C2;
padding:0;
}

#contentHome .infoBox {
background:#E9E9C2 url(/images/quotes.gif) 140px 30px no-repeat;
}

.infoBox p, .infoBox h4 {
padding:0 10px 10px 10px;
margin:0;
}

.infoBox h3 {
padding:10px;
margin:0;
font-size: 1.6em;
font-weight:bold;
font-style:italic;
}

.infoBoxSmall {
margin:0px 10px 10px 0;

background-color: #EEEEDD;
background-color: #DBDBB8;
background-color: #E9E9C2;
padding:0;
}

.infoBoxSmall p {
padding:0 10px;


margin:0;
}

.infoBoxSmall img {
padding:10px 0;
margin:0;
}



.infoBoxSmall h3 {
font-size:1em;
margin:0;
padding:5px;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-weight:bold;
text-align:center;
background:#0A5584;
color:#E9E9C2;
background: #0B5584 url(/images/nav-bar-bg.jpg) repeat-x;
}


#left .infoBox {
margin-right:10px;
}


.featureBox {
font-size:1em;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
line-height:1em;
margin:15px 10px 10px 0;
background-color: #E9E9C2;
padding:0;
}

.featureBox p {
padding:0 10px 10px 10px;
margin:0;
}

.featureBox a:hover {
color:#000000;
}


.featureBox img {
padding:10px 0;
margin:0;
}

.featureBox h3 {
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size:1em;
margin:0;
padding:5px;
font-weight:bold;
text-align:center;
color:#E9E9C2;
background: #0B5584 url(/images/nav-bar-bg.jpg) repeat-x;
}

.featureBox a {
text-decoration:none;
}


.box
 {
font-size:1em;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
line-height:1em;
margin:15px 10px 10px 0;
background-color: #E9E9C2;
padding:10px;
border: 1px solid #0B5584;
}

.box h3 {
padding:0;
margin:0;
line-height:1.2em;
}

.box p {
margin:0;
padding:0;
line-height:1.2em;
}

/*********     top nav    ***************/
#navcontainer
{
width: 100%;
float: left;
background: #2A6B94 url(/images/nav-bar-bg.jpg) repeat-x;
color: #94BDD7;
height: 30px;
display: inline;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin:0;
padding: 3px 0 5px 0px;
color: #C6DCE9;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: .9em;
letter-spacing: 0.1em;
font-weight: bold;
float: left;
clear: both;
height: 1%;
}

#navcontainer ul li a
{
color: #C6DCE9;
padding: 0.3em 12px;
background: #0B5584 url(/images/nav-bar-bg.jpg) repeat-x;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{
padding: 0.3em 12px 0.4em 12px;
background: #0B5584 url(/images/nav-bar-bg-o.jpg) repeat-x;
color:#fff;
}

#navlist li a:hover, #navlist li a:active
{
color: #E9E9C2;
text-decoration: none;
background: #0B5584;
text-align: left;

}


/************* featured property **************/

.featured img {
float:left;
padding:10px 10px 10px 0;
}

#phpList div.featured p, #phpList div.featured h3 {
color:#000000;
}

div.featured {
padding:0;
width:450px;
/*float:left;*/
margin-bottom:15px;
border-bottom:1px solid #B9C4C9;
}


#phpList h3, #phpList p {
padding:10px;
}

#phpList img  {
float:left;
padding:0 10px 10px 0;
}

/************* form styling **************/



#zemContactForm {

width:480px;
border:0px solid #CCCCCC;
}

.row label
{
float:left;
background: #EEEEEE;
width: 100px;
text-align: right;
padding:5px;
}

.row, .checkBoxes {
width:450px;

padding:5px;
}

.clear {clear:both};


#subscribe {
width:200px;
font-size:1em;
}

#subscribe span {
font-size:1em;
}
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}

/* @group misc */


#head:after

{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* Hides from IE-mac \*/

* html #head
{height: 1%;}
/* End hide from IE-mac */

p.clear {
clear:both;
margin:0;
height:0;
}


.floatRight {
	float: right;
	margin: 3px 0 10px 10px;
}

.floatLeft {
	float: left;
	margin: 3px 10px 10px 0;
}

#divider {
background-image:url(/images/header-bg.jpg);
}

/* @end */