body {
font-family: verdana, arial, helvetica, sans-serif;
color: #000066;
}
a {
color: #003399;
}
a.officeLink { color: #003399; font-size: 90%; color: #333366; display:inline; }
.disclaimer {font-size: 70%; }
.small {font-size: 85%; }


/* -----------------------  All Header Styles  ----------------------- */
h1 { font-size: 165%; color: #333366; padding: 10px 0px 0px 0px; margin: 0; text-align: left; border-bottom: 2px solid #7D94A4; width: 100%; display: block; }
.subhead { font-size: 145%; color: #E8D475; padding: 0px 0px 10px 0px; margin: 0; font-weight: normal; text-align: left; }
h2 { font-size: 135%; color: #333399; padding: 10px 0px 4px 0px; margin: 0; text-align: left; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 90%; color: #333366; }
h6 { font-size: 75%; }


/* -----------------------  Main Body Styles  ----------------------- */

div.maintext {
clear: both;
text-align: left;
line-height: 140%;
}

div.maintext a {
color: #333399;
font-weight: bold;
}

div.maintext a:visited {
color: #000066;
}

div.maintext a:hover {
color: #333366;
}


/* -----------------------  Main Body Image Styles  ----------------------- */

div.image-top {
clear:both;
margin: 0px 0px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-left {
float:left;
margin: 0px 10px 10px 0px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

div.image-right {
float:right;
margin: 0px 0px 10px 10px;
padding: 5px;
/*background-color: #CCCCCC;*/
}

span.imageCaption {
	font-size: 90%;
	font-style : italic;
	position: relative;
	color: #003399;
}

span.module-head {
padding: 10px 0 0 0;
font-size: 80%;
color: #0033cc;
letter-spacing: 12px;
font-weight: bold;
clear:both;
width:100%;
}



/* -----------------------  All Bar (Header, etc) Styles  ----------------------- */

div#topbar {
	clear:both;
	padding: 4px;
	margin: auto 0;
	text-align: center;
	background-color: #333366;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FFFFFF;
}
div#topbar a {
color: #F2EB53;
text-decoration: none;
}
div#topbar a:hover {
color: #FFFF99;
}
div#topbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background-color: #FFFFFF;
	height: 5px;
}
div#navbar1 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: right;
	background: #E8D475 url('http://www.dlcfunds.com/images/navbar-bg.jpg') repeat-x;
	height: 7px;
}
div#navbar2 {
	clear:both;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #293378;
	height: 30px;
}
div#logobar {
border-top: 1px solid #32375F;
background: #293378 url('http://www.dlcfunds.com/images/logo-bg.jpg') repeat-x;
width: 100%;
height: 105px;
margin: 2px 0;
}
div#navbar3 {
	clear:both;
	padding: 0;
	margin: 0 0 2px 0;
	text-align: right;
	background: #E8D475 url('http://www.dlcfunds.com/images/navbar3-bg.jpg') repeat-x;
	height: 26px;
	line-height: 26px;
	padding-right: 10px;
}

div#navbar3 a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

div.ratesBox {
background-color: #E8D475;
position: absolute;
display: block;
right: 10px;
top: 0px;
z-index: 50000000;
width: 200px;
height: 130px;
padding: 10px;
text-align: left;
line-height: 100%;
}

div.ratesBoxShadow {
 background:	url('menu/images/shadow.png') no-repeat bottom right;
 padding: 0 8px 9px 0;
 -moz-border-radius-bottomleft: 17px;
 -moz-border-radius-topright: 17px;
 -webkit-border-top-right-radius: 17px;
 -webkit-border-bottom-left-radius: 17px;
right: 2px;
top: 26px;
 width: 218px;
height: 149px;
position: absolute;
 }

/* -----------------------  All Right Styles  ----------------------- */

div#right {
		width:186px;
		padding: 10px;
    }
	
/* -----------------------  All Footer Styles  ----------------------- */

div#footer {
		clear:both;
		width:100%;
		text-align: center;
		color: #FFFFFF;
		font-size: 75%;
		font-weight: bold;
		background-color: #E8D475;
		padding-top: 5px;
		padding-bottom: 5px;
		z-index: 2;
    }
	div#footer a {
	color: #F2EB53;
	font-family: arial, helvetica;
	text-decoration: none;
	}
	div#footer a:hover {
	color: #FFFF99;
	}
	

/* -----------------------  All Backoffice Styles  ----------------------- */

tr.even, td.even, div.even {
	background-color: White;
} 
tr.odd, td.odd, div.odd {
	background-color: #F8F3D8;
} 

