body,html {
padding:0px;
margin:0px;
  background: #999999;
  scrollbar-arrow-color: #999999;
  scrollbar-base-color: #000000;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: cccccc;
  scrollbar-shadow-color: #000000;
  scrollbar-darkshadow-color: #333333;
  text-align: center;
  line-height: 1.5em;
}

div {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/****************************/
/* Header and headline code */
/****************************/

div#header {
  position: relative;
  width: 700px;
  height: 174px;
  margin: 20px auto 0px  auto;
  padding: 0px ;
  background: transparent url(../images/header.gif) no-repeat;
  background-position: top right;
}



div#headline {
  width: 700px;
  position: absolute;
  top: 40px;
  left: 35px ;
  right: 300px;
  margin: 0px ;
  padding: 0px ;
  /* background: transparent url(../images/headline_dark.gif) top left no-repeat; */
}

h1{
  height:100px;
  margin:20px 0px 0px 20px;
  padding: 10px 0px 0px 0px;
  float:left;
  color: #333;
  font-family: verdana, tacoma, arial, helvetica, geneva, sans-serif;
  font-size: 335%;
  font-weight: normal;
    text-decoration: none;
}

h1 a {
  color: #333;
  font-family: verdana, tacoma, arial, helvetica, geneva, sans-serif;
    text-decoration: none;

}
  
h1 a:link, h1 a:visited  {  color: #333;
  font-family: verdana, tacoma, arial, helvetica, geneva, sans-serif;
    text-decoration: none;

}

h1 a:hover {  color: #999;
  font-family: verdana, tacoma, arial, helvetica, geneva, sans-serif;
    text-decoration: none;

}



/*
h1 {

  width: 700px;
  height: 84px;
  margin: 0px ;
  padding: 0px ;
  border: 0px ;
  text-indent: -9999px;
}

h1 a {
  width: 700px;
  height: 84px;
  margin: 0px ;
  padding: 0px ;
  border: 0px ;
  display: block;
  text-decoration: none;
}

h1 a:link, h1 a:visited  {
  background: transparent url(../images/headline_dark.gif) top left no-repeat;
}

h1 a:hover {
  background: transparent url(../images/headline_light.gif) top left no-repeat;
}
*/

p.access {
  display: none;
}

div#contact {
	position: absolute;
	top: 37px;
	right: 55px;
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	left: 596px;
}

div#contact a {
  width: 115px;
  height: 90px;
  display: block;
  text-decoration: none;
}

/*******************/
/* Navigation code */
/*******************/

div#navigation  {
  position: absolute;
  top: 128px;
  left: 50px;
  width: 415px;
  height: 33px;
  margin: 0px  0px  15px  5px;
  padding: 0px 0px 0px 0px ;
  border: 0px ;  
  border-bottom: 1px solid #eee;
  color:#000000;
  font-family: verdana, tacoma, arial, helvetica, geneva, sans-serif;
  font-size: 90%;
  font-weight: bold;

}

div#navigation ul#menu  {
	position: absolute;
	width: 410px;
	height: 20px;
	margin: 0px ;
	padding: 0px ;
	/*background: transparent url(../images/menu.gif) top left no-repeat;*/
	left: 2px;
	top: 2px;
}

div#navigation ul#menu li {
  position: absolute;
  top: -2px;
  margin: 0px 0px 0px 0px;
  padding: 0px ;
  list-style: none;
}

ul#menu li, ul#menu a {
  height: 20px;
  display: block;
}

div#navigation ul#menu li a {
  text-decoration: none;
  color: #CCCCCC;
}

div#navigation ul#menu li a:hover {
  color: #000000;
}

div#navigation ul#menu li a:visted {
  color: #CCCCCC;
}

#resume        { left: 0px ;     width: 67px; color:#ccc;  }
#journalism    { left: 69px;  width: 95px; color:#ccc;}
#graphicdesign { left: 272px; width: 139px; color:#ccc;}
#webdesign     { left: 162px; width: 109px;  color:#ccc;}

#resume a:hover        {   color:#000000; }
#journalism a:hover    {   color:#000000; }
#graphicdesign a:hover {   color:#000000; }
#webdesign a:hover     {   color:#000000; }

