/*comments*/
/*  
id   #
class  .
*/


p
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}


H1
{
text-align:left;
font:36px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#104E8B
}



H2
{
text-align:left;
font:22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#104E8B
}


#indent
{
text-indent:50px;
}


#indent2
{
text-indent:200px;
}





/*remove border from hyperlinked images in IE*/

a img
{
    border: 0;
}


ul
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}


li
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}



#shadow 
{
box-shadow: 5px 5px 2px #888888;
}

/*div positioning and padding - main page*/
/*padding order - top, right, bottom, left*/

#wrapper
{
position:relative;
left:0px;
width:1000px;
}


#barry
{
float:left;
width:820px;
padding: 0px 0px 0px 200px; 
}

#barry2 
{
float:left;
width:700px;
margin: 0 auto;
padding: 0px 0px 0px 200px; 
}


#crack
{
float:left;
width:80px;
padding: 50px 0px 0px 20px;
}

#body
{
float:right;
width:410px;
margin-left:20px;
margin-bottom:20px;
}


#bottomline
{
border-bottom: 2px solid #104E8B
}



/*image opacity for hyperlinked images

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.1;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

*/



.opacity img{
opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */
}

.opacity:hover img{
opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
}




/*navigation*/


ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #ddd;
  height: 50px;
}

li.nav {
  font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  border-right: 2px solid #ccc;
  display: inline;
  padding: 15px;
  padding: 15px;
  line-height:375%;


}

li.nav:last-child {
  border: none;
}

li.nav a {
  text-decoration: none;
  color: #104E8B;
  display: inline;
  width: 100px; 

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

li.nav a:hover {
  font-size: 13px; color: #fff;
  background: #aaa;
  box-shadow: 5px 5px 8px #1F1F14;
}

/*tooltip*/

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-100px; margin-left:28px;
    width:200px; line-height:14px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#104E8B; text-align: center;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:-10px;border:0;left:-100px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #1F1F14;
}