@import url('portfolioColumns.css');
A,
A:hover {
  text-decoration: none;
}
.clear {
  clear: both;
}
BODY {
  background :  White;
  color      :  White;
  font-family:
    GillSans, "Gill Sans",
    Arial, sans-serif;
  margin : 35px 0 0 0;
  padding:          0;
  border :          0;
}
BLOCKQUOTE H3 {
  text-align: right;
  font-style: italic;
}
* html BLOCKQUOTE H3 {
  z-index: 9;
  position: relative;
}
BR.clearing {
  clear  :  both;
  display: block;
  line-height: 0;
  height :     0;
}
.top H1 {
  display: block;
  height :  51px;
  margin :     0;
  line-height: 0;
  background: transparent
    url('/gfx/portfolio/header.gif')
    no-repeat bottom left;
}
.shadow {
  height:   5px;
  margin: 0 7px;
  background: transparent;
}
html>body .top .shadow {
  background: transparent
    url('/gfx/portfolio/shadowTopC.png')
    repeat-x top  left;
}
html>body .bottom .shadow {
  background: transparent
    url('/gfx/portfolio/shadowBottomC.png')
    repeat-x top  left;
}
#leftContent {
  padding: 0 0 0 7px;
}

/*--- left column stylings ---*/
#leftSide SPAN {
  display: none;
}
#leftSide #info H2 {
  margin: 10px auto 0;
  height: 1px;
}
* html #info H2 {
  margin-top: 15px;
}
#leftSide H2 {
  clear: left;
  height: 13px;
  margin: 20px auto 10px;
}
#websites H2 {
  background: transparent
    url('/gfx/portfolio/websitesH2.gif')
    no-repeat top left;
  width : 137px;
}
#photography H2 {
  background: transparent
    url('/gfx/portfolio/photographyH2.gif')
    no-repeat top left;
  width : 197px;
}
#leftSide .clearLeft {
  clear: left;
  height: 1px;
  line-height: 0;
}
#leftSide BR {
  clear :   left;
  line-height: 0;
}
#leftSide UL {
  margin    : 0 0 0 10px;
  list-style:  none;
  padding   :     0;
  font-size :  10pt;
  line-height: 12pt;
}
#leftSide UL LI {
  padding :      0;
  margin  :      0;
  display : inline;
}
#leftSide UL LI A {
  clear   :    left;
  display :   block;
  padding : 3px 5px;
  color   :   White;
  text-decoration:  none;
}
#leftSide UL LI A:visited {
  color: #A0ADE5;
}
#leftSide UL LI A:hover,
#leftSide UL LI A:focus {
  background:    #03EE77;
  color     :      Black;
  text-decoration:  none;
}

BODY#intro #menuI,
BODY#edu   #menuE,
BODY#resume #menuR,
BODY#cert  #menuC {
  background: #037EEE;
  color     :   Black;
}

/*--- thumbnails ---*/
.thumbs {
  line-height: 0;
}
#photography .thumbs {
  padding: 0 0 10px 10px;
}
* html #photography .thumbs {
  padding: 0 0 15px 4px;
}
#websites .thumbs {
  padding    :    0;
}
#websites UL .thumb A {
  padding    :    0;
  line-height:    0;
  margin     :  3px;
}
#websites UL UL BR {
  clear      : left;
  line-height:    0;
}
.thumb {
  margin:  6px;
  float : left;
}
.thumb IMG {
  border:    0;
  width : 30px;
  height: 30px;
}
.thumb A {
  display: block;
  border :   3px solid white;
}
.thumb A:visited {
  border: 3px solid #5669BF;
}
.thumb A:hover,
.thumb A:focus {
  border :   3px solid #03EE77;
}

/*--- main content ---*/
#mainContentBG {
  margin-top:  240px;
  text-align: center;
}
#mainContentBG H3 {
  font-size :   28pt;
}
#mainHeader {
  background: #02104F;
  padding   :     5px;
}
#mainHeader #mhDesc {
  text-align:    right;
  color     :    White;
  padding   :  2px 5px 1px;
}
#mainHeader #mhDesc #shotDesc {
  clear      :   right;
  text-align :   right;
}
#mainHeader DIV.clearing {
  clear: both;
  height: 1px;
}
#mainHeader DIV.clearing SPAN {
  display: none;
}
#mainHeader .thumb {
  margin: 3px;
}
BODY#photo DIV.outer {
  background:  none;
  background: black;
}
BODY#photo #mainArea {
	text-align: center;
}
BODY#photo #mainArea IMG {
  margin: 35px 0;
}

