/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body 
{
	margin: 0;
	padding: 0;
	background: #FFEDBA url('../images/backgrounds/backgroundTan.gif');
}

body#menu
{
	margin: 0;
	padding: 0;
	background: #C0C0C0;
}

body#header
{
	margin: 0;
	padding: 0;
	background: #000080;
}

a
{
	text-decoration: none;		
}

a:hover
{
	text-decoration: none;	
}
	
a img 
{
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment */
}

img
{
	padding: 2px;
}

.contact
{
	margin: 0 0 0 0;
	padding: 1% 1%;
	font: 0.8em /1.5 arial, sans-serif;
}


/* 

------------------------------- layout ----------------------------- 

Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)

The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |				total width= 25%
 

*/


#top {
	padding: 26px 0 0 0;
	border-bottom: 2px solid #A5B5C6;
	background: #FFFFFF url('../images/backgrounds/LTBlueSwirlsHorizontal.gif');
	background-repeat: repeat-x;
	}
	
#center {
	margin: 0 0 0 0;
	padding: 1% 3% 3% 1%;
	font: 0.8em/1.5 arial, sans-serif;
	}

#left {
	margin: 0 0 0 0;
	position: absolute;
	padding: 0px;
	background: #C0C0C0;
	color: #000;
	}

#bottom {
	padding: 3% 3%;
	font: 0.6em /1.5 arial, sans-serif;
	text-align: left;
}

#signature
{
	margin: 0 0 0 29%;
	padding: 1% 3%;
	font: 0.9em /3.0 arial, sans-serif;
	text-align: right;
}


/* 

-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/

/* -------------------------- */
/* MAIN NAVIGATION MENU ITEMS */
/* -------------------------- */
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #5C6F90;
	}
		
ul#mainnav li {
	display: block;
	padding: 3px 3%;
	cursor: pointer;
	border-top: 1px solid #A5B5C6;
	background-color: #5C6F90;
	font: bold 0.9em /1.5 arial, sans-serif;
	color: #fff;
	text-decoration: none;
	}

ul#mainnav li a {
	display: block;
	font: bold 0.9em /1.5 arial, sans-serif;
	color: #fff;
	text-decoration: none;
	}

ul#mainnav li a:hover {
	display: block;
	font: bold 0.9em /1.5 arial, sans-serif;
	color: #fff;
	text-decoration: none;
	}

/* ------------------------ */
/* SUBNAVIGATION MENU ITEMS */
/* ------------------------ */
ul#mainnav ul.subnav {
	list-style: none;
	margin-left: 15px;
	padding: 0px;
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnav li {
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnav li a:hover {
	background-color: #C0C0C0;
	text-decoration: none;
	color: blue;
	font: 0.9em /1.5 arial, sans-serif;
	}	

/* ------------------------ */
/* SUBNAVIGATION MENU ITEMS */
/*      E X P A N D E D     */
/* ------------------------ */
ul#mainnav ul.subnavExpanded {
	display: block;
	list-style: none;
	margin-left: 15px;
	padding: 1px;
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnavExpanded li {
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnavExpanded li a {
	padding: 1%;
	margin: 0px;
	background-color: #C0C0C0;
	color: navy;
	font: 0.9em /1.5 arial, sans-serif;
	}

ul#mainnav ul.subnavExpanded li a:hover {
	background-color: #C0C0C0;
	text-decoration: none;
	color: blue;
	font: 0.9em /1.5 arial, sans-serif;
	}	

/* ---------------------------------------------------------------------*/