body#resume-home div#navigation ul#menu li#resume a { color:#000000; }
body#journalism-home div#navigation ul#menu li#journalism a       { color:#000000;  }
body#graphicdesign-home div#navigation ul#menu li#graphicdesign a { color:#000000;  }
body#webdesign-home div#navigation ul#menu li#webdesign a        { color:#000000;  }

div#homebody p.navigation, div#resumebody p.navigation, div#portfoliobody p.navigation, div#graphicdesignbody p.navigation, div#webdesignbody p.navigation {
  text-align: right;
  clear: both;
}

div#homebody p.navigation a, div#resumebody p.navigation a, div#portfoliobody p.navigation a, div#graphicdesignbody p.navigation a, div#webdesignbody p.navigation a {
  margin-left: 20px;
  text-decoration: none;
}

p.navigation a:link, p.navigation a:visited {
  color: #CCCCCC;
}

p.navigation a:hover, p.navigation a:active {
  color: #999;
}

/****************/
/* Content code */
/****************/

div#exhibit {
  width: 225px;
  height: 265px;
  margin-right: 45px;
  background: transparent url(../images/exhibit_back.gif) top left no-repeat;
  display: inline;
  float: right;
}


div#exhibit img, div#exhibit object {
  margin: -7px 0px 0px 0px ;
  border: 0px ;
  display: block;
}

div#content {
  width: 700px;
  margin: 0px  auto 0px  auto;
  text-align: left;
  background: transparent url(../images/content.gif) repeat-y;
}

/*************/
/* Home code */
/*************/

div#homebody {
  margin-right:30px;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  margin-left:37px;
  padding: 0px  0px  15px 25px;

}

div#homebody2 {
  margin: 0px  0px  20px 0px ;
}

div#homebody h3 {
  margin: 0px ;
  padding: 0px  0px  5px 0px ;
  border-bottom: 1px solid #eee;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

div#homebody p {
	width:360px;
  margin: 0px ;
  padding: 5px 0px  0px  0px ;
  font-size: 75%;
  line-height: 1.5em;
  text-align: left;
  text-indent: 10px;
  color: #333;
}

div#homebody dl {
  margin: 0px  0px  0px  10px;
  padding: 5px 0px  0px  0px ;
  font-size: 70%;
  line-height: 1.5em;
  text-align: left;
  color: #333;
}

div#homebody dt {
  margin: 0px ;
  padding: 0px ;
}

div#homebody dd {
  margin: 0px  0px  0px  10px;
  padding: 0px ;
}

div#homebody p.noindent, div#journalism-home p.noindent, div#summary p.noindent  {
  text-indent: 0px ;
}

p.noindent span.dropcap {
  margin: 0px  3px  0px  0px ;
  padding: 0px  0px  0px  0px ;
  display: inline;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 400%;
  line-height: 70%;
  float:left;
}

div#homebody p a:link, div#homebody p a:visited {
  color: #636363;
  text-decoration:none;
  font-weight:bold;
}

div#homebody p a:hover, div#homebody p a:active {
  color: #CCC;
  text-decoration:none;
  font-weight:bold;

}

div.signature {
  margin: 20px 50px 0px 20px;
  padding: 0px ;
  width: 150px;
  height: 52px;
  background: transparent url(../images/signature.gif) 0px  46px no-repeat;
  display: block;
  float: left;
  text-align: left;
}

div.signature a {
  display: block;
  margin: 0px ; 
  padding: 0px ;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent url(../images/signature.gif) top left no-repeat;
  text-decoration: none;
}

div.signature a:hover {
  background: transparent url(../images/signature.gif) 0px  -52px no-repeat;
}

div.signature a span {
  display: block;
  margin: 0px ;
  padding: 0px ;
  visibility: hidden;
  text-indent: -9999px;
}

br.clear {
  visibility: hidden;
  height: 0px ;
}

/***************/
/* Resume code */
/***************/

div#resumebody {
  width: 465px;
  padding: 0px  0px  15px 58px;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  float:left;

}

div#resumebody h3 {
  margin: 0px ;
  padding: 0px  0px  5px 0px ;
  border-bottom: 1px solid #eee;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

div#resumebody h4 {
  margin: 20px 0px  0px  0px ;
  padding: 0px  0px  5px 0px ;
  border-bottom: 1px solid #eee;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 85%;
  font-weight: bold;
  line-height: 1.5em;
  clear:left;
  text-align: left;
}