/* -- intro --------- */
BODY#intro DIV.outer {
  background: White none;
  color: Black;
}
BODY#intro #mainContent {
  padding-left: 10px;
}
BODY#intro #mainContent P {
  text-align: justify;
  margin: 15px 20px 20px 10px;
}
BODY#intro #mainContent P#sig {
  border-left: 2px solid #DDD;
  padding-left: 10px;
}
BODY#intro BLOCKQUOTE H3 {
  margin: 0 0 -7px 0;
  color: #037EEE;
  font-size: 1.5em;
}
* html BODY#intro BLOCKQUOTE H3 {
  margin-bottom: -6px;
}
BODY#intro BLOCKQUOTE DIV {
  background: #EEE;
  margin-bottom: 35px;
  border-style: solid;
  border-color: #037EEE;
  border-width: 3px 1px;
  padding: 5px;
}
BODY#intro BLOCKQUOTE DIV UL {
  list-style: none;
  padding: 0 20px;
}
BODY#intro BLOCKQUOTE DIV UL LI {
  margin: 2px 0;
}
BODY#intro BLOCKQUOTE DIV UL A {
  padding: 1px 4px;
  color: #037EEE;
}
BODY#intro BLOCKQUOTE DIV UL A:hover,
BODY#intro BLOCKQUOTE DIV UL A:focus {
  color: #EEE;
  background: #037EEE;
}
BODY#intro BLOCKQUOTE DIV UL UL {
  list-style: circle;
  margin-left: 10px;
}
BODY#intro BLOCKQUOTE DIV UL UL LI {
  font-style: italic;
  font-size: 0.8em;
}

/* -- education ----- */
BODY#edu DIV.outer {
  background: White none;
}
BODY#edu #mainContent {
  padding-left: 10px;
  color: Black;
}
BODY#edu IMG#uwgblogo {
  float: right;
  margin: 15px;
}
BODY#edu #mainContent H3 {
  margin: 15px 0 3px 0;
  border-bottom: 1px solid black;
}
BODY#edu #mainContent H4 {
  margin: 0;
}
BODY#edu #mainContent H5 {
  margin: 0;
}
BODY#edu #mainContent UL {
  margin: 3px 0 0 0;
}

/* -- resume ----- */
BODY#resume DIV.outer {
  background: White none;
  color: Black;
}
BODY#resume #mainContent {
  padding-left: 10px;
}
.reslink {
  width: 30em;
  text-align: center;
}
.reslink A {
  display: block;
  width: 20em;
  text-align : center;
  padding: 5px 0;
  border: 2px solid #7C7;
  background: #9F9;
  color: #000;
  font-weight: bold;
  margin: 10px auto;
}
.reslink A:hover,
.reslink A:focus {
  background: #FF9;
  border-color: #CC7;
}

/* -- certs ----- */
BODY#cert DIV.outer {
  background: White none;
}
BODY#cert #mainContent {
  color: Black;
}
BODY#cert BLOCKQUOTE H3 {
  margin : 0 10px -6px;
  padding: 15px 10px 0;
  color     :  #FF6608;
  font-size :     14pt;
}
* html BODY#cert BLOCKQUOTE H3 {
  margin-bottom:-5px;
}
BODY#cert BLOCKQUOTE P IMG {
  margin: 0 30px 0 0;
}
BODY#cert BLOCKQUOTE P IMG.nm {
  margin: 0;
}
.certlist,
BODY#cert BLOCKQUOTE P {
  margin: 0 10px;
  background: #EEE;
  border-color: #FF6608;
  border-width: 2px 1px;
  border-style:   solid;
  padding: 15px 0px 12px 20px;
}
.certlist {
  padding: 0;
}
.certlist UL {
  list-style: none;
  margin: 8px 0 0 6px; /*8005*/
  padding: 0;
}
.certlist UL LI.cert {
  float: left;
  margin: 10px 15px;
  width: 170px;
  background: White;
  line-height: 0;
  padding    : 0;
}
* html .certlist UL LI.cert {
  margin: 10px 17px 10px 7px;
}
.certlist UL LI.cert IMG {
  width: 170px;
  height: 50px;
}
.certlink {
  padding-bottom: 20px;
  text-align: center;
}
.certlink A,
.certlink A:hover {
  padding: 0 5px;
  color: #031C88;
}
.certlink A:hover {
  color: #FFFFFF;
  background: #FF6608;
}
DIV.clearlast {
  clear: both;
  padding: 0;
  line-height: 8px;
}
DIV.score, DIV.rank, DIV.speed {
  border: 1px solid black;
  border-top :    0;
  font-size  :  8pt;
  line-height: 11px;
  color: Black;
}
DIV.score DIV.scorewrap {
  float:  left;
  width: 115px;
  padding: 1px;
}
DIV.score DIV DIV {
  background: Blue;
  color: White;
  padding: 1px 2px 0;
  width: 111px;
}
UL LI DIV H4 {
  margin:    0;
  color: black;
  float:  left;
  width:  46px;
  border-right: 1px solid black;
  padding: 2px 1px 1px 3px;
  font-size  : 8pt;
  line-height: 8pt;
}
DIV.score DIV.clearing,
DIV.rank  DIV.clearing,
DIV.speed DIV.clearing {
  clear: both;
}
DIV.rank UL {
  margin :    0;
  padding:  1px;
  float  : left;
}
DIV.rank UL LI {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
}
DIV.rank UL LI.world {
  margin: 0;
}
.certlist DIV.rank UL LI IMG {
  float: left;
  margin-right: 3px;
  width : auto;
  height: 12px;
}
DIV.rank UL LI SPAN {
  /*display: block;*/
  padding: 1px 0 0 0;
}
DIV.speed DIV.speedwrap {
  float  : left;
  margin :  1px;
  padding:  1px 2px 0;
}
DIV.speed ACRONYM {
  cursor : help;
  border : none;
}
/* Hacks for IE6 - hide from MacIE5 \*/
* html #mainContent {height: 1%;}
* html .certlist {height:1%;}
* html .score {height: 1%;}
* html .rank {height: 1%;}
* html .speed {height: 1%;}
/* end */