﻿/* OCOEE.CSS

  Version 1.1 2008/06/26
*/
  

/* ---------------- MISCELLANEOUS GLOBAL STYLES --------------------------------- */

/*
.AdPic {
// Default settings for ad pictures 
	width:100px;
	height: 71px;
	vertical-align:  middle;
	border: 5px #EAE0D4 outset;
	text-align:center;
}

*/


/* ---------------- QUICK LINKS TABLE STYLES --------------------------------- */

#LeftColumn td.columnheadings {
	text-align: center;
	color: white;
	background-color: #3D4721; 
/*	background-color: #38401E; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight: bold;
	vertical-align: middle;
    margin: 0 0 0 0;
    padding: 4px 8px 4px 8px;
    
}

#LeftColumn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight: bold;

}    

/* ---------------- DIRECTOR INFORMATION TABLE STYLES --------------------------------- */


table.Director {
/* Default settings for the Director information table */
	border-width: 1px;
	border-color: #35361F;
	border-style: solid;
	width: 170px;
}


.Director img {
/* Settings for the Director's photo */
    width: 150px;
    height: 107px;
    text-align: center ;
    vertical-align: middle;	
    border: 1px;
}

.Director img#Mayor {
	width: 68px;
	height: 113px;
	border: 0px;
}

.Director td {
	background-color: #E0CFBD;
}

.Director td.columnheadings {
/* Settings for the header row of the Director's Information table*/
	text-align:center;
	color: white;
	background-color: #3D4721; 
/*	background-color: #38401E; */
	font-size: 11px;
	font-style: normal;
	font-variant:small-caps;
	font-weight:bold;
	vertical-align: middle;
/*    margin: 0 0 0 0;
    padding: 4px 8px 4px 8px;
*/
}

.Director td.Welcome
{
	text-align:center;
	vertical-align: middle;
}

.Director td.Welcome a {
/* Remove border from linked pictures and underlines from links in the Mayor's Welcome */
	border-style:none;
    text-decoration:none;	
}


.Director td.Welcome a:link {
/* Set the color for unvisited links */
	color: black;
}

.Director td.Welcome a:visited {
/* Set the color for visited links */
	color: black;
}

.Director td.Welcome a:hover {
/* Set the color for hovered links */
	color: maroon;
}
.Director td.Welcome a img {
/* Settings for linked images in the the Mayor's Welcome */
	vertical-align: middle;
	border-style:none;
}


/* ---------------- FILLER TABLE STYLES--------------------------------- */


table.Filler {
/* Default settings for the filler table above the director table (breadcrumb extension) */
	background-color: #686B59;
	width: 180px;
}






/* ---------------- FUNCTIONS TABLE STYLES--------------------------------- */


table.Functions {
/* Default settings for the functions table */
	border-width: 1px;
	border-color: #35361F;
	border-style: solid;
	width: 170px;
}


.Functions td.columnheadings {
/* Settings for the header row of the Functions table*/
	text-align:center;
	color: white;
	background-color: #3D4721; 
/*	background-color: #38401E; */
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	vertical-align: middle;
    margin: 0 0 0 0;
    padding: 4px 8px 4px 8px;
}


.Functions td.even {
/* Formatting for even numbered department functions */
	background-color: #E0CFBD;
	font-weight:bold;
	text-align:left;
    overflow: hidden;
}

.Functions td.odd {
/* Formatting for odd numbered department functions */
	background-color: #EAE0D4;
	font-weight:bold;
	text-align:left;
    overflow: hidden;
}





/* ---------------- MAIN CONTENT TABLE STYLES--------------------------------- */


table.MainContent {
/* Default settings for the main content table that staff edits*/
	border-width: 1px;
	border-color: #35361F;
	border-style: solid;
/*	table-layout:fixed;   Uses widths from 1st row of table */
}

.MainContent table {
/* Settings for using tabels within tables to align main content */	
	
    border-collapse:collapse;
	border-width: 0px;
	border-style: none;
    width: 99%;	
}

.MainContent table td.half {
/* Test settings for using 1/2 width ad */	
	
	border-width: 0px;
	border-style: none;
	width: 49%;
}

.MainContent table td.third {
/* Test settings for using 1/3 width ad */	
	
	border-width: 0px;
	border-style: none;
	width: 32%;
}

.MainContent table td.fourth {
/* Test settings for using 1/4 width ad */	
	
	border-width: 0px;
	border-style: none;
	width: 23%;
}


.MainContent table td.fifth {
/* Test settings for using 1/5 width ad */	
	
	border-width: 0px;
	border-style: none;
	width: 18%;
}

.MainContent table td h5 {
/* Header for half-length ads */
	font-family: Arial, Helvetica, sans-serif;
	color:  #3D4721; 
/*	color:  #38401E; */
	font-size: 11px;
	font: bold;
	text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 11px 0; 
}	


.MainContent td {
/* Default settings for the cells in the main content table */
	background-color: #EAE0D4;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    overflow: hidden;
	text-align:left;
	vertical-align: top;
/*    margin: 4 4 4 4; */
    padding: 0 8 0 8;
    border-style:none;
}


.MainContent td.columnheadings {
/* Settings for the header row */
	text-align:center;
	color: white;
/*	background-color: #3D4721; */
	background-color: #38401E;
	font-size: 17px;
	font-style:normal;
	font-weight:normal;
	vertical-align: middle;
    margin: 0 0 0 0;
    padding: 0 8px 0 8px; 
}