div#resumebody img {
 float:left;
 clear:left;
 margin: 0px 10px 20px 0px ;
 display:block;
 border: 0px;
}

div#resumebody p {
  margin: 0px ;
  padding: 5px 0px  0px  0px ;
  font-size: 75%;
  line-height: 1.5em;
}

div#resumebody dl {
  margin: 5px 0px  0px  10px;
  padding: 0px ;
  font-size: 80%;
  line-height: 1.5em;
}

div#resumebody dt {
  margin: 0px  0px  5px 0px ;
  padding: 0px ;
}

div#resumebody dl dt span {
  font-weight: bold;
  clear:left;
}

div#resumebody dd {
  margin: 0px  0px  0px  50px;
  padding: 0px ;
}

div#resumebody dd.education {
  margin: 0px  0px  0px  88px;
  padding: 0px ;
}

div#resumebody dl dd span {
  font-style: italic;
}

div#resumebody ul {
  margin: 0px  0px  0px  100px;
  padding: 0px ;
  font-size: 75%;

}

div#resumebody ul.contact {
  margin: 5px 0px  -5px 0px ;
  list-style-type: none;
  text-align: left;
}

div#resumebody ul#experience-expand1, div#resumebody ul#experience-collapse1,
div#resumebody ul#experience-expand2, div#resumebody ul#experience-collapse2,
div#resumebody ul#experience-expand3, div#resumebody ul#experience-collapse3,
div#resumebody ul#experience-expand4, div#resumebody ul#experience-collapse4,
div#resumebody ul#experience-expand5, div#resumebody ul#experience-collapse5,
div#resumebody ul#experience-expand6, div#resumebody ul#experience-collapse6,
div#resumebody ul#experience-expand7, div#resumebody ul#experience-collapse7, 
div#resumebody ul#experience-expand8, div#resumebody ul#experience-collapse8,
div#resumebody ul#experience-expand9, div#resumebody ul#experience-collapse9,
div#resumebody ul#experience-expand10, div#resumebody ul#experience-collapse10,
div#resumebody ul#experience-expand11, div#resumebody ul#experience-collapse11,
div#resumebody ul#experience-expand12, div#resumebody ul#experience-collapse12,
div#resumebody ul#experience-expand13, div#resumebody ul#experience-collapse13,
div#resumebody ul#experience-expand14, div#resumebody ul#experience-collapse14,
div#resumebody ul#experience-expand15, div#resumebody ul#experience-collapse15,
div#resumebody ul#experience-expand16, div#resumebody ul#experience-collapse16,
div#resumebody ul#experience-expand17, div#resumebody ul#experience-collapse17,
div#resumebody ul#experience-expand18, div#resumebody ul#experience-collapse18, {
  margin: 0px  0px  0px  100px;
}



div#resumebody ul li.gray, div#resumebody ul li.gray a, div#resumebody ul li.gray a:visited, div#resumebody ul li.gray a:link {
  color: #999999;
}

div#resumebody ul.experience {
  margin: 0px  0px  0px  35px;
  color: #999999;
}

div#resumebody ul li {
  margin: 0px ;
  padding: 0px ;
  line-height: 1.5em;
}

div#resumebody a:link, div#resumebody a:visited {
  color: #333;
  text-decoration: none;
}

div#resumebody a:link, div#resumebody a:visited {
  color: #333;
  text-decoration: none;
}

div#resumebody a:hover, div#resumebody a:active {
  color: #999;
  text-decoration:none;
  font-weight:bold;
}

div#resumebody span.date {
  color: #999999;
  font-style: normal;
}

/******************/
/* Portfolio code */
/******************/

div#summary {
  margin: 0px  0px  20px 0px ;
  clear:left;
}

div#summary img {
  margin: 10px 0px  5px 15px;
  display: inline;
  float:right
}

div#journalism-menu-container {
  position: relative;
  top: 0px ;
  left: 0px ;
  width: 400px;
  height: 63px;
  margin: 0px  0px  15px 0px ;
  padding: 0px ;
}

div#journalism-menu-container ul#journalism-menu {
  position: absolute;
  width: 400px;
  height: 63px;
  margin: 0px ;
  padding: 0px ;
  background: transparent url(../images/journalism-menu.gif) top left no-repeat;
}

