body {
	background-color:#3F3F3F;
	background-image: url(http://www.crystalboldt.com/media/background_blk_gry_wave.gif);
	background-repeat:repeat-y;
	margin:0px;
	padding-left:6px;
	padding-right:6px;
	min-width:840px;
	max-width:1120px;
}

a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/

a:link {
	color: #0000FF;
	text-decoration: underline;
}

a:visited {
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #0099FF;
}

a:active {
	text-decoration: none;
}



a.nav:link {
	color: #FFFFFF;
	text-decoration: underline;
	}

a.nav:visited {
	color: #FFFFFF;
	text-decoration: underline;	
}

a.nav:hover {
	color: #00CCFF;
	text-decoration: underline;	
}


/* NAV LINKS */
div.navBlueNavy {
	margin: 0px 0px 15px 0px;
}

.navBlueNavy {
	color: #036;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a.navBlueNavy:link {
	color: #036;
    text-decoration: none;
	border-color:#A2BBD8 #A2BBD8 #036 #A2BBD8; 
    border-width: 0px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;
}

a.navBlueNavy:visited {
	color: #036;
    text-decoration: none;
	border-color:#A2BBD8 #A2BBD8 #036 #A2BBD8; 
    border-width: 0px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;	
}

a.navBlueNavy:hover {
	color: #FFF;
	background-color: #666;
	border-color:#036 #666 #036 #666; 
    border-width: 1px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;
}

a.navBlueNavy:active {
	color: #036;
    text-decoration: none;
	border-color:#A2BBD8 #A2BBD8 #036 #A2BBD8; 
    border-width: 0px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;	
}



/* BlueNavy used for body */
.blueNavy {
	color: #036;
}

a.blueNavy:link {
	color: #036;
    text-decoration: none;
	border-color:#A2BBD8 #A2BBD8 #036 #A2BBD8; 
    border-width: 0px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;
	
	}

a.blueNavy:visited {
	color: #036;
    text-decoration: none;	
}

a.blueNavy:hover {
	color: #FFF;
	background-color: #666;
	border-color:#036 #666 #036 #666; 
    border-width: 1px 4px 1px 4px;/*top right bottom left*/
    border-style: solid solid solid solid;
}

a.blueNavy:active {
	color: #036;
    text-decoration: none;	
}




.red {color: #FF0000;}

.blackLarge {
	color: #000000;
	font-size: large;	
	}

.white {color: #FFFFFF}

a.white:link {
	color: #FFFFFF;
	text-decoration: underline;
	}

a.white:visited {
	color: #FFFFFF;
	text-decoration: underline;
	}

a.white:hover {
	color: #00CCFF;
	text-decoration: underline;
	}

.gray {color: #CCCCCC}

a.gray:link {
	color: #CCCCCC;
	text-decoration: underline;
	}

a.gray:visited {
	color: #CCCCCC;
	text-decoration: underline;
	}

a.gray:hover {
	color: #00CCFF;
	text-decoration: underline;
	}

.grayacct {color: #a2bbd8}

a.grayacct:link {
	color: #a2bbd8;
	text-decoration: underline;
	}

a.grayacct:visited {
	color: #a2bbd8;
	text-decoration: underline;
	}

a.grayacct:hover {
	color: #00CCFF;
	text-decoration: underline;
	}

.blackish {color: #111111}

.blackish:link {
	color: #111111;
	text-decoration: none;
}

a.blackish:visited {
	color: #111111;
	text-decoration: none;
}

a.blackish:hover {
	color: #111111;
	text-decoration: underline;
}
		
	
.whiteBoldLarge {
	font-weight: bold;
	color: #FFFFFF;
	font-size: large;
}

.whiteBoldxLarge {
	font-weight: bold;
	color: #FFFFFF;
	font-size: x-large;
}

.whiteBold {color: #FFFFFF; font-weight: bold;

}

.yellowBoldLarge {
	font-weight: bold;
	color: #FFFF00;
	font-size: large;
}

.yellowBoldxLarge {
	font-weight: bold;
	color: #FFFF00;
	font-size: x-large;
}

.yellowBold {color: #FFFF00; font-weight: bold;

}

h1 {
	font-size: 16px;
	margin: 0px;
}
h2 {
	font-size: 18px;
	margin: 0px;
}
h3 {
	font-size: 16px;
	margin: 0px;
}
h4 {
	font-size: 16px;
	margin: 0px;
}
h5 {
	font-size: 16px;
	margin: 0px;
}
h6 {
	font-size: 16px;
	margin: 0px;
}


/*vertical menu*/
#menu {
	/*height: 35px;*//*removed due to IE 7 Error*/
	margin: 5px 0; padding:0 3px;
	}

div.outer {
	width: 150px; height: 35px;
	margin: 0 0 0 0;
	background: url( 'http://www.crystalboldt.com/media/star-realtor_pbl.gif' ) 0 -70px no-repeat;
	}

div.outer a.vertmenu {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 20px "Times New Roman", Times, serif;
	color:#FFF;
	text-decoration: none;
	background: url( 'http://www.crystalboldt.com/media/star-realtor_pbl.gif' ) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 4px 0 0 7px;
	}

div.outer a.vertmenu:active {
	color: #A3BBD8;
	background: url( 'http://www.crystalboldt.com/media/star-realtor_pbl.gif' ) 0 -105px no-repeat;
	}


div.outer a.vertmenu:hover {
	background-image: none;
	color: yellow;
	}
	
	
	
	
/*singular buttons*/
div.cssnav {
/*align: center;*/
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(http://www.crystalboldt.com/media/button_contact-me_blank-ovr.jpg);
background-repeat: no-repeat;
/*white-space: nowrap;*/
/*display: block;*/
width: 137px;
height: 25px;
margin: 0;
padding: 0;
overflow:hidden;/* for ie to hide extra height*/
}

div.cssnav a {
display: block;
color: #ffffcc;
font-size: 18px;
width: 137px;
height: 25px;
display: block;
float: left;
color: black;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

div.cssnav img {width: 137px; height: 25px; border: 0; }
* html a:hover {visibility:visible}
div.cssnav a:hover img{visibility:hidden}

div.cssnav span {
position: absolute;
text-align:center;
/*right: -100px;*/
left: 3px;
top: 3px;
width: 130px;
/*margin: 0px;
padding: 0px;*/
cursor: pointer;

}

div.cssnav a {
	/*background-image: none;*/
	color: #ffffcc;
	font-weight:bold;
	text-decoration: none;
	}

div.cssnav a:hover {
	/*background-image: none;*/
	color: yellow;
	font-weight:bold;
	}