/* >>>>> photosensei.css <<<<< */

html, body {margin: 0px; padding: 0px; font-size: 100%; }

body {
  background: #222266;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}

p,td,th,div,span,ol,ul,dl,dt,dd,li,form {
  font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
  font-size: 12px;
  color: #FFF;
}

p {margin-bottom: 5x; padding: 0px; }


h1,h2,h3,h4,h5 {
  font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif;
  color: #FFF;
  font-weight: bold;
  margin: 10px 0;
  text-align: left;
}

h1 { font-size: 350%; color: #999;}
h2 { font-size: 150%; }
h3 { font-size: 125%; color: #999;}
h4 { font-size: 100%; }
h5 { font-size: 90%; }
  
a:link {font-weight:bold; color: #ffff00; text-decoration: none; }

a:visited {font-weight:bold; color:#ffff99; text-decoration: none; }

a:hover { font-weight:bold; color: #00DD00; text-decoration: underline; }

a:active {font-weight:bold; color: #ffff33; text-decoration: underline;}

pre {
  margin: 0 0 0 10px;
  padding-top: 8px;
  font-family: Monaco, Courier, Verdana, sans-serif;
  font-size: 95%;
  font-weight: normal; }

table { 
    table-layout: auto;
    border-collapse: collapse;  
}

table.contable {
   margin-left: auto;
   margin-right: auto;
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
}


table.contable th  {
   padding:3px;
   border:2px solid #666 !important;
   border-collapse: collapse;
   border-spacing: 0;
   text-size:1.0em;
}

table.contable td  {
   padding:3px;
   border-bottom:1px solid #666 !important;
   border-collapse: collapse;
   border-spacing: 0;
   text-size:1.0em;
}

#topleft {
  background:#A6A6A6;
  border: 0px solid black;
  width: 265px;
  height: 213px;
  text-align:left;
  float: left;
  top: 0px; 
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  position: absolute; } /*** IE6 needs this to display the div ***/

#botleft {
  background:transparent;
  border: 0px solid black;
  width: 185px;
  text-align:left;
  float: left;
  top: 213px; 
  left: 0px;
  margin: 0px 0px 0px 80px;
  padding: 0px 5px 0px 5px;
  position: absolute; } /*** IE6 needs this to display the div ***/
  
  
#container {
  background:transparent;
  border: 0px solid black;
  width: 21px;
  text-align:left;
  top: 0px; 
  left: 275px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute; } /*** IE6 needs this to display the div ***/

#centernums {
  background:#A6A6A6;
  border: 0px solid black;
  width: 15px;
  height: 213px;
  text-align:left;
  top: 0px; 
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 6px 0px 0px;
  position: relative; } /*** IE6 needs this to display the div ***/
  
#centerbullets {
  background:transparent;
  border: 0px solid black;
  width: 15px;
  text-align:left;
  top: 0px; 
  left: 0px;
  margin: 213px 0px 0px 0px;
  padding: 0px 6px 0px 0px;
  position: relative; } /*** IE6 needs this to display the div ***/

#topright {
  background:transparent;
  border: 0px solid black;
  width: 465px;
  height: 200px;
  text-align:left;
  float: right;
  top: 0px; 
  left: 296px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  position: absolute; } /*** IE6 needs this to display the div ***/

#botright {
  background:transparent;
  border: 0px solid black;
  width: 850px;
  text-align:left;
  float: right;
  top: 200px; 
  left: 296px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute; } /*** IE6 needs this to display the div ***/
  
.highlight {color: #999; font-weight:bold;}

.copyright {
  font: 0.6em #666666;
  text-align:left
  font-style:italic;
}

.dots {
  font-size:1.25em;
}


.left {
  margin: 3px;
  padding: 0;
  width: 245px;
  float: left;
  /*background: #FFFFFF;*/
}

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
          the margin to the correct width for others ***/

.right {
  margin: 3px;
  padding: 0;
  width: 245px;
  float: right;
}

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
          the margin to the correct width for others ***/

.clear {
  clear: both;
  margin: 0;
  padding: 0;
}
  
.footer {
     text-align:center;
     color:#999999;
     font:0.75em bold;
}

.navbar {
  font-size:1.5em;
  font-weight:bold;
  background:transparent;
  color: #FFFFFF;
  text-align:right;
}

.caption {
  font-size: 1em;
  color:#FFFFFF;
  text-align:left;
  margin-top:-6px;
  margin-left:36px;

}

div.menu {
  margin-left: 10px;
  font-weight: bold;
  font-size:.8em;
  line-height: 1.5;
  text-align: left;
  position: fixed;
  top: 165px;
  left: 10px;
  width: 110px;
  border: 1px solid #AAAAAA;
}

div.menu p {
  margin: 0;
  padding: 0.3em 0.4em;
  /*border: thin outset #B61E3D;*/
  color: white;
}

div.menu a, div.menu em { display: block; margin: 0 0.5em }
div.menu a, div.menu em { border-top: 1px solid #AAAAAA }
div.menu a:first-child { border-top: none }
div.menu em { color: #CCFFCC }

div.menu a:link { text-decoration: none; color: #015089 }
div.menu a:visited { text-decoration: none; color: #015089 }
div.menu a:hover { background: #015089; color: #FFFFFF }


.decoration {float: right; margin: 0.25em 0.5em; position: relative; } /*** for IE6 ***/

html[xmlns] .decoration {margin: 0 0.5em 0 0; } /*** Moz put the image too low ***/


/* >>>>> Drop Shadows <<<<< */

.img-shadow {
  clear: both;
  float:left;
  background: url(images/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/ds/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 2px !important;
  margin: 6px 0 0 1px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px 0px;
  padding: 8px;
 /*width: 154px;
  height: 203px;*/
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(images/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/ds/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(images/ds/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #000;
  background-color: #fff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}


  
#wrapper {
  margin: 0;
  padding: 0; }

/*** Tan hack for IE. Only IE browsers see this selector.
   This replaces the old Tantek hack. Please see Edwardson Tan's page.
   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper {
  width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

#wrapper2 {
  margin: 0;
  padding: 0; }

/*** Tan hack for IE. Only IE browsers see this selector.
   This replaces the old Tantek hack. Please see Edwardson Tan's page.
   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper2 {
  width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See
   - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page
   for an explanation of this problem and Sam Foster's page for an explanation of the
   hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

#rightbox {
  border: none;
  position: absolute;
  left: 680px;
  top: 140px;
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  }

/* hide the following from IE5-Mac \*/
#rightbox {
  right: 0;
  margin-right: 0; }
/* IE5-Mac can see the rest */