body {
	font-family:verdana,arial,helvetica,sans-serif;
	background-image:url('images/dropshadow.gif');
	background-repeat:repeat-y;
	background-position:top center;
	margin:0px;
	padding:0px;
	}
a:link {
	color:#052;
	font-weight:bold;
}
a:visited {
	color:#354;
	font-weight:bold;
}
	
#mainwrapindex, #wrap {
	margin-left:auto;
	margin-right:auto;
}
		
#mainwrapindex {
	width:750px;	
}

#wrap {
	width:766px;
	margin-left:auto;
	margin-right:auto;
	
}
#content {
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	margin-bottom:8px;
	overflow:auto;
}
#personalinfo {
	padding:0px 5px 0px 5px;
	overflow:auto;
}

.information {
/*	margin-left:310px;*/
	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
	background-image:url('images/infofill.png');
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f7f7f7;
	padding:10px;
	float:right;
}

#indexmenu {
	margin-top:10px;
	overflow:auto;
}

.indexMenuItem {
	float:left;
	width:24%;
	/*padding:8px;*/
/*	background-color:blue;*/
}
.indexMenuItem h1 {
	padding:0px 20px 0px 50px;
	font-size:18px;
	height:26px;
}
.indexMenuItem h1.academics {
	background-image:url('images/academicicon.png');
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.indexMenuItem h1.technology {
	background-image:url('images/laptopicon.png');
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.indexMenuItem h1.education {
	background-image:url('images/candleicon.png');
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.indexMenuItem h1.graphics {
	background-image:url('images/brushicon.png');
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.indexMenuItem h1 a {
	text-decoration:none;
}

.mainitemcontent {
	padding:10px 20px 10px 20px;
	}	

.mainitemMore {
	text-align:right;
	font-size:14px;
}
#logo2 {
	float:right;
}

#logo {
	float:left;
	width:150px;
	margin:0 0 0 0;
	text-align:center;
}

#middeck {
	height:100px;
	color:#000;
	font-size:16px;
	margin:8px;
	background-image:url('images/LogoBackFill.png');
	background-repeat:repeat-x;
}
#contextmenu {
	height:28px;
	font-size:10px;
	margin:0px 8px 8px 8px;
	background-color:#ffc880;
	background-image:url('images/RoundContextLeft.png');
	background-repeat:no-repeat;
	background-position:top left;
}

#footer {
	height:28px;
	font-size:10px;
	margin:0px 8px 8px 8px;
	background-color:#ffc880;
	background-image:url('images/footerfill.png');
	background-repeat:repeat-x;
	background-position:top left;
	color:white;
	font-weight:bold;
}

#contextmenu ul {
	 list-style-type:none;
      	margin:0 0 0 -20px;
}

#contextmenu ul li {
	float:left;
}
#contextmenu ul li a {
	font-weight:bold;
	color:black;
	font-size:14px;
	line-height:28px;
    margin : 0 15px 0px 0px;
    /*border-left:1px dotted white;*/
    color : black;
    display : block;
    text-decoration : none;
}

#contextmenu ul li a:hover,#contextmenu ul li a.active {
	background-color:#cc9966;
   
    color : black;
  
    display : block;
    text-decoration : none;
}
		
#middeckindx {
	width:750px;
	/*background-image:url('StarBkGround.png');
	background-repeat:no-repeat;
	background-position:100% 0%;*/
}

#middeck a:link,#middeck a:visited,#middeck a:hover,#middeckindx a:link,#middeckindx a:visited,#middeckindx a:hover  {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

#middeck .name,#middeckindx .name {
	font-size:20px;
	color:#348;
	font-weight:bold;
	margin-left:150px;
	background-color:white;
	height:115px;
	border-left:dotted 1px black;
	padding-left:10px;
}
	
#middeckindx .name {
	background-image:url('images/FractalGrizzlyWeb.png');
	background-repeat:no-repeat;
	background-position:100% 0%;
}

#navbar {
	width:150px;
	float:left;
	margin:0 0 0 0;
}

#info {
	margin-left:150px;
	padding:10px;
	background-color:white;
	border-left:1px dotted black;
	}
	
.menuitem,.menuitem a:link,.menuitem a:visited {
	color:white;
	font-weight:bold;
	font-size:14px;
}
		
.menuitem {
	padding:5px;
	border:1px solid #348;
	margin:5px;
	background-color:#052;
	}
	
