@charset "utf-8";
/*------------- Created and Designed by Kevin Knipe Copyright©2010  --------- */
/*---- This Style sheet controls the way the top navigation appears including the drop down menus ---*/

		.header {				
				margin:0;
				height:130px;				
				padding:0;				
			}
			
		/* Controls the top images below the header */	
			#logo {
				/*background:url(../images/logos/logo-photos.png); */
				background:url(../images/logos/header-bkgd-2.png);
				background-repeat:no-repeat;
				background-position:right;
				display:block;
				overflow:hidden;
				text-align:left;
				padding:5px;
				margin-top:-10px;
				height:120px;
			}
			
			#logo img {float:left;}


ul#dropmenu {
	text-align:left;
	list-style-position: inside;
	list-style-type: none;
	display:block;
	clear:both;/*--- This will make the title bar lineup correctly in firefox DO NOT REMOVE!! */
}
		
		#dropmenu {
			font-size:12px;
			font-weight:bold;
			letter-spacing:1px;
			margin:0;
			position:relative;	
			z-index:1;/*--- DO NOT REMOVE!! This will keep the dropdown menu above all other scripts or flash files */
			background-color:white;	
			text-align:left;
			display:block;
			float:left;	
			width:100%;
		}
		
		#dropmenu li{
			display:inline;
			float:left;
			list-style:none;
			position:relative;
		}
		
		#dropmenu a,
		#dropmenu a.unselected{
			display:block;
			margin:0;
			padding:8px 7px 8px 7px;
			color:#e7e7e7;
			text-decoration:none;
			/*border-top:none;
			border-right:1px solid #005d9d;
			border-bottom:none;*/
			border-left:1px solid #c9cacc;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		/*Controls background of selected tab*/
		#dropmenu a.selected{
			background-color:#FFFFFF;
			color:#000;
			text-decoration:none;	
			/*border:1px solid #ddd;*/
		}
		
		#dropmenu a.current{
			color:#FFFFFF;
			text-decoration:none;
		}



#dropmenu a, 
#dropmenu a.unselected,
#dropmenu a.current {
	padding:6px 10px; /*Controls the padding around the navigation buttons */
}


#dropmenu li.last a{
	border-right:0;
}

#dropmenu a:link{
}

#dropmenu a:visited{
}

#dropmenu a:hover{
	text-decoration:none;	
}


/* 																  */
/* --- Controls the width of the any of the drop-down menus ------*/

 #dropmenu #menu_design.pop_up_list {width:198px; letter-spacing:1px; font-weight:500;}
  #dropmenu #menu_design.pop_up_list a{text-indent:6px;} 
  
 			#dropmenu #menu_design.pop_up_list a:hover {
			  background-color:#daf5e0; /* Hover color control */
			  text-decoration:none;
			  background-image: url(../images/navigation/arrow_point.png);
			  background-repeat:no-repeat;
			  background-position:left top;}
 

 #dropmenu #menu_resume.pop_up_list {width:215px; letter-spacing:1px; font-weight:500;}
 #dropmenu #menu_resume.pop_up_list a{text-indent:10px;} 
		  
		 #dropmenu #menu_resume.pop_up_list a:hover {
			  background-color:#daf5e0;
			  text-decoration:none;
			  background-image: url(../images/navigation/arrow_point.png);
			  background-repeat:no-repeat;
			  background-position:left top;}
			  
			
 #dropmenu #menu_about.pop_up_list {width:120px; letter-spacing:1px; font-weight:500;}
 #dropmenu #menu_about.pop_up_list a{ text-indent:10px;} 
		  
		 #dropmenu #menu_about.pop_up_list a:hover {
			background-color:#daf5e0;
			  text-decoration:none;
			  background-image: url(../images/navigation/arrow_point.png);
			  background-repeat:no-repeat;
			  background-position:left top;
 }	

#dropmenu #menu_contact.pop_up_list {width:140px; letter-spacing:1px; font-weight:500;}
 #dropmenu #menu_contact.pop_up_list a{ text-indent:10px;} 
		  
		 #dropmenu #menu_contact.pop_up_list a:hover {
			background-color:#daf5e0;
			  text-decoration:none;
			  background-image: url(../images/navigation/arrow_point.png);
			  background-repeat:no-repeat;
			  background-position:left top;
 }	
