/* Florida Housing Law 1.0 Layout - www.floridahousinglaw.com */
/* Copyright (c) 2006 Lutz, Bobo,Telfair, Eastman & Lee. All rights reserved. */
/* Created for Florida Housing Law by Open Development, October 2006. */





/* -------------- GENERAL ----------------- */



	
body
	{
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    font: 73% Verdana, sans-serif;
    text-align: center;
    color: #333;
		}
	


/* -------------- TYPOGRAPHY ----------------- */



h1
	{
    font-size: 2.5em;
    font-family: Georgia, serif;
    color: #703e1e;
		}

h2
	{
    font-size: 1.75em;
    font-family: Georgia, serif;
    line-height: 1.2em;
		}

h3
	{
    font-size: 1.5em;
    font-family: Georgia, serif;
		}

h4
	{
    font-size: 1.1em;
    font-family: Georgia, serif;
		}

h5
	{
    font-size: 1em;
    font-family: Georgia, serif;
		}

h6
	{
    font-size: .9em;
		}

strong
	{
    font-weight: bold;
		}

em
	{
    font-style: italic;
		}

pre,code
	{
    font: normal 100% courier,monospace;
		}
		
		
		
		
		

		


/* -------------- LAYOUT ----------------- */



	
#noscript
	{
	margin: 0 auto;
    width: 760px;
    text-align: left;
    background: #ffde33;
		}
	
#noscript p
	{
    font-weight: bold;
	color: #333;
	padding: 12px;
		}
		
#top
	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 760px;
	background: #fff;
	height: 0px;
		}
		
#top h1
	{
	display: none;
		}
		
#top p
	{
	display: none;
		}

#page
	{
    margin: 16px auto;
    padding: 0;
    border: 0;
    width: 786px;
    background: #fff url(../images/shadow.gif) repeat-y;
		}

#frame
	{
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 760px;
    background: #fff url(../images/tile.gif) repeat-y;
		}
		
#header
	{
    margin: 0;
    padding: 0;
    border: 0;
    width: 760px;
    height: 104px;
    background: #555 url(../images/header2.jpg) no-repeat;
    text-align: right;
		}
		
#header #search
	{
    color: #fff;
    font-size: .9em;
    text-align: right;
		}
		
#header #search table
	{
    margin-top: 20px;
		}
		
#header #search .textbox
	{
    color: #000;
    background: #b0c7d4;
    margin-left: 12px;
    font-size: .9em;
    margin-bottom: 6px;
		}
		
#header #search .button
	{
    margin-right: 12px;
    margin-left: 12px;
		}
		
#left
	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 210px;
	float: left;
	text-align: left;
	background: #18324b url(../images/columns.jpg) no-repeat;
		}
		
#right
	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 550px;
	float: left;
		}
	
#photo
	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 550px;
	height: 183px;
	background: url(../images/collage3.jpg) no-repeat;
		}
		
#right #text
	{
	margin: 20px 30px;
	padding: 0;
	border: 0;
	text-align: left;
	line-height: 1.5em;
	background: #dfebff;
		}
		
#right #text .initial
	{
	font: bold 1.3em Georgia, serif;
	color: #2c4261;
		}
		
#right #text .disclaimer
	{
	font: .9em Georgia, serif;
	line-height: 1.2em;
	color: #2c4261;
		}
		
#right #text ul
	{
	line-height: 1.3em;
	margin-top: -.5em;
	list-style-type: none;
		}
		
#right #text .specialty
	{
	line-height: 1.3em;
	font-weight: bold;
		}
		
#right #text .address
	{
	line-height: 1.3em;
		}
		
#right #text .addressBlock
	{
	width: 210px;
	float: left;
	margin-left: 10px;
		}
			
			
#footer
	{
	margin: 0 auto;
	padding: 18px 0;
	border-top: 1px solid #fff;
	background: #70798f;
	width: 760px;
		}
		
	#footer p
		{
		color: #fff;
			}
		
	#footer a:link
		{
		color: #fff;
			}
			
	#footer a:hover
		{
		color: #f00;
			}
			
	#footer a:visited
		{
		color: #ccc;
			}
		
		

		
		
		
		
		

		
/* -------- NAVIGATION --------- */





#mainNav
	{
	margin: 0;
	padding: 0;
	text-align: left;
	height: 30px;
	width: 760px;
	background: #30f;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#mainNav span
	{
    display: none;
		}
		
#mainNav h4
	{
	display: none;
	}
		
#mainNav ul
	{
    margin: 0;
    padding: 0;
    background: transparent url(../images/navbar.gif) no-repeat;
    height: 30px;
    position: relative;
		}
		
#mainNav li
	{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
		}
		
#mainNav li, #mainNav a
	{
    height: 30px;
    display: block;
		}

#mainNav1
	{
    left: 28px;
    width: 91px;
		}

#mainNav1 a:hover
	{
    background: transparent url(../images/navbar.gif) -28px -30px no-repeat;
		}

#mainNav2
	{
    left: 119px;
    width: 132px;
		}

#mainNav2 a:hover
	{
    background: transparent url(../images/navbar.gif) -119px -30px no-repeat;
		}

#mainNav3
	{
    left: 251px;
    width: 122px;
		}

#mainNav3 a:hover
	{
    background: transparent url(../images/navbar.gif) -251px -30px no-repeat;
		}

#mainNav4
	{
    left: 373px;
    width: 93px;
		}

#mainNav4 a:hover
	{
    background: transparent url(../images/navbar.gif) -373px -30px no-repeat;
		}

#mainNav5
	{
    left: 466px;
    width: 129px;
		}

#mainNav5 a:hover
	{
    background: transparent url(../images/navbar.gif) -466px -30px no-repeat;
		}
	

		
		
		
		
		
/* -------------- VERTICAL NAVIGATION ----------------- */


		
#navigation
	{
	width: 210px;
	padding: 0;
	margin: 80px 0 40px 0;
	text-align: left;
	background: url(../images/columns_fade.jpg) no-repeat;
		}
		
#navigation h4
	{
	display: none;
	}
		
#navigation ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #a5b7c7;
		}
		
#navigation ul li
	{
	margin: 0;
    border-top: 1px solid #a5b7c7;
    border-bottom: 2px solid #000;
		}
		
#navigation ul li a
	{
	display: block;
	padding: 6px 15px 6px 15px;
	color: #fff;
	text-decoration: none;
	width: 180px;
		}
		
#navigation ul li a:hover
	{
	background-color: #f4be10;
    color: #222;
		}
		
		
		
		
		
#clientArea
	{
	width: 210px;
	margin-bottom: 18px;
		}

		
		
		
		
		
/* -------- MISCELLANEOUS --------- */

		
.clear
	{
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
		}
	
.clear10
	{
    clear: both;
    height: 10px;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
		}
		
.missing
	{
	font-weight: bold;
	color: #c00;
		}
		
#dynamic
	{
	width: 200px;
	margin: 0 0 6px 20px;
	padding: 12px 0;
	background: #fff;
	border: 1px solid #ccc;
	float: right;
		}
		
#dynamic p
	{
	margin-left: 12px;
	margin-right: 12px;
		}
		
.alert
	{
	background: #b4d9db;
	padding-bottom: 6px;
	border: solid 1px #333;
		}
		
.alert p
	{
	margin-left: 10px;
	margin-right: 10px;
		}
		
.alert h2
	{
	margin-left: 10px;
	margin-right: 10px;
		}
		
.alert h4
	{
	margin-left: 10px;
	margin-right: 10px;
		}