﻿* {
margin: 0px;
padding: 0px;
border: 0px;
}

body
{
	background-color: #cacaca;
	
    font-family: Arial, Sans-Serif;
    font-size: 0.8em;
}

div.site-width
{
	margin: auto; 
	width: 900px;
	
	background-image: url(../images/site/site-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	
	text-align: left;	
	padding-left: 20px;	
}

div.content-width
{
	width: 880px;
}

/* 
	******************************************************************************
	CONTENT
*/
	#content
	{
	}

	#content-inner
	{
		background-color: white;
		background-image: url(../images/site/content-inner-bg.png);
		background-repeat: no-repeat;
	}

	#content a
	{
		color: #0e0e86;
		text-decoration: none;
	}

	#content a:hover
	{
		text-decoration: underline;
	}

	#content p
	{
		text-align: justify;
		margin-bottom: 20px;
		margin-left: 10px; margin-right: 10px;
		line-height: 1.55em;
	}
	
	#content-inner h1,h2,h3
	{
		font-weight: normal;		
	}

	#content-inner h1
	{
		font-size: 2em;
		margin-top: 50px;
		margin-bottom: 20px;
		padding: 0px 10px 0px 10px;
		border-bottom: solid 2px #e6edf3;		
		text-align: right;
	}
	
	#content-inner h2
	{
		font-size: 1.4em;
		margin-top: 40px;
		margin-bottom: 17px;
		padding: 0px 10px 5px 10px;
		border-bottom: solid 2px #e6edf3;
	}	

	#content-inner h3
	{
		font-size: 1.3em;
		margin-top: 30px;
		margin-bottom: 14px;		
		padding: 0px 10px 5px 10px;
		border-bottom: solid 2px #e6edf3;
		letter-spacing: -0.1em;
	}
	
	#content-inner ul
	{
		margin-left: 40px;
		margin-bottom: 40px;
	}	
	
	#content-inner li
	{
		margin-bottom: 5px;
	}		

	#content-inner div.caption
	{
		border: solid 1px #e6edf3;
		padding: 1px;
		text-align: center;
		margin: 0 10px 20px 10px;
	}

	#content-inner img.caption
	{
		padding: 20px;
	}

	#content-inner p.caption
	{
		font-size: 0.9em;
		color:#4d4d4d; 
		background-color: #e6edf3;
		padding: 5px;
		margin: 0px 2px 2px 2px;
		text-align: center;
	}
	
	#content-inner img.right-align
	{
		float: right;
		padding-left: 5px;
	}
	
	#content-inner img.left-align
	{
		float: left;
		padding-right: 5px;
	}
	
	#content-inner hr
	{
		color: #e6edf3;
		height: 2px;
	}

	br.all
	{
		clear: both;
	}

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Home-page specific content panels
	*/

	#home-feature-panel
	{
		height: 300px;
	}
	
	#home-showcase-panel
	{	
		background-image: url(../images/site/home-showcase-panel-bg.png);
		background-repeat: repeat-x;
		background-position: center bottom;
		height: 100%;
	}
		
	#home-showcase-panel ul
	{	
		list-style: none;
		height: 100%;
	}

	#home-showcase-panel li
	{
		float: left;
		text-align: center;
		/*border-left: solid 1px #e9ebed;*/
	}

	#home-showcase-panel img
	{
		padding: 20px 15px 0px 20px;
	}
	
	#home-showcase-panel div
	{
		padding: 15px 30px 20px 30px;
		font-size: 0.8em;
		cursor: default;
		width: 230px;
	}

	
	#home-showcase-panel h1
	{
		color: #000b3c;
		font-size: 1.2em;
		margin: 0;
		margin-bottom: 5px;
	}
	
	#home-showcase-panel a
	{
		color: black;
	}
	
	#home-showcase-panel a:hover
	{
		color: #fe7212;
		text-decoration: none;
	}
	
	#home-showcase-panel a.outer-link
	{
		float: right;
		color: #fe7212;
		
		padding-right: 30px;
		padding-bottom: 5px;
		
		background-image: url(../images/site/page-curl.png);
		background-repeat: no-repeat;
		background-position: right bottom;		
	}
	
	#home-showcase-panel a.outer-link:hover
	{
		color: #f00;
		text-decoration: none;
	}

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content page right column
	*/
		#content-panel
		{
			float: left;
			width: 550px;
			margin-bottom: 40px;
		}
				
		#content-module div
		{
			width: 265px;
			float: left;
			padding-right: 10px;	
		}
		
		#content-module div p
		{
			font-size: 0.9em;
		}		
		
		#content-module div p.content-module-link
		{
			text-align: center;		
		}				
		
		#content-module div p.content-module-link a
		{
			color: #fe7212;
		}
		
		#content-module div p.content-module-link a:hover
		{
			color: red;
			text-decoration: none;
		}		
				
		#content-module div h3
		{
			text-align: center;
		}
				
		#crumbtrail
		{
			padding-top: 15px;
			margin-left: 20px;
			color: gray;
		}

		#crumbtrail a
		{
			color: gray;
		}		

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content page menu panel (left column)
	*/
		#menu-panel
		{
			float: left;
			width: 200px;
			margin-right: 40px;
			padding-left: 40px;
			padding-top: 61px;
		}

		#menu-panel ul
		{
			list-style: none;
			margin: 0px;
		}

		#menu-panel ul li
		{
			margin-bottom: 30px;
		}

		#menu-panel ul li ul
		{
			list-style: none;
			list-style-image: url(../images/site/search.png);
			font-size: 0.9em;
			margin-left: 0px;
			padding: 10px;
			padding-left: 30px;
			line-height: 1.75em;
			
			background-color: white;
			background-image: url(../images/site/menu-panel-bg.png);
			background-repeat: repeat-x;
			background-position: bottom;
		}

		#menu-panel ul li ul li
		{
			margin-bottom: 0px;
		}
		
		#menu-panel ul li ul li.active
		{
			font-style: italic;
		}		

		#menu-panel a
		{
			color: #001046;
		}

		#menu-panel div
		{
			padding: 4px;
			padding-left: 10px;	

			font-weight: bold;	
			background: #e6edf3;
		}

		#menu-panel div.active
		{		
			background: none;
			border-bottom: solid 2px #e6edf3;
			padding-bottom: 1px;	
		}

		#menu-panel a:hover
		{
			text-decoration: none;
			color: #fe7d18;
		}

	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content footer bar (Print/Email page)
	*/
		#content-footer
		{
			background-color: white;
			background-image: url(../images/site/content-footer-bg.png);
			background-repeat: repeat-x;
			background-position: center bottom;
		}

		#content-footer-inner
		{
			text-align: right;
			font-size: 0.9em;
			
			padding-top: 30px;
			padding-bottom: 4px;
			padding-right: 20px;
		}
		
		#content-footer-inner img
		{
			padding-right: 5px; 
			vertical-align: middle;			
		}

/* 
	******************************************************************************
	HEADER
*/
	#header
	{	
	}

	#header-inner
	{
		background-image: url(../images/site/header-inner-bg.png);
		background-color: #556084;
		background-repeat: repeat-x;
		height: 115px;
	}

	#logo-screen
	{
		float: left;
	}

	#logo-print
	{
		display: none;
	}

	#search
	{
	color: #000F46;
	font-size: 0.9em;
	position: absolute;
	margin-top: 25px;
	margin-left: 490px;
	}

	#search input.box
	{
		width: 100px;
		height: 14px;
		
		font-family: 'Trebuchet MS', Arial, Sans-Serif;
		font-size: 0.8em;
		padding: 1px 4px 1px 4px;
			    
		border: solid 1px #7f9db9;
	}
	
	/* 
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Main menu in header bar
	*/
		#navigation
		{	
			float: right;
			margin-top: 87px;
			margin-right: 0px;
		}

		#navigation ul
		{
			list-style: none;
		}

		#navigation li
		{
			float: left;
		}

		#navigation a
		{
			color: white;
			text-decoration: none;
			font-size: 1.1em;
			
			padding-right: 30px;
		}

		#navigation a:hover
		{
			text-decoration: none;
			color: #fe7d18;
		}

/* 
	******************************************************************************
	FOOTER
*/
	#footer
	{
		text-align: left;
		
		background-image: url(../images/site/footer-bg.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		
		height: 50px;
	}

	#footer a
	{
		color: #d4e6ea;
		font-weight: bold;
		text-decoration: none;
		
		padding-right: 20px;
	}

	#footer a:hover
	{
		text-decoration: none;
		color: White;
	}

	#footer-inner
	{
		background-image: url(../images/site/footer-inner-bg.png);
		background-repeat: repeat-x;
	}

	#footer-inner ul
	{
		font-size: 0.9em;
		list-style: none;
		padding-top: 7px;
		padding-left: 20px;
	}

	#footer-inner li
	{
		float: left;
	}