/* ----- Do not remove Controls the submenus of the list --------- */
	#dropmenu .pop_up_list {
		position:absolute;
		z-index:50000;
		background-color:#fff;
		letter-spacing:1px;
		margin:0;
		padding:0;
		border-left:0.5em solid #74af3b;
		border-top:none;
		border-right:2px solid #74af3b;
		border-bottom:2px solid #74af3b;
		visibility:hidden;
		top:27px; /*Controls where the top of the drop-menu starts*/
	}

			
			 #dropmenu .pop_up_list a{
				display:block;
				border:0;
				padding:6px;
				border-top:1px solid #74af3b;
			}
			
			 #dropmenu .pop_up_list a.first{
				border:0;
			}
			
			 #dropmenu .pop_up_list a:link {
				color:#2374C2;
			}
			
			 #dropmenu .pop_up_list a:visited {
				color:#2374C2;
			}
			
			 #dropmenu .pop_up_list a:hover {
				color:#000033;
				background:none;
			}

.navShell{
	width:922px!important;/* Controls the width of the top Navigation bar for entire site */
	border-top:none;
	border-right:1px solid #74af3b;
	border-bottom:none;
	border-left:none;
}

.contact{
	font-size:0.8em;
	float:right;
 	vertical-align:text-top;
	padding:5px 5px 0 0!important;
}


/* ----- Controls the background of the titlebar --------- */
.titlebar {
	background-image:url(../images/bkgd/bkgd-navigation.png);
	/*background-image:url(../images/bkgd/bkgd-bluebar.jpg);*/
	background-repeat: repeat-x;
	border-top:2px solid #262c2a;	
	border-right:none;
	border-bottom:2px solid #454545;
	border-left:none;
	float:left;
	clear:both;
}


#top-nav {
	list-style-type:none!important;
	font-weight: bold;
	letter-spacing:1px;
	background:/*#318418*/#000;
	background-repeat:repeat-x;
	width:100%;	
	height:18px;
	text-align:right;
	font-size:11px;
	color:#FFFFFF;
}
		
		#top-nav {padding: 0;margin: 0; display:block;} 
		#top-nav a {color:#FFFFFF; margin:4px 5px 0 5px; text-decoration:none;}
		#top-nav a:hover{text-decoration:underline;}

/*  
		#navcontainer-shell {
			margin:0;
			padding-top:20px;
			padding:0;
			height:30px;
			font-size: 12px;
			letter-spacing:1px;
			border-top:1px solid #cccccc;
			border-bottom:1px solid #cccccc;
			background-image:url(../images/bkgd/bkgd_navbar2.png);
			background-repeat:repeat-x;
		}
		
		#navcontainer ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
			color:white;
			line-height:30px;
			letter-spacing:1px;
		}
		
		#navcontainer li {
			display: block;
			margin: 0;
			padding:0;
			float: left;
			letter-spacing:1px;
			text-align:left;
		}
		
		#navcontainer, #subcontainer{padding-left: 10px;}
		
		#navcontainer a{
			color:white;
			display: block;
			width: auto;
			text-decoration: none;
			margin:0;
			padding:0 5px;
			border-right: 1px solid #999;
			font-weight:normal;
			letter-spacing:1px;
		}
		
		#navcontainer a.last, #subcontainer a.last {border-right: 0px solid #999;}
		
		#navcontainer a:hover {
			color:#f4f4f4;
			background: url(../images/bkgd/bkgd-blue.png);
			background-repeat:repeat-x;
			background-position:top left;
			display:block;
			overflow:hidden;
			letter-spacing:1px;
			margin:0;
			padding:0 5px;
			border-right: 1px solid #ccc;
		 }
		
		#navcontainer a.active:visited {
			position: relative;
			z-index: 102;
		}
*/		
		
/* ---------------- [Start] Dropdown menu second-level lists --------------------------- */
/*		#nav li ul { 
			position: absolute;
			/*background: #EAE7E2;*/
/*				background-color:#dae4f0;
			border-top:none;
			border-right:1px solid #2f5f97;
			border-bottom:1px solid #2f5f97;
			border-left:1px solid #2f5f97;
			width: 170px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
/*				padding:5px 5px 5px 0;
			opacity: .90;
			filter: alpha(opacity=90);	
		}
		
		#nav li ul li a{
			font-size: 11px;
			font-weight:normal;
			color: #333333;	
			letter-spacing:1px;		
			display: block;
			width: 100%;
			margin:0;
			border: 0;
			width: 170px;
			line-height:18px;
			
		}
		
		#nav li ul li a:hover {color:white;}
		
		
		#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
/*				left: auto; /* this is needed in order to get the menus to appear */
/*				overflow:hidden;
		}
		
		.selected {
			color:#f4f4f4;
			background: url(../images/bkgd/bkgd-blue.png);
			background-repeat:repeat-x;
			background-position:top left;
			border-right: 1px solid #ccc;
			display:block;
			overflow:hidden;
			letter-spacing:1px;
			margin:0;
			padding:0 5px;
		}