@charset "utf-8";
html,body{margin:0;padding:0}
body{
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:100%;
	background:url(../images/miami-bkgd.jpg) top left repeat-x;
	margin:0;
	padding:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	margin:0 auto;
	width:900px;
	background-image:url(../images/miami-contentbkgd.jpg);
	background-repeat:repeat-y;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	width:900px;
	height:269px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	cursor: pointer;
}
#header h1 span{
	display: none;
}


/*----------------------------------
Content area Start 
-------------------------------------*/
#contentwrapper {
	float: left;
	width: 100%;
	margin-top:-5px;
	background-image:url(../images/miami-contentbkgd.jpg);
	background-repeat:repeat-y;
}

#content{
	width:570px;
	margin-right:120px;
	float:right;
	padding:10px 0 0 0;
}
#content h1, #content h2, #content h3, #content h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content h1 {
	background-image:url(../images/titlebkgd.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	margin-left:-4px;	
}
#content h1 {
	font-size:130%;
	color:#128dba;/*dk blue*/
	padding:10px 0 0 10px;
}
#content h2 {
	font-size:120%;
	color:#96a924;/*dk green*/
}
#content h2.heading-bar {
  display:block;
  border: 1px solid #95a924;
  background-color: #95a924;
  color: #ffffff;
}
#content h3 {
	font-size:110%;
	color:#F78F1E;/*orange*/
}
#content h4 {
	font-size:90%;
	color:#825303;/*brown*/
	margin:4px 0 4px 0;
}
#content h5 {
	font-size:100%;
	color:#128dba;/*dk blue*/
	margin:4px 0 1px 0;
}
#content p, #content ul {
	font-size:85%;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color:#000000;
}
#content ul ul {
	font-size:100%;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color:#000000;
}
#content a:link, #content a:visited {
	color:#128dba;
	text-decoration:underline;
	font-weight:bold;
}	

#content a:hover {
	color:#96a924;
	text-decoration:none;
	font-weight:bold;
}

/*#content img {
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
}*/
#content .fltrightbdr {
	float:right;
	margin: 5px 0 10px 10px;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	clear:both;
}
#content .fltleftbdr {
	float:left;
	margin: 0 10px 10px 0;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	clear:both;
}
#content .fltright {
	float:right;
	margin: 0 0 10px 10px;
	padding:5px;
	clear:both;
}
#content .fltleft {
	float:left;
	margin: 0 10px 10px 0;
	padding:5px;
}
#content .fltleftbook {
	float:left;
	margin: 0 10px 0 0;
	padding:12px 0 0 0;
}
#content .imgbdr {
	margin: 0 10px 10px 0;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	clear:both;
}
#content .fltrightcomment {
	float:right;
	margin: 0 0 15px 20px;
	padding:5px;
	width:200px;
	height:80px;
	clear:both;
}
#content .fltrightcomment p {
	/*font-size:70%;*/
	margin:0 0 0 0;
	
}

#content .meetings-table {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
  background-color:#dfe67c; /*lt green*/
  border:1px solid #95a924; /*dk green*/
  border-collapse: collapse;
}
#content .meetings-table tr td {
  padding-left: 5px;
}

#content .meetings-table tr {
  font-size: 80%;
}

#content .meetings-table tr.header-row {
	font-size:100%;
	/*background-color:#96a924;*/
	background-image: url(http://216.174.25.203/review/miamiDade2035/images/green-title-gradient.jpg);
	background-repeat:repeat-x;
	color:#fff;/*white*/
	margin: 0;
}

#content .google-video-embed {
  margin-left:20px;
  width:400px;
}

#download {
	display:block;
	background-color:#f1e1c5; /*lt brown*/
	padding:4px;
	font-size:70%;
	border: 1px solid #ccab72;/*med brown*/
	margin:0 60px 5px 68px;
}
#content .version {
	font-size:65%;
	background-color: #c9eef8;
	padding: 2px;
	/*margin: 3px;*/
	border: 1px solid #128dba;
	text-align:center;
	/*line-height: 16px;*/
}

.bookdescript {
	margin-left:68px;
	margin-bottom:5px;
}
#docsec {
	display:block;
	background-color:#f9eedb; /*lt brown*/
	padding:0 4px 4px 4px;
	border: 1px solid #ccab72;/*med brown*/
	margin:0 0 5px 25px;
}

#content .unavail-note {
  white-space: nowrap;
  color: #ff0000;
}

/* ------------------
Breadcrumbs
-----------------------------*/

#crumbs{
	margin: 4px 0px 6px 0px;
	padding: 0 0 5px 0;
	border-bottom: #ecdaba 2px solid; /*pale/lite brown*/
	color: #9a722e;
	height:20px;
}

#crumbs li{
	display: inline;
	margin-right: 15px;
	margin-left: -10px;
	padding-right: 5px;
	padding-left: 20px;
	background-image: url(../images/crumbs-bullet.gif);
	background-repeat: no-repeat;
	font: 90% "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}
ul#crumbs li.there a:link, ul#crumbs li.there a:visited {
	color: #9a722e;
	font-weight: bold;
}
ul#crumbs li.there a:hover {
	color: #96a924; /*lime green*/
	font-weight: bold;
}
ul#crumbs li.here {
	color: #9a722e;
}
/* ------------------
Breadcrumbs End
-----------------------------*/

