/**

  filename:		   bp.css
  author:		   McKim Cringan George
  description:	   CSS override for blueprint CSS framework
  Last modified:   2009-11-13

*/
  

/*  DOM ELEMENTS   */

	body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #666666;
	}
	
	.container {
	font-size: 85%;
	}

  	#flash {
	position: relative;
	height: 472px!important;
	z-index: 10;
	}
	
	/*  Flash container on sub pages */
	#subflash {
	position: relative;
	height: 159px!important;
	background-image: none;
	}
	
	#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 117px!important;
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
	z-index: 99;
	}
	
	#shadow {
	width: 352px;
	height: 117px;
	background-image: url(../images/shadow.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 30;
	top: 0px;
	left: 40px;
	}
	
	#logo { 
	position: relative;
	height: 117px!important;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-right: 0px;
	padding: 0px 4px;
	z-index: 150;
	}
	
	
	/*
	
	#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 117px!important;
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
	z-index: 99;
	}
	
	#logo { 
	height: 117px!important;
	background-color: #FFFFFF;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-color: #FFFFFF;
	}
	
	
	
	*/
	
	/* Full-size left sidebar, including image */
	#full_left {
	border-color: #FFFFFF;
	height: inherit;
	margin-bottom: 10px;
	}
	
	/* Small left sidebar for News callout */
	#left {
	border-left: 1px solid #b8da97;
	border-right: 1px solid #b8da97;
	border-bottom: 1px solid #b8da97;
	padding-top: 20px;
	color: #b8da97;
	font-weight: bold;
	height:  inherit;
	}
	
	/* Main content */
	#main {
	border-color: #CFCFCF;
	margin-top: 20px;
	}
	
	.space {
	margin-top: 20px;
	}
	
	#footer {
	height: 36px;
	margin-bottom: 20px;
	border: none;
	}
	
	#footer_inner {
	border-top: 1px solid #b8da97;
	border-bottom: 2px solid #cfcfcf;
	}
	
	#footer_left{
	margin-top: 10px;
	padding-bottom: 10px;
	}
		
	#footer_right{
	text-align: right;
	color: #AAAAAA;
	margin-top: 10px;
	padding-bottom: 10px;
	}
	
  	
  	/*  TYPOGRAPHY  */
  	
  	p {
	margin: 5px 0px 5px 10px;
	color:#666666;
	font-size:1em;
	line-height:150%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	}
	
	/* Title on search results */
	p.search_title {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
  	
  	h1,h2,h3,h4,h5,h6 {
  	color: #415a68;
  	}
  	
  	#main h2 {
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
	#main h3 {
	margin: 10px 10px 0px 10px;;
	}
	
	#main h4 {
	margin: 10px 10px 0px 10px;;
	}
	
	/* Blog / News Titles */
	.post h2, {
	font-size: 160%;
	}
	
	
	/* Sidebar News Callout Typogoraphy and Links */
	h2.sidebar {
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px 5px 0px 10px;
	height: 40px;
	background-image: url(../images/header_bg2.png);
	background-repeat: no-repeat;

	}
	
	#sidebar2 {
		font-size: 0.9em;
		margin: 1em 0 0 1em;
		overflow: hidden;
	}

		#sidebar2 ul {
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
		}

		#sidebar2 li {
			margin: 0 0 0.5em 0;
		}

	#sidebar a:link, #sidebar a:visited, #sidebar2 a:link, #sidebar2 a:visited {
	/* color: #96b875; */
	color: #4E6E17;
	text-decoration: underline;
	}
	
	#sidebar a:hover, #sidebar a:active, #sidebar2 a:hover, #sidebar2 a:active {
	color: #006699;
	text-decoration: underline;
	}
	
	#sidebar li, #sidebar2 li {
	padding: 0px;
	width: 100%;
	}
	
	#sidebar li:before, #sidebar2 li:before {
	content: "> ";
	color: #96b875;
	font-weight: bold;
	}
	
	.postmetadata {
	font-weight: bold;
	margin-bottom: 5px;
	}
	
	
	/* Footer Typography */
	
	#footer p {
	color: #666666;
	} 
	
	#footer a {
	font-size: 75%;
	color: #666666;
	}
	
	/* Search box */
	
	input.search {
	background-color: #80acc5;
	color: #FFFFFF;
	margin-top: 18px;
	border: 1px dotted #666666;
	}
	

	

	
   
    
    
    
    
    
    /*    MAIN NAVIGATION    */
    
    /*  The following CSS controls all rollovers and dropdown menus
        in the main navigation.  Modify with care.  */
    
    	#nav {
		/* border-bottom: 1px solid #eee; */
		position: absolute;
		top: 117px;
		left: 0px;
		height: 52px!important;
		background-color: #5b89a3;
		}
		
		links {
		padding-left: 10px;
		}
		
		
		/*  TOP LEVEL NAV  */
	
		#nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#nav li {
			position: relative;
			float: left; display: inline; /* IE6 fix */
			height: 42px;
			list-style-type: none;
			width: 100px;
			margin-right: 20px;
			padding-top: 8px;
			padding-bottom: 14px;
		}
		
		#nav li:hover {
			background-image: url(../images/white_bar.gif);
			background-repeat: no-repeat;
			background-position: top;
		}
		
			#nav li a {
				text-align: center;
				display: block;
				color: #FFFFFF;
				text-decoration: none;
				line-height: 125%;
			}
			
			
		/*  SECOND LEVEL NAV */
		
			#nav li ul {
				display: none;
				position: absolute;
				z-index: 99;
			}
	
			#nav li:hover ul {
				display: block;
				left: -50px;
				width: 200px;
				top: 52px;
				white-space: nowrap;
			}

			#nav li:hover li {
			    width: 200px;
				background-color: #bdd0da;
				color: #415a68;
				display: block;
				float: none;
				font-size: 0.9em;
				margin: 0;
				padding: 0;
				border-bottom: 1px dotted #FFFFFF;
				height: 32px;
			}
			
			#nav li:hover li:hover {
				background: #415a68;
				color: #bdd0da;
			}
			
			#nav li:hover li a {
				padding: 1em 0.5em;
				color: #415a68;
				font-size: 90%;
			}
			
			#nav li:hover li a:hover {
				color: #bdd0da;
			}
			
			#nav li:hover li:hover a{
				color: #bdd0da;
			}
			
			
			/*  THIRD LEVEL NAV */
			
			#nav li:hover li li{
				width: 250px;
			}
			
			
			#nav li:hover ul li:hover ul li a{
				padding: 1.3em 0.5em;
				color: #415a68;
				font-size: 100%;
			}
			
			#nav li:hover ul li:hover ul li:hover a{
				padding: 1em 0.5em;
				background-color: #415a68;
				color: #bdd0da;
			}

			
			#nav li:hover ul li ul {
				display: none;
				position: absolute;
				left: 200px;
				top: 0px;
				z-index: 99;
				width: 250px;
				height: 100%;
			}
			
			
	
			#nav li:hover ul li:hover ul {
				display: block;
				left: 201px;
				width: 250px;
				white-space: nowrap;
			}
			
			table.logo {
			margin-left: 20px;
			margin-top: 20px;
			}
			
			
			
			#util_links {
			width: 940px;
			height: 25px;
			position: absolute;
			top: 0px;
			left: 0px;
			text-align: right;
			background-color: #FFF;
			color: #000;
			padding-right: 10px;
			padding-top: 5px;
			z-index: 500;
			}
			
			#util_links a{
			color: #3A5862;
			text-decoration: none;
			font-weight: bold;
			font-size: 80%;
			}
			
			#util_links a:hover {
			text-decoration: underline;
			}
			
			#social_button {
			width: 940px;
			height: 33px;
			position: absolute;
			top: 30px;
			left: 0px;
			padding-right: 10px;
			padding-top: 10px;
			z-index: 500;
			}
			#social_button a.linkedin {
			background: url(../images/follow_us_on_linkedin.gif) no-repeat top left;
			display: block;
			width: 160px;
			height: 33px;
			float: right;
			text-indent: -9999px;
			}