/* ######### CSS for Indented CSS Tabs. ######### */


.indentmenu{
font:bold 12px Tahoma;
width: 100%; /*leave this value as is in most cases*/
}



.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid gray; /*gray border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
color: white !important;

}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid gray; /*navy divider between menu items*/
}

.indentmenu ul li a:hover{
color:gray;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}

.indentmenu .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 10px Arial;
padding:2px;
width:150px;
text-align:center;
background:white;
}



.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 600px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}
.header{
font: bold 14px Tahoma;
color: #0069aa !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
border-bottom:black thin;
background: url(headerbg.gif) center center repeat-x;
text-align: center;
}
.headersmall{
font: normal 10px Tahoma;
color: #0069aa !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
border-bottom:black thin;
/* background: url(headerbg.gif) center center repeat-x; */
text-align: center;
vertical-align:middle;
}
.socialmedia{
font: normal 10px Tahoma;
color: #0069aa !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
/*border-bottom:black thin;
 background: url(headerbg.gif) center center repeat-x; */
text-align: center;
}


#disp {
color:#0069aa;
	background-color: transparent;
	font-size: 1.7em;
	width: 9.25em;
	font-family: "Tahoma";
}

 
#main {
	text-align: center;
	white-space: nowrap;
}


@media print {
.tabcontent {
display:block !important;
}
}

/* ######### social networking buttons ######### */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
width: 44px;
height:40px;
}

.bubblewrap li img{
position:absolute;
width: 37px; /*default width of each image.*/
height: 34px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 10px Arial;
padding:2px;
width:100px;
text-align:center;
background:white;
}

/* ######### Left Menu ######### */
.leftm{
list-style-type:none;
margin:0;
padding:0;

}

.leftm li{
display: block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:block; /*For IE7 and less*/
position:relative;
width: 32px;  /*width of image container. Must be wider than contained images (before bubbling) */
height:29px;  /*height of image container. Must be taller than contained images (before bubbling) */
}

.leftm li img{
position:absolute;
width: 22px; /*default width of each image.*/
height: 20px; /*default height of each image.*/
left:0;
top:0;
border:0;
}
 /*CSS for image tooltip (alt attribute of image)*/
.leftm .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position: absolute;
font:bold 10px Arial;
padding:2px;
width:150px;
text-align:center;
background:grey;
}



/* IMAGE THUMBNAILS Credits: Dynamic Drive CSS Library */

/*THUMBNAIL LINKS*/
div.thumb {
margin: 2px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}	
.thumb img{
display: inline;
float:left;
margin: 2px;
border: 1px solid #A0ACC0;
}
.thumb a:hover img {
border: 1px solid #0069aa;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {

text-align: left;
font:bold 9px Arial;
width: 182px;
margin: 0 1px 1px 1px;
}