/* -----------------------  All Backoffice Navigation Styles  ----------------------- */

ol.tiers {
color: #FFFFFF;
font-size: 75%;
}

ul.tiers {
	width: 100%;
	color: #FFFFFF;
	/*border-bottom: 2px white solid;
	border-top: 2px solid #F1CE66;*/
	padding: 0;
	margin: 0;
	/*background-color: #F1CE66;*/
	border-top: 2px white solid;
}

ul.tiers li.nav {
	color: #FFFFFF;
	border-bottom: 2px white dotted;
	padding:0px;
	font-weight: normal;
}

ul.tiers li.nav-active {
	color: #FFFFFF;
	font-weight: bold;
	padding:0px;
	border-bottom: 2px white dotted;
}

ul.tiers li.cat {
	color: #ffffFF;
	border-bottom: 2px white solid;
	font-weight: bold;
	padding-top:5px;
	padding-right:0px;
}

ul.tiers li.nav a,
ul.tiers li.cat a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 4px;
	font-size: 90%;
}

ul.tiers li.nav-active a.active,
ul.tiers li.cat-active a.active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px;
}

ul.tiers li.nav a:hover,
ul.tiers li.cat a:hover {
	color: #FFF56D;
	background-color: #E8D475;
}

span.half {
float: left;
width: 45%;
}



/* -----------------------  All Header Navigation Styles  ----------------------- */
    div#header {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		text-align: center;
		color: #99ccff;
		position: relative;
    }
	div#header p,
	div#header h1,
	div#header h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
	}
	div#header a.inactive {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	}
	div#header a.active {
	font-weight: bold;
	font-size: 75%;
	font-family: tahoma, arial, helvetica;
	text-decoration: none;
	background: #F5D37E;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	height: 30px;
	position: relative;
	border-top: #DBB55D 2px solid;
	}
	div#header a:hover {
	color: #E8D475;
	}
	div#header a.active:hover {
	color: #003399;
	}
	div#header ul {
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 30px;
	}
	div#header li {
	 display: inline;
	 position: relative;
	}
	
	
/* -----------------------  All Form Formatting Styles  ----------------------- */	
	
	div.row {
  clear: both;
  padding-top: 10px;
  width: 95%;
  text-align: center;
  }
  
  div.row span.leftHalf {
  float: left;
  width: 45%;
  text-align: right;
  }
  div.row span.rightHalf {
  float: right;
  width: 45%;
  text-align: left;
  } 

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
  
  }
  div.row span.label-required {
  float: left;
  width: 30%;
  text-align: right;
  color: #FF0000;
  }
  
div.row span.left {
  float: left;
  width: 45%;
  text-align: center;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  } 
  div.row span.form80 {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form45 {
  float: left;
  width: 45%;
  text-align: left;
  } 
  div.row span.form15 {
  float: left;
  width: 15%;
  text-align: left;
  } 
  div.row span.form20 {
  float: left;
  width: 20%;
  text-align: left;
  } 
div.row span.right {
  float: right;
  width: 45%;
  text-align: center;
  }
  
  div.categories {
  clear: both;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  } 
  div.categories span.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
   div.categories div.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
div.form { 
width: 90%; 
/*background-color: #cc9; 
border: 1px dotted #333; */ 
padding: 5px; 
margin: 0px auto;
}
div.form table { table-layout: fixed; }
input, textarea, select { width: 100%; }
input.submit { width: 50%; background-color: #254172; color: #FFFFFF; font-weight: bold; }
input.multi_submit { width: 90%; background-color: #254172; color: #FFFFFF; font-weight: bold; }
input.full_submit { width: 100%; background-color: #254172; color: #FFFFFF; font-weight: bold; }
input.checkbox, input.radio { width:20px; height: 20px; }
input.arrow { width: 10px; height: 10px; }
div.majorcondos { overflow: scroll; width:100%; height:500px; }


/* -----------------------  All Major Condos Formatting Styles  ----------------------- */	

ul.gallery li {
        display: inline;
        list-style: none;
        width: 70px;
        height: 70px;
        float: left;
        margin: 2px;
        text-align: center;
		border: 1px black solid;
	}
	
ul.print-gallery li {
        display: inline;
        list-style: none;
        width: 125px;
        float: left;
        margin-bottom: 4px;
        text-align: center;
		border: 1px black solid;
	}
	
a.agentLink {
background-color: #254172;
color: #FFFFFF;
display: block;
font-weight: bold;
text-decoration: none;
padding: 5px;
margin: 3px 0;
width: 100%;
}

a.agentLink:hover {
background-color: #254172;
color: #E8D475;
}