div#journalism-menu-container ul#journalism-menu li {
  position: absolute;
  top: 2px;
  margin: 0px ;
  padding: 0px ;
  list-style: none;
}

ul#journalism-menu li, ul#journalism-menu a {
  height: 63px;
  display: block;
}

div#journalism-menu-container ul#journalism-menu li a {
  text-indent: -9999px;
  text-decoration: none;
}

#journalism-menu-mygamer { left: 0px ; width:172px; }
#journalism-menu-illinois { left: 174px;  width: 155px; }
#journalism-menu-daily-illini { left: 330px; width: 70px; }

#journalism-menu-mygamer a:hover  { background: transparent url(../images/journalism-menu.gif) 0px  -53px no-repeat; }
#journalism-menu-illinois a:hover { background: transparent url(../images/journalism-menu.gif) -174px -59px no-repeat; }
#journalism-menu-daily-illini a:hover    { background: transparent url(../images/journalism-menu.gif) -330px -65px no-repeat; }


.clear {
  clear: both;
  height: 0px ;
}

/********************/
/* Portfolio_Pic CSS*/
/********************/

div#portfoliobody_pic {
  width: 465px;
  padding: 0px 0px 15px 58px;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  float:left;
}

div#portfoliobody_pic h3 {
  margin: 0px ;
  padding: 0px  0px  5px 0px ;
  border-bottom: 1px solid #eee;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

div#portfoliobody_pic h3 cite, div#portfoliobody_pic h4 cite {
  font-style: normal;
}

div#portfoliobody_pic h4 {
  margin: 15px 0px  0px  0px ;
  padding: 0px  0px  5px 0px ;
  border-bottom: 1px solid #eee;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 85%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

div#portfoliobody_pic h4 a {
  text-decoration: none;
}

div#portfoliobody_pic p {
  margin: 0px ;
  padding: 5px 0px  0px  0px ;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 75%;
  line-height: 1.5em;
  text-align: left;
  text-indent: 10px;
}

a img {
  border: 0px ;
}

div#portfoliobody_pic p.author {
  margin: 5px 0px  0px  0px ;
  padding: 0px ;
  color: #000;
  text-align: left;
  text-indent: 0px ;
}

div#portfoliobody_pic p.byline {
  margin: 0px  0px  5px 0px ;
  padding: 0px ;
  color: #333;
  font-size: 55%;
  text-align: left;
  text-indent: 0px ;
}

div#portfoliobody_pic p.date {
  margin: 20px 5px 0px  0px ;
  padding: 0px ;
  color: #999;
  float: right;
  font-size: 65%;
}

div#portfoliobody_pic p.dateup {
  margin: 10px 5px 0px  0px ;
  padding: 0px ;
  color: #999;
  font-size: 65%;
  float: right;
}

div#portfoliobody_pic p.datetop {
  margin: 5px 5px 0px  0px ;
  padding: 0px ;
  color: #999;
  float: right;
  font-size: 65%;
}

div#portfoliobody_pic p em cite {
  font-style: italic;
}

div#portfoliobody_pic ul, div#portfoliobody_pic ol {
  margin: 5px 20px 0px  25px;
  padding: 0px ;
}

div#portfoliobody_pic ul li, div#portfoliobody_pic ol li {
  padding: 0px ;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
}

div#portfoliobody_pic ul li {
  margin: 5px 20px 0px  0px ;
  color: #333;
}

div#portfoliobody_pic ol li {
  margin: 5px 20px 0px  10px;
}

div#portfoliobody_pic dl {
  margin: 15px 20px 0px  25px;
  padding: 0px ;
}

div#portfoliobody_pic dt {
  margin: 0px ;
  margin: 5px 20px 0px  0px ;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
  text-align: justify;
}

div#portfoliobody_pic dd {
  margin: 5px 20px 0px  25px;
  color: #333;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 70%;
  line-height: 1.5em;
  text-align: justify;
  clear:left;
}




div#portfoliobody_pic div.snapshot {
  float: right;
}

div#portfoliobody_pic div.snapshot img {
  margin: 10px 0px  5px 15px;
  display: block;
  border: 0px ;
}

div#portfoliobody_pic div.snapshot p {
  margin: 0px ;
  padding: 0px ;
  text-align: right;
}