.MainContent td.TOC {
/*  TOC menu cell */
	text-align:center;
	vertical-align: middle;
    margin: 8px 0 0 0;
    padding: 8px 0 11px 0;
}	

.MainContent td.TOC h5 {
/* TOC menu text */
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 13px;
	font: bold;
}	

.MainContent td.VCenter {
/* Centers the text in a cell */
	text-align:center;
	vertical-align: middle;
}

.MainContent td h4 {
/* Header for full-length ads */
	font-family: Arial, Helvetica, sans-serif;
	color: #3D4721;
	font-size: 16px;
	font: bold;
	text-align: center;
    margin: 0 0 0 0;
    padding: 4px 0 11px 0;
}	

.MainContent td h5 {
/* Header for half-length ads */
	font-family: Arial, Helvetica, sans-serif;
	color:  #3D4721; 
/*	color:  #38401E; */
	font-size: 15px;
	font: bold;
	text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 11px 0; 
}	

.MainContent h6 {
				/* Header for non-tabled text */
	font-family: Arial, Helvetica, sans-serif;
				color: #3D4721; /*	color:  #38401E; */;
				font-size: 14px;
				font: bold;
				text-align: left;
				margin: 0 0 0 0;
				padding: 8px 0 4px 0;
				font-style: italic;
}


.MainContent td p {
/* Settings for text in the main content table*/
	text-align:left;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}	


.MainContent td a {
/* Remove border from linked pictures and underlines from links in main content table */
	border-style:none;
}


.MainContent td a:link {
/* Set the color for unvisited links */
	color: blue;
}

.MainContent td a:visited {
				/* Set the color for visited links */
	color: #3333CC;
}

.MainContent td a img {
/* Settings for linked images in the main content table */
	vertical-align: middle;
	border-style:none;
}

.MainContent td img {
/* Settings for images in the main content table */
	vertical-align: middle;
	border-style:none;
}

.MainContent td.AdPic {
/* UPDATED Default settings for cells containing ad pictures */
	vertical-align:  middle;
	text-align:center;
	width:120px;
/*
    margin: 0 0 0 8;
    padding: 0 0 0 0;
	border: 5px #EAE0D4 outset;
	border-color: lime;
*/
}

.MainContent td.HBorder {
/* Default settings for cells containing horizontal borders */

	text-align:center;
	vertical-align: middle;
}

.MainContent td.HBorder img {
/* Test Default settings for cells containing vertical borders */

	height: 8px;
/*
	width: 99%;
    border: 3px gray outset;
*/
}



.MainContent td.VBorder {
/* TEST Default settings for cells containing vertical borders */

	text-align:center;
	vertical-align: middle;
	border: 0 #EAE0D4 outset;
	border-color: blue;
	width:10px;

}

.MainContent td.VBorder img {
/* TEST Default settings for vertical borders */
	width:8px;
	text-align:center;
	vertical-align:  middle;
/*	
    height: 90px; 
	border: 5px aqua outset;
*/
}


.MainContent td img.AdPic {
/* Default settings for ad pictures */
	width:100px;
	height: 71px;
/*
	border: 3px #EAE0D4 outset;
	text-align:center;
	vertical-align:  middle;
*/
}


.MainContent td ul {
/* Settings for unordered lists in the main content table */
    list-style-image:url('/images/bullet.png');
    margin: 0 0 0 36px;
    padding: 0 0 0 0;
}


.MainContent td ul li {
/* Align list item text with bullets  in the main content table*/
   vertical-align: middle;
}


.MainContent td.AdFull{
/* TEST Settings for rows containing full length advertisements */
/*
   height: 100px; 
   border: 3px #CC0066 outset;
   max-height: 100px;
   overflow:hidden;
   vertical-align: top;
*/
}

.MainContent td.AdHalf{
/* TEST Settgins for rows containing half length Advertisements */

   height: 100px; 
   border: 3px #FF0000 outset;
   max-height: 100px;
   overflow:hidden;
   vertical-align: top;
   width: 40%;

}

.MainContent table.Data {
/* Styles for tabular data */

   border-collapse:collapse;
   border-spacing: 0 0;
   border-width:  1px;
}


.MainContent table.Data td {
/* Styles for tabular cell data */
    
	border-width: thin;
	border-color: #35361F;
	border-style: solid;
}


.MainContent table.Data td h6 {
				/* Styles for headers of tabular cell data */
	font-family: Arial, Helvetica, sans-serif;
				color: #3D4721; /*	color:  #38401E; */;
				font-size: 11px;
				font: bold;
				text-align: left;
				margin: 0 0 0 0;
				padding: 10px 0 10px 0;
}


.MainContent table.Data td.Borderless {
/* Styles for headers of tabular cell data */
    
	border-width: 0px;
}


/* ---------------- Top Menu --------------------------------- */

#TopMenu {
	background-color: #3D4721; 
	height: 0;
}
.MainContent table.Data td h5 {
				/* Styles for headers of tabular cell data */
	font-family: Arial, Helvetica, sans-serif;
				color: #3D4721; /*	color:  #38401E; */;
				font-size: 16px;
				font: bold;
				text-align: left;
				margin: 0 0 0 0;
				padding: 4px 0 4px 0;
				font-style: italic;
				font-weight: bold;
}

