﻿@import "/css/template-homepage-header.css";   

/************************************************************/
/* Homepage Styles											*/
/* Date: Dec 16, 2008										*/
/*															*/
/* These styles are used for the homepage.					*/
/************************************************************/

/* Standard Color Styles */
.lightBlue { color: #4e8cd4; }

/* HR Clear */
hr.clear{ display: block; clear: both; visibility: hidden; height: 0; border-width: 0; margin: 0; padding: 0; }

strong
{
	font-weight: bold;
}
		
/************************************************************/
/* BODY STYLES												*/
/************************************************************/
			
div.bodyContainer
{
	margin: 0px auto;
	width: 984px;
	height: auto;	
	overflow: hidden;	
}

	div.containerTop
	{
		position: relative;
		display: block;
		height: 5px;
		width: 984px;
		background: url(/images/template/site-wide/template-internal-content-start.jpg) top left no-repeat white;
		
		font-size: 0%;
	}
	
	
	div.preContent
	{
		display: block;
		width: 982px;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
	}
	
		div.banner	
		{
			float: left;
			width: 630px;
			height: 230px;
		}
	
			/* Protect against the banner from exceeding template */	
			div.banner img
			{
				overflow: hidden;
				width: 630px;
				height: 230px;
			}

	div.content
	{
		display: block;
		width: 982px;	
	}
		
		/* Left Column Wrapper (Menu) */
		div.content div.content-left
		{
			display: block;
			width: 250px;						
			float: left;	
			border-left: 1px solid #cfcfcf;			
		
		}
			/* LEFT SIDE -> Menu Section Title Styles */
			div.content div.content-left h4
			{
				height: 25px;
				padding-left: 20px;
				padding-top: 10px;	
				padding-bottom: 10px;		
				font-family: Times New Roman;
				font-size: 138.5%;
				text-transform: uppercase;
				
				border-bottom: 1px solid #cfcfcf;
				background: url(/images/template/site-wide/internal/h4-gradient-bg.jpg) top left repeat-x;			
			}
		
		/* Right Column Wrapper (Content) */
		div.content div.content-right
		{
			display: block;
			width: 729px;
			float: left;			
			border-left: 1px solid #cfcfcf;
			border-right: 1px solid #cfcfcf;			

			background: url(/images/template/site-wide/internal/template-content-end.jpg) top left repeat-x;			
		}

			/* Right SIDE -> Content Section Title Style */
			div.content div.content-right h3
			{
				height: 25px;
				padding-left: 20px;
				padding-top: 10px;	
				padding-bottom: 10px;		
				font-family: Times New Roman;
				font-size: 138.5%;
				text-transform: uppercase;
				
				border-bottom: 1px solid #cfcfcf;
				background: url(/images/template/site-wide/internal/h3-gradient-bg.jpg) top left repeat-x;
			}
										
			div.content div.content-right .internalContent
			{
				width: 690px;
				display: block;
				position: relative;

				padding-top: 6px;
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 20px;				
				
				overflow: hidden;
			}
			
			div.content div.content-right .internalContent,
			div.content div.content-right .internalContent p,
			div.content div.content-right .internalContent table,
			div.content div.content-right .internalContent td,
			div.content div.content-right .internalContent *
			{
				font-family: Verdana !Important;
				color: #6b6b6b;
				font-size: 100% !Important;		/* 12pt in IE7 ^ FireFox 2 */
				line-height: 182% !Important;
			}
			
				div.content div.content-right .internalContent a,
				div.content div.content-right .internalContent a:link,
				div.content div.content-right .internalContent a:visited,
				div.content div.content-right .internalContent a *
				{
					font-family: Verdana !Important;
					color: #5c7a9e !Important;
					font-size: 100% !Important;		/* 12pt in IE7 ^ FireFox 2 */
					line-height: 182% !Important;
					font-weight: bold;
					text-decoration: none;
				}
				
								
					div.content div.content-right .internalContent a:hover
					{
						text-decoration: underline;
					}
				
				
				div.content div.content-right .internalContent img
				{
					display: inline;
					padding: 10px;
				}
				
				div.content div.content-right .internalContent h1
				{
					font-size: 153.9% !Important;
					color: #000000;
				}
				
				div.content div.content-right .internalContent h2
				{
					font-size: 138.5% !Important;
					color: #333333;
				}
				
				div.content div.content-right .internalContent h3
				{
					font-size: 123.1% !Important;
					color: #000000;
				}
				
				div.content div.content-right .internalContent h4
				{
					font-size: 108% !Important;
					color: #000000;
				}
				
				div.content div.content-right .internalContent p
				{
					margin-bottom: 20px;
				}


				div.content div.content-right .internalContent ul, ol
				{
					width: 600px;
					margin-bottom: 20px;
					padding-left: 50px;
				}
				
				div.content div.content-right .internalContent li
				{
					padding-left: 10px;					
					list-style-type: disc;
					line-height: 146.5% !Important;
				}
				
div.contentListItem
{
	display: block;
	position: relative;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

	div.contentListItem p
	{
		line-height: 116% !Important;
		margin-bottom: 5px !Important;
	}

div.contentEnd
{
	clear: both;
	height: 5px;
	width: 730px;
	display: block;
	position: relative;
	background: url(/images/template/site-wide/internal/template-content-end.jpg) bottom right no-repeat white;
	position: absolute;
	margin-top: 0px;
}


/* SITEMAP PAGE STYLES */

div.siteMapWrapper
{
	width: 300px; 
	display: block; 
	position: relative;
}

	
	div.siteMapWrapper ul
	{
		margin: 0px !Important;
		padding: 0px !Important;
	}
	
	div.siteMapWrapper ul.sitemapMain 
	{
		margin: 0px !Important;
		padding: 0px !Important;				
		margin-top: 10px !Important;
	}
				
		div.siteMapWrapper li
		{
			display: block;
			list-style: none !Important;
			margin: 0px !Important;
			padding: 0px !Important;	
		}					

			div.siteMapWrapper a
			{
				text-transform: capitalize !Important;
			}
	
div.siteMapWrapper ul		
{
	margin-left: 2px !important;
}

div.siteMapWrapper ul li ul li
{
	margin-left: 15px !Important;
}

div.siteMapWrapper li
{
	margin-top: 2px !Important;
	margin-bottom: 2px !Important;
}