div#portfoliobody_pic div.snapshot p.comingsoon {
  color: #999;
}

div#portfoliobody_pic div.snapshots {
  float: left;
}

div#portfoliobody_pic div.snapshots img {
  margin: 10px 10px  10px 0px;
  display: block;
  border: 0px ;
}

div#portfoliobody_pic div.snapshots p {
  margin: 0px ;
  padding: 0px ;
  clear:both
}

div#portfoliobody_pic div.snapshots p.comingsoons {
  color: #999;
}

div#portfoliobody_pic ul.ogc {
  margin-top: 10px;
  margin-left: 10px;
  list-style: none;
}

div#portfoliobody_pic ul.ogc img {
  margin: 0px  10px 5px 0px ;
  border: 0px ;
  float: left;
  clear: both;
}

div#portfoliobody_pic a:link, div#portfoliobody_pic a:visited {
  color: #333;
}

div#portfoliobody_pic a:hover, div#portfoliobody_pic a:active {
  color: #999;
}

div#portfoliobody_pic div.imageleft {
  width: 200px;
  margin: 10px 15px 5px 0px ;
  display: inline;
  float: left;
}

div#portfoliobody_pic div.imageright {
  width: 200px;
  margin: 10px 0px  5px 15px;
  display: inline;
  float: right;
}

div#portfoliobody_pic div.imagecenter {
  width: 400px;
  margin: 10px auto 0px  auto;
  display: block;
}

div#portfoliobody_pic div.imagecenter div.newsimage img {
  margin: 0px  auto;
  display: block;
}

div#portfoliobody_pic p.pdf {
  margin: 15px 0px  10px 5px;
  padding: 0px ;
}

div#portfoliobody_pic p.pdf a {
  margin: 30px 0px  0px  -15px;
  padding: 15px 0px  15px 45px;
}

div#portfoliobody_pic p.pdf a:link, div#portfoliobody_pic p.pdf a:visited {
  background: transparent url(../images/adobe_pdf.gif) 0px  0px  no-repeat;
}

div#portfoliobody_pic p.pdf a:hover, div#portfoliobody_pic p.pdf a:active {
  background: transparent url(../images/adobe_pdf.gif) 0px  -44px no-repeat;
}

div#portfoliobody_pic div.imagespotlight img {
  margin: 5px auto;
  border: 0px ;
  display: block;
}

div#portfoliobody_pic div.newsimage img {
  margin: 0px ;
  padding: 5px;
  border: 1px solid #ccc;
}

div#portfoliobody_pic div.newsimage p {
  margin: 0px ;
  padding: 0px ;
  color: #666;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
  font-size: 60%;
  text-indent: 0px ;
}

div#portfoliobody_pic div.newsimage p a {
  color: #666;
}

div#portfoliobody_pic div.newsimage p a:hover, div#portfoliobody_pic div.newsimage p a:active {
  color: #999;
}

div#portfoliobody_pic div.newsimage p.author {
  margin-bottom: 5px;
  color: #333;
  text-align: right;
}

div#portfoliobody_pic div.newsimage p.gallery {
  width: 150px;
}

div#portfoliobody_pic h3.webhead {
  margin: 30px 0px  0px 0px ;
  padding: 5px 10px;
  background: #e5e5e5;
  font-size: 65%;
  font-weight: bold;
  letter-spacing: 3px;
  clear: both;
}

div#portfoliobody_pic h3.webhead a {
  color: #999;
}

div#portfoliobody_pic h3.webhead a:hover {
  color: #333;
}

.clear {
  clear: both;
  height: 0px ;
}

/****************/
/* Sidebar Contact */
/****************/
div.sidebar_top {
  width:170px;
  float: right;
  background: transparent url(../images/sidebar/sticky_top.gif) no-repeat;
  height:26px;
  display:inline;
  margin: 10px 53px 0px 0px;
}

div.sidebar_bottom {
  width:170px;
  float:right;
  background: transparent url(../images/sidebar/sticky_bottom.gif) no-repeat;
  height:35px;
    display:inline;
  margin: 0px  53px 0px 0px;
}

div.sidebar {
  width: 170px;
  position:relative;
  margin: 0px  53px 0px  0px ;
  padding: 10px 5px 10px 10px;
  background: transparent url(../images/sidebar/sticky_middle.gif) repeat-y;
  border: 0px ;
  display:inline;
  float: right;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
}



