html{
	 
	background-color:#49474b;
}

body {
    background-color:#49474b;
    font-family:arial, helvetica;
    color:#333333;
    text-align: left;
    padding: 0;
}

 


#bodycontent {
	margin-top:13px;
	height:90%;
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}

#bodycontent a:link {
	color:#715f8b;
}

#bodycontent a:visited {
       color:#3d6395;
}

#bodycontent h3 {
        color:#5a4b64;
} 

#bodycontent h4 {
        color:#3d6395;
        font-weight:bold;
        font-size:15px;
}

.quote {
       color:#3d6395;
       font-weight:bold;
       font-size:15px;
}
#main {
    background-color:#ffffff;
    text-align:left;
    border-width:3px;
	border-style:ridged;
     border-color:#5a4b6c;
    padding-left: 23px;
    padding-top: 10px;
    padding-bottom: 35px;
    padding-right: 23px;
    width: 812px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
	margin-bottom: 3px;
	line-height:20px;
}

 

#navcontainer ul {
    padding:0;
    margin-left: 0;
    background-color:#5a4b6c;
    color: White;
    float: left;
    width: 812px;
    font-family: sans-serif, arial, helvetica;
    position: relative;
    top: -21px;
	list-style:none;
	 
	margin-bottom:30px;
	font-size:14px;
} 

#navcontainer ul li {
	display:inline;
	border-width:medium;
	
}

 
#navcontainer ul li a {
	color:#333333;
	padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;
	background-color:#5a4b64;
    color: #ffffff;
    text-decoration: none;
    float: left;
	
    font-weight:900;
	text-align:center;
	vertical-align:bottom;
	 
	 
}

#navcontainer ul li a:hover {
	display:list-item;
	position:relative;
	 
	background-color:#967da6;
}

#navcontainer li .selected {
    background-color:#967da6;
}

 
 


#tagline {
  	position:absolute;
    top:66px;
	padding-left:445px;
	width:400px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:900;
    
	font-family:arial, helvetica, sans-serif;
}

h1 {
   
    background:url(pattern8.jpg);
    width: 95%;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
     
	padding-top:12px;
        padding-right:28px;
	font-family:sans-serif, arial, helvetica;
	padding-bottom:19px;
	padding-left:13px;
	border-width:3px;
	 
	 
	 

}

h3 {
	font-size:18px;
	color:#5a4b64;
	font-weight:700;
	margin-bottom: 12px;
}

p {
    padding-bottom: 13px;
}

 
 

.style1 {
	color:#3f493f;
	font-weight:bold;
}

 


 

#indexright {
	float: right;
    padding-left: 15px;
	margin-left: 20px;
    padding-right: 0px;
    width: 235px;
    font-size: 12px;
	border-left:inset;
	line-height: 19px;
	border-width:1px;
}

#indexleft {
	margin-right:35%;
        text-align:left;
}

#indexleft h3 {
       color:#5a4b64;
}

#indexleft a:link {
       color:#715f8b;
}

#indexleft a:visited {
       color:#3d6395;
}
 
.portfolio {
	border-top:inset;
	border-top-width:1px;
	border-top-color:#330000; 
	padding-bottom: 20px;
	padding-top: 20px;
	overflow: hidden;
	margin-right:5px;
        font-size:14px;
        text-align:left;

        
        
	 
}

.text {
        float:left;
        width:400px;
}

.image {
        position:relative;
        margin-right:5px;
        margin-left:700px;
        float:right;
        width:345px;
        padding:10px;
}
.portfolio a:link {
       color:#715f8b;
}

.portfolio a:visited {
       color:#3d6395;
}

#livevizcontainer {
        width:800px;
        margin-left:6px;
        margin-right:6px;
}

#livevizimage {
         width:345px;
         position:absolute:
         top:100;
         right:600;
}



 

#resumeright {
    float: right;
    padding-left: 15px;
	margin-left: 16px;
    padding-right: 0px;
    width: 240px;
    font-size: 12px;
	border-left:inset;
	line-height: 19px;
	border-width:1px;
}

.resumeheader {
	color:#5a4b64;
	width:auto;
	font-size:12px;
	padding:2px;
	text-decoration:underline;
	font-weight:bold;
	 
}

#resumemain {
	float:left;
	width:520px;
}


 #aboutright {
    float: right;
    padding-left: 15px;
	margin-left: 15px;
    padding-right: 0px;
    width: 300px;
    font-size: 12px;
	border-left:inset;
	line-height: 19px;
	border-width:1px;
      text-align:left;
	 
}

#books {
 float:center;
}
 
 #aboutleft  {
	margin-right:35%;
	font-size:14px;
        padding-right:75px;
}

#aboutleft a {
    color:#715f8b;
    
}

#aboutleft a:visited {
     color:#3d6395;
     text-decoration:none;
}
 
 


a:link {
    color:#5a4b64;
    text-decoration: none;
}

a:visited {
    color:#49474b;
    text-decoration: none;
}

a:hover {
    color:#333333;
    text-decoration: underline;
}

a:active {
    color:#666666;
    text-decoration: underline;
}

.blackline {
	border-color:#330000;
	width:60%;
	height:2px;
}

#breadcrumb {
	position:relative;
	top:-43px;
	left:2px;
	font-size:11px;
	width: 500;
	height: 19px;
	}
	

.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
	clear: both; 
 	visibility: hidden;
 }
.container {
	width:860px;
	height:230px;
	}
	
#accordionstate {
	position:relative;
	left:35px; 
	top: 5px;
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
}

#accordionstate h3 {
         color:#ffffff;
         
}
#accordionprep {
	position:relative;
	align:center;
	top:30px;
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
}
/*Vertical Accordions*/
		
.accordion_toggle {
	display: block;
	height: 30px;
	width: 719px;
	background:#5a4b6c;
	padding: 1 1 1 1;
	line-height: 30px;
	color: #ffffff;
	 outline:none;
	text-decoration: none;
	outline: none;
	font-size: 14px;
        font-weight:bold;
	color: #ffffff;
        border-left:2px inset #666666;
        border-right:3px inset #666666;
	border-bottom: 1px inset #7e799a;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background:url('pattern8.jpg'); 
			color: #ffffff;
			border-bottom: 1px solid #210672;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #000000;
			overflow: hidden;
			width:700px;
			height:200px;
                        line-height:30px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099ff;
                                text-align:center;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
                        
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 700px;
			background:#5a4b6c;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color:#ffffff;
			font-weight: normal;
			text-decoration: none;
			outline:none;
			font-size: 14px;
			 
			border-bottom: 1px solid #5b70b2;
			cursor: pointer;
                        margin:0 0 0 0;

			 
		}

		.vertical_accordion_toggle_active {
			 background:url('pattern8.jpg');
			color: #000000;
			border-bottom: 1px solid #5b70b2;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			height:200px;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
                        .vertical_accordion_content {
                                color:#000000;
}
 
                         

			.vertical_accordion_content p {
				line-height: 100%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		  .horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background-color:#5a4b64;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #5b70b2;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			 background-image:url('pattern8.jpg');
			border-right: 1px solid #5b70b2;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #000000;
		}
			
			.horizontal_accordion_content p {
				width: 505px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px; 
      background-color:#ffffff;
      color:#ffffff;
    }
    #horizontal_container a:active {
	    color:#4c036e;
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
      height:auto;
      margin-left:auto;
      margin-right:auto;
      
      
    }
#accordion_toggle h3 {
     color:#ffffff;
}
    
 
.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
#footer {
text-align:center;
color:#888;
font-size:11px;
margin-bottom: 20px;
}