.menuitem a:link,.menuitem a:visited,.menuitem a:hover {
	text-decoration:none;
}

.menuitem a:hover {
	color:#eb0;
}
#mainwrap {
	/*width:90%;
	margin-left:auto;
	margin-right:auto;*/

	}
#buttons {
	/*border:1px solid blue;*/
	float:left;
	width:35%%;
	margin-left:5px;
	text-align:center;
}
#personalinfowrap {
	float:right;
	width:55%;
}

		
.itemwrap
	{

	}	

.mainitemL,.mainitemL2,.mainitemL3,.mainitemL4 {
	/*height:75px;*/

	width:200px;
	/*padding-top:30px;*/
	margin:20px;
	/*background-image:url('images/Linkbkground.png');
	background-repeat:repeat-x;*/
}
.mainitemL {
	/*background-image:url('AcademicsIcon_sm.png');*/
	/*background-repeat:no-repeat;	*/
	text-align:left;
}
.mainitemL2 {	
	/*background-image:url('TechIcon_sm.png');
	background-repeat:no-repeat;
	background-position:top right;*/
	text-align:left;
}
.mainitemL3 {	
	/*background-image:url('TeachingIcon_sm.png');
	background-repeat:no-repeat;*/
	text-align:right;
}
.mainitemL4 {	
	/*background-image:url('BrushIcon_sm.png');
	background-repeat:no-repeat;
	background-position:top right;*/
	text-align:left;
}
/*.mainitemL:hover,.mainitemL2:hover,.mainitemL3:hover,.mainitemL4:hover {
	border:1px solid #348;
}*/

.mainitemL .mainitemtitle, .mainitemL3 .mainitemtitle {
/*	margin-right:100px;*/
}
.mainitemL2 .mainitemtitle, .mainitemL4 .mainitemtitle {
	margin-left:90px;
}
.mainitemtitle {
	color:black;
	padding:2px;
	font-weight:bold;
	/*font-variant:small-caps;*/
	font-size:16px;
	/*position:relative;*/
	/*top:30px;*/
	}
/*.mainitemtitle a:link {
	text-decoration:none;
	color:black;
}
.mainitemtitle a:visited {
	text-decoration:none;
	color:black;
}
.mainitemtitle a:hover {
	text-decoration:none;
	color:#348;
}*/
.infosection {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	margin-left:5px;
	padding:5px;
}
.infosection h1 {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #052;
	margin-bottom:5px;
}
.infoseccontent {
	font-size:12px;
	margin-left:2em;
}
.infoseccontent a:link, .infoseccontent a:visited {
	color:#052;
/*	text-decoration:none;*/
	font-weight:bold;
}
.projectlist {
	margin-left:40px;
	margin-top:10px;
}
.project {
	margin-bottom:12px;
}
.project h1 {
	/*background-color: #052;
	color:white;*/
	color:black;
	border-bottom:1px solid black;
	padding:2px;
	font-weight:bold;
/*	font-variant:small-caps;*/
	font-size:14px;
	margin:0 0 0 0;
}
.project p, .project ul {
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size:12px;
	background-color:#eee;
	margin:0 0 0 0;
}

.project a:link, .project a:visited {
	color:#052;
/*	text-decoration:none;*/
	font-weight:bold;
}

#listbar a:link, #listbar a:visited {
	color:#003366;
	text-decoration:none;
	font-weight:bold;
}
#listbar a:hover {
	color:#003366;
	font-size:larger;
}
.infowrap {
margin-right:170px;

}
#listbar {
	float:right;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	color:black;
	width:150px;
	margin:0px;
	padding:5px;
	background-image:url('images/infofill.png');
	background-repeat:repeat-x;
	background-position:bottom;
}
#listbar h1 {
	font-size:14px;
	
}
#listbar h2 {
	color:black;
	font-size:12px;
	border-bottom:1px solid black;
}
#listbar p {
	color:black;
	font-size:10px;
	margin-left:3em;
}

#footbar {
		float:left;
		width:150px;
		height:20px;
}
#footcontent {
	text-align:right;
	line-height:28px;
}	
#icon {
		float:right;
		width:150px;
	background-color:#fff;
	margin:10px 0 0 100px;
	text-align:center;
		
	}
.clearer {
	clear:both;
	height: 1px;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;  }
.info:after,.lowerhalf:after,.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.info,.clearfix,.lowerhalf {display: inline-table;}

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