div.sidebar h4 {
  margin: 0px  0px  10px 0px ;
  padding: 0px ;
  color: #333;
  font-size: 70%;
  font-weight: bold;
  line-height: 1em;
}

div.sidebar p {
  margin: 0px  0px  5px 0px ;
  padding: 0px ;
  line-height:normal;
  color: #333;
  font-size: 70%;
}


div.sidebar p.pdf {
  color: #CC0000;
  line-height: 1.5em;
}


div.sidebar p.s {
	font-weight:bold;
	line-height:.80em;
	border-bottom: 1px solid #993300;
	margin-top: 1.5em;
	width: 100%;
	letter-spacing: 2px;
	color: #993300;
	text-align:left;
}



div.sidebar p a:link, div.sidebar p a:visited {
  color: #333;
}

div.sidebar p a:hover, div.sidebar p a:active {
  color: #999;
}

div.sidebar p.pdf a {
  height: 40px;
  margin: 0px ;
  padding: 0px  0px  0px  50px;
  display: block;
  font-weight: bold;
}

div.sidebar p.pdf a:link, div.sidebar p.pdf a:visited {
  background: url(../images/adobe_pdf.gif) 0px  0px  no-repeat;
  color: #CC0000;
}

div.sidebar p.pdf a:hover, div.sidebar p.pdf a:active {
  background: url(../images/adobe_pdf.gif) 0px  -44px no-repeat;
  color: #E47A7A;
}

div.sidebar ul {
  margin: 0px  0px  0px  15px;
  padding: 0px ;
  font-size:70%;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align:left;
  color: #666666;
}

div.sidebar ul li {
  margin: 0px;
  line-height: 1.5em;
  list-style:none;
}

div.sidebar ul li cite {
  font-style: normal;
}

div.sidebar ul li#current {
  color: #999;
}

div.sidebar ul li a {
text-decoration:none;
font:small-caps;
vertical-align:middle;
color: #999999;
}

div.sidebar ul li a img {
text-decoration:none;
border:none;
margin:1px 0px 0px 0px;
height:15px;
float:left;
}

div.sidebar img {
text-decoration:none;
border:none;
float:right;
}

div.sidebar ul li a:link, div#sidebar ul li a:visited {
  color: #333333;
}

div.sidebar ul li a:hover, div#sidebar ul li a:active {
  color: #999;
}


div.sidebar p a.return {
  margin: -22px 0px  0px  15px;
  color: #333;
  display: block;
  text-decoration: none;
}

div.sidebar p a.return:hover {
  color: #999;
}

/****************/
/* Sidebar code */
/****************/
div#sidebar_top {
  width:170px;
  float: right;
  background: transparent url(../images/sidebar/sticky_top.gif) no-repeat;
  height:26px;
  display:inline;
  margin: 10px 53px 0px 0px;
}

div#sidebar_bottom {
  width:170px;
  float:right;
  background: transparent url(../images/sidebar/sticky_bottom.gif) no-repeat;
  height:35px;
    display:inline;
  margin: 0px  53px 0px 0px;
}

div#sidebar {
  width: 170px;
  position:relative;
  margin: 0px  53px 0px  0px ;
  padding: 10px 5px 10px 10px;
  background: transparent url(../images/sidebar/sticky_middle.gif) repeat-y;
  border: 0px ;
    display:inline;
  float: right;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
}

div#sidebar h4 {
  margin: 0px  0px  10px 0px ;
  padding: 0px ;
  color: #333;
  font-size: 70%;
  font-weight: bold;
  line-height: 1em;
}

div#sidebar p {
  margin: 0px  0px  5px 0px ;
  padding: 0px ;
  line-height:normal;
  color: #333;
  font-size: 70%;
}

div#sidebar p.pdf {
  color: #CC0000;
  line-height: 1.5em;
}


div#sidebar p.s {
	font-weight:bold;
	line-height:.80em;
	border-bottom: 1px solid #993300;
	margin-top: 1.5em;
	width: 100%;
	letter-spacing: 2px;
	color: #993300;
	text-align:left;
}

div#sidebar p a:link, div#sidebar p a:visited {
  color: #333;
}

div#sidebar p a:hover, div#sidebar p a:active {
  color: #999;
}