/*----------------------
Right Side Box inside content
------------------------------*/
#rtsidebox {
	width:200px;
	float:right;
	background-color:#dfe67c; /*lt green*/
	border:1px solid #95a924; /*dk green*/
	min-height:150px;
	/*padding:8px;*/
	margin:5px 0 10px 10px;
	clear:both;
}
#rtsidebox a {
	color:inherit;
}
#rtsidebox ul{
	/*font-size:80%;*/
	font-weight:bold;
	list-style: square;
	line-height:80%;
}
#rtsidebox li {
	font-size:80%;
	margin-left:-10px;
	padding-bottom:10px;	
}
#rtsidebox h3 {
	font-size:90%;
	display:block;
	/*background-color:#96a924;*/
	background-image: url(../images/green-title-gradient.jpg);
	background-repeat:repeat-x;
	padding:4px;
	color:#fff;/*white*/
	margin: 0;
}
#rtsidebox p {
	padding:0 8px 0 8px;
}

/*--------------------------
Box used in Public tabs 
--------------------------------*/
#infobox {
	width:100%;
	background-color:#c9eef8; /*lt blue*/
	border:1px solid #128dba; /*dk blue*/
	margin:0 auto;
	/*padding:8px;*/
}
#infobox h3 {
	font-size:90%;
	display:block;
	/*background-color:#128dba;*/
	background-image:url(../images/blue-title-gradient.jpg);
	background-repeat:repeat-x;
	padding:4px;
	color:#fff;/*white*/
	margin: 0;
}
#infobox h4 {
	font-size:75%;
	font-weight:bold;
	color:#128dba;
	padding:8px;
}
#infobox p {
	padding:8px;
}

/*--------------------------
Slidedown boxes
--------------------------------*/
.slidebox {
	margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
	width:100%;
	background-color:#c9eef8; /*lt blue*/
  font-size: 100%;
	border:1px solid #128dba; /*dk blue*/	
	/*padding:8px;*/
}

.slidedown {
  font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	display:block;
	/*background-color:#128dba;*/
	background-image:url(../images/blue-tall-title-gradient.jpg);
	background-repeat:repeat;
	padding:4px;
	color:#fff;/*white*/
	margin: 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.slidedown4 {
	font-size:75%;
	font-weight:bold;
	color:#128dba;
	padding:8px;
}

.slidedown5 {
	font-size:102%;
	color:#128dba;
}
.slidebox p {
	padding:8px;
}

.slidebox a, .slidebox a:link, .slidebox a:hover, .slidebox a:visited {
  text-decoration: none;
}




/*----------------------------------
Sidebar (navigation) Start 
-------------------------------------*/
#sidebar1 {
	float:left;
	padding:10px 20px 0 20px;
	background-image: url(../images/miami-nav.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:343px;
}
#sidebar1 ul{
	font-size:85%;
	font-weight:bold;
	list-style:none;
	line-height:120%;
}
#sidebar1 li {
	margin-left:-30px;
	padding-bottom:20px;	
}
#sidebar1 li a:link, #sidebar1 li a:visited{
	text-decoration: none;
	color: #825303; /*dk brown*/
	margin: 0px;
}
#sidebar1 li a:hover{
	text-decoration: none;
	color: #96a924; /* dk green */ 
}
#sidebar1 .version {
  font-size:65%;
  background-color: #c9eef8;
	padding: 2px;
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	/*margin: 3px;*/
	border: 1px solid #128dba;
	text-align:center;
	display:block;
	/*line-height: 16px;*/
}


/*----------------------------------
Footer Start 
-------------------------------------*/
#footer {
	width:570px;
	margin-right:120px;
	float:right;	
	margin-top:20px;
	padding:0;
	/*height:60px;*/
	border-top: 1px solid #ccab72;
}
#clear {
	clear:both;
}
#footer p {
	font-size:75%;
	color:#ccab72;
	text-align:center;
}
#footer a:link, #footer a:visited {
	color:#9a722e; /* dk. brown */
	text-decoration:underline;
	/*font-weight:bold;*/
}	
#footer a:hover {
	color:#96a924;
	text-decoration:none;
	/*font-weight:bold;*/
}
/*---------------------------
Footer End
---------------------------*/

.emphasis {
	color: #96a924; /* green */
}
.emphasisbrown {
	color: #825303; /* brown */
}
.graysm {
	font-size:85%;
	color: #666666;
}
.gray {
	color:#666;
}
.dkbluesm {
	font-size:90%;
	font-weight:bold;
	color:#128dba;
}
.clear {
	clear:both;
}
.mtgtitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	color:#128dba;
	font-weight:bold;
}
/*--------
Used on lrtpdocs2.htm
------------*/
.booktitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#9a722e;
	font-weight:bold;
	margin:0;
	padding:0;
}

/*-----------------------
Form
--------------------------*/

form {
	width:550px;
	/*margin:0 auto;*/
}
#formmd table {
/* 	border:1px solid #0071b9;*/
	background-color:#dfe67c;
	padding:2px;
	font-size:85%;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 }

.input input, .input textarea {
	width: 300px;
}

#formmd .small {
	font-size:95%;
	color:#666666;
}
/*------Form end---------------*/

/*-------------------
Comment link
---------- -----------*/
#commentlink {
	/*width:auto;*/
	height:35px;
}
#commentlink img {
	float:left;
}
#commentlink p {
	padding:0 0 0 0;
	vertical-align:middle;
}
/*-------coment link end -----------*/

/*---Facebox Photo Gallery stuff----*/

.MBPhotoGallery ul li img {
  height: 60px;
  width: auto;
}

.MBPhotoGallery div {
   height: 488px;
   width:  650px;
   float: center;
}

.MBPhotoGallery ul {
   margin: 10px 0px 0px 0px;
}

.MBPhotoGallery ul li {
   list-style-type: none;
   display: inline;
}

/*--Facebox Photo Gallery stuff End-*/