div#sidebar p.pdf a {
  height: 40px;
  margin: 0px ;
  padding: 0px  0px  0px  50px;
  display: block;
  font-weight: bold;
}

div#sidebar p.pdf a:link, div#sidebar p.pdf a:visited {
  background: url(../images/adobe_pdf.gif) 0px  0px  no-repeat;
  color: #CC0000;
}

div#sidebar p.pdf a:hover, div#sidebar p.pdf a:active {
  background: url(../images/adobe_pdf.gif) 0px  -44px no-repeat;
  color: #E47A7A;
}

div#sidebar ul {
  margin: 0px  0px  0px  15px;
  padding: 0px ;
  font-size:70%;
  font-family: arial, verdana, helvetica, sans-serif;
  text-align:left;
  color: #666666;
}

div#sidebar ul li {
  margin: 0px;
  line-height: 1.5em;
  list-style: none;
}

div#sidebar ul li cite {
  font-style: normal;
}

div#sidebar ul li#current {
  color: #999;
}

div#sidebar ul li a:link, div#sidebar ul li a:visited {
  color: #333;
}

div#sidebar ul li a:hover, div#sidebar ul li a:active {
  color: #999;
}


div#sidebar p a.return {
  margin: -22px 0px  0px  15px;
  color: #333;
  display: block;
  text-decoration: none;
}

div#sidebar p a.return:hover {
  color: #999;
}

/*********************/
/* sidebar-stickynote*/
/*********************/
div#sidebar_top_s {
  width:170px;
  float: right;
   display:inline;
  background: transparent url(../images/sidebar/sticky_top.gif) no-repeat;
  height:26px;
  margin: 25px 53px 0px 0px;
}

div#portfoliobody_pic div.sidebar_top_s {
  width:170px;
  float: right;
    display:inline;
  background: transparent url(../images/sidebar/sticky_top.gif) no-repeat;
  height:26px;
  margin: 25px 53px 0px 0px;
}

div#sidebar_bottom_s {
  width:170px;
  float:right;
    display:inline;
  background: transparent url(../images/sidebar/sticky_bottom.gif) no-repeat;
  height:35px;
  margin: 0px  53px 0px 0px;
}

div#portfoliobody_pic div.sidebar_bottom_s {
  width:170px;
  float:right;
    display:inline;
  background: transparent url(../images/sidebar/sticky_bottom.gif) no-repeat;
  height:35px;
  margin: 0px  54px 0px 0px;
}

div#sidebar_stickynote {
  width: 170px;
  line-height: normal;
  margin: 0px  53px 0px  0px ;
  padding: 10px 5px 10px 10px;
  background: transparent url(../images/sidebar/sticky_middle.gif) repeat-y;
  border: 0px ;
  display:inline;
  float: right;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
}


div#sidebar_stickynote h2 {
  font-size: 75%;
  border-bottom: 1px solid #993300;
  width: 100%;
  letter-spacing: 2px;
  color: #993300;
  text-align:left;
  white-space:nowrap; 
  padding-left:0px; 
}


div#sidebar_stickynote h4 {
  margin: 0px  0px  0px  0px ;
  padding: 0px ;
  color: #333;
  font-size: 70%;
  font-weight: bold;
  line-height: 1em;
}

div#sidebar_stickynote img {
  float:right;
  width:80px;
  display:inline;
  
}

div#sidebar_stickynote p {
  margin: 0px  0px  5px 0px ;
  padding: 0px ;
  color: #333;
  font-size: 70%;
  line-height: 2em;
}


div#sidebar_stickynote p.s {
	font-weight:bold;
	line-height:.80em;
	border-bottom: 1px solid #993300;
	margin-top: 1.5em;
	width: 100%;
	letter-spacing: 2px;
	color: #993300;
	text-align:left;
}

div#sidebar_stickynote p.pdf {
  color: #CC0000;
  line-height: 1.5em;
}

div#sidebar_stickynote p a:link, div#sidebar_stickynote p a:visited {
  color: #333;
}

div#sidebar_stickynote p a:hover, div#sidebar_stickynote p a:active {
  color: #999;
}

div#sidebar_stickynote p.pdf a {
  height: 40px;
  margin: 0px ;
  padding: 0px  0px  0px  50px;
  display: block;
  font-weight: bold;
}

div#sidebar_stickynote p.pdf a:link, div#sidebar_stickynote p.pdf a:visited {
  background: url(../images/adobe_pdf.gif) 0px  0px  no-repeat;
  color: #CC0000;
}

div#sidebar_stickynote p.pdf a:hover, div#sidebar_stickynote p.pdf a:active {
  background: url(../images/adobe_pdf.gif) 0px  -44px no-repeat;
  color: #E47A7A;
}

div#sidebar_stickynote ul {
  margin: 0px  0px  0px  15px;
  padding: 0px ;
  color: #333;
  font-size: 65%;
}

div#sidebar_stickynote ul li {
  margin: 0px  0px  10px 0px ;
  line-height: 1.5em;
}

div#sidebar_stickynote ul li cite {
  font-style: normal;
}

div#sidebar_stickynote ul li#current {
  color: #999;
}

div#sidebar_stickynote ul li a:link, div#sidebar_stickynote ul li a:visited {
  color: #333;
}

div#sidebar_stickynote ul li a:hover, div#sidebar_stickynote ul li a:active {
  color: #999;
}

div#sidebar_stickynote p a.return {
  margin: -22px 0px  0px  15px;
  color: #333;
  display: block;
  text-decoration: none;
}

div#sidebar_stickynote p a.return:hover {
  color: #999;
}

/****************/
/* Review code */
/****************/

	div#reviewright {
	float:right; width:195px; margin: 0px;
	}
	
	div#reviewright p {
	font-weight:bold
	}
	
	div#reviewleft {
	float:left; width:195px; margin: 0px;
	}
	
	div#reviewleft p {
	font-weight:bold
	}




/****************/
/* Contact code */
/****************/

div#portfoliobody_pic form#contactform {
  width:430px;
  margin: 0px  0px  -5px 0px ;
  padding: 0px ;
}

div#portfoliobody_pic form#contactform fieldset {
  margin: 10px 0px ;
  padding: 10px;
  border: 1px solid #bbb;
}

div#portfoliobody_pic form#contactform legend {
  padding: 5px;
  background: #f6f6f6;
  border: 1px solid #bbb;
  color: #333;
  font-size: 70%;
  font-weight: bold;
}

div#portfoliobody_pic form#contactform fieldset p {
  margin: 0px  100px 15px 0px ;
  padding: 0px ;
  text-align: right;
}

div#portfoliobody_pic form#contactform fieldset input {
  padding: 3px;
  border: 1px solid #aaa;
  font-size: 100%;
}

div#portfoliobody_pic form#contactform fieldset textarea {
  margin:10px 0px  auto;
  width: 410px;
  height: 200px;
  padding: 5px;
  border: 1px solid #aaa;
  font-size: 70%;
  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
}

div#portfoliobody_pic form#contactform input.submit {
  display: block;
  margin: 0px  auto;
  padding: 5px;
  border: 1px solid #aaa;
  font-size: 70%;
}

/***************/
/* Footer code */
/**************

div#content a { text-decoration:none;
	font-weight:500;}*/

div#footer {
  width: 700px;
  height: 125px;
  margin: 0px  auto 25px auto;
  padding: 0px 40px 0px 0px ;
  background: transparent url(../images/footer.gif) no-repeat;
  clear: both;
}

div#footer p {
  margin: 30px 0px 20px 0px ;
  padding: 0px  0px  5px 0px ;
  line-height:1em;
  color: #777;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 75%;
  text-align: center;
  text-transform: lowercase;
  clear: both;
}

 
div#footer p a:link, div#footer p a:visited {
  color: #777;
  text-decoration: none;
}

div#footer p a:hover, div#footer p a:active {
  color: #999;
  text-decoration: none;
}

h2 {
  position: relative;
  width: 87px;
  height: 87px;
  margin: 0px 0px 0px 560px;
  padding: 0px ;
  border: 0px ;

}

h2 a {
  position: relative;
  width: 87px;
  height: 87px;
  padding: 0px ;
  border: 0px ;
  display: block;
  text-decoration: none;
   background: transparent url(../images/header_light.gif) no-repeat;
}

h2 a:link, h2 a:visited  {
    background: transparent url(../images/header_light.gif) no-repeat;
}

h2 a:hover {
  background: transparent url(../images/header_light.gif) 0px  -87px no-repeat;
}