/* updated 11 mar 09 */
/* dramatically cleaned up 13 mar 10 */

body
{
	font-family: "hoefler text", georgia, palatino, times new roman, serif;
	font-size: 1em;
	line-height: 1.1em;
	background-color: #808290;
	color: #3d404d;
	background-image: url(utilimages/jcbd-website-bg-2007.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}


#container{
	/*border: 1px solid #808290;*/
}
A	
{
	color: #8B1E40;
	text-decoration: none;
}
A:link {
	color: #294AC0;
	text-decoration: none;
}
A:visited   { color: #a9c4d0;  }
A:hover 	{ color: #343e61; text-decoration: underline; }
A:active	{ color: #294AC0;  }


h1	{ /*headline*/
	text-shadow: 2px 2px 2px #FFF;
	color: #1f2738;
	font-weight: bold;
	font-size: 28px;
	line-height: 26px;
	font-family: "hoefler text", georgia, palatino, times new roman, serif;
	padding-bottom: 6px;
	padding-top: 10px;
	padding-left: -15px;
	margin: 0px;
	}	

h2	
{	/*date*/
	font-family: georgia, palatino, times new roman, serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	letter-spacing: .4em;
	text-transform: uppercase;
	border-bottom: 1px solid #bbb;
	margin: 15px 15px 2px 5px;
	padding: 0px 0px 7px 0px;
}

h3
{
	color: #5f657b;
	line-height: 23px;
	text-shadow: rgba(176,212,220,0.9) 2px 2px 2px;
	background-color: #EEE;
	padding: 5px;
}

h4
{
	/*date*/
	font-family: helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #FFDDA6;
	border: 1px solid #FFDDA6;
	margin: 0px 5px 10px 5px;
	background-color: #10205A;
	padding: 5px;
}


p	{
	
	text-align: left;
	font: 16px/20px "hoefler text", georgia, palatino, serif;
}


img
{

}

  	
  	
#left
{
	width: 160px;
	margin-top: 60px;
	margin-left:  5px;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .1em;
	color: #333;
}

ul, ol {
	font-size: 15px;
	line-height: 23px;
}

.menu {
	list-style: none;
	border: none;
	font-size: 10px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-indent: 0;
}
		
.menu li {
		margin: 0px;
		line-height: 12px;
		border-bottom: 1px solid #c2c3c8;
		}
		
.menu li a
{
	display: block;
	border-left: 5px solid #a62729;
	border-right: 5px solid #6c76a6;
	background-color: rgba(230,241,255,0.76);
	color: #25304f;
	text-decoration: none;
	border-style: none solid none solid;
	padding: 5px;
}


.menu #currentplace, .menu #currentplace a
{
	color: #FFF;
	background-color: #444E71;
}

.menu li a:hover
{
	border-left: 5px solid #1c64d1;
	border-right: 5	px solid #5ba3e0;
	background-color: #2586d7;
	color: #FFF;
}

.content
{
	padding: 10px;
	position: absolute;
	top: 100px;
	left: 185px;
	border: solid 1px #ffffff;
	background-image: url(utilimages/75grey.png);
	width:  720px;
	margin-right:  20px;
}

.content a
{
font-weight: bold;
	color: #495f80;
}

.content ul
{
line-height: 110%;

}


.copyright, .copyright p
{
	font-family: helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	padding-top: 5px;
	padding-left: 10px;
	clear:  both;
	color: #9b9dae;
}

.intro, .gallerylist
{
	color: #eef3ff;
	background-color: rgba(56,60,81,0.85);
	font-family: helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	letter-spacing: 0em;
	padding: 10px;
  	width: 140px;
	margin-top: 10px;
	-webkit-border-bottom-right-radius: 10px;
  	-webkit-border-top-left-radius: 10px;
  	-moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
	border: 2px solid #adb3cc;
}

.intro ul, ol
{
	font-size: 10px;
	line-height: 18px;
	width: 100%;
	margin: 0px;
	margin-top:  4px;
	padding: 0px;
	text-indent: 0px;
	list-style-position: inside;
	list-style-image: url(utilimages/listBullet.gif);
	list-style-type: disc;
	color: #adc2ff;
}

.gallerylist ul, ol{
	font-size: 10px;
	line-height: 11px;
	width: 100%;
	list-style-type: none;
	text-indent: 0px;
	padding:  0px;
}

.intro a, .gallerylist a
{
color: #fff;
}

.intro p, .gallerylist p
{
	font-family: helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	text-align: left;
	padding-top:6px;

}

.intro li
{
	padding:  2px;
	line-height: 13px;
}
.gallerylist li
{
	padding:  2px;
	border-bottom: 1px solid #63769b;
}	


.here
{
color: #fff;
font-style: bold;
}


.basic
{
	border: 1px solid #2d2d2d;
}


.floatimage
{
	float: left;
	clear: right;
	border: 2px solid #191919;
    height:  76px;
}

.floatimage span
{
display: none;
}


.floatimage img{
	border: 0px;
}

.invisible, .design1, .design2
{
display: none;
}

.floatimage:hover span
{
	display: block;
	position: absolute;
	left: 0px;
	top: -66px;
	width: 320px;
	padding: 5px;
	margin: 10px;
	color: #091132;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFDDA6;
	border-color: #FFF;
	border-width: 2px;
	border-style: solid;
	line-height: 14px;	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.photorow{
	padding:  0px;
	list-style-image: none;
	list-style-type: none;
}

ul .photorow{
	list-style-image: none;
}

.onerow
{
		clear: both;
}

.mosaiccontainer
{
	background-color: #33353c;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 610px;
	height: 680px;
	border: 1px solid #fff;
	padding-left:  25px;
	padding-top:  5px;
}


.photocontainer
{
	background-color: #33353c;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 640px;
	border: 1px solid #fff;
}

.floatimage:hover { border-color: #FFD28A; }

.highlighting:hover { border-color: #FFD28A; }

.highlighting {
	margin-bottom: 5px;
	margin-right: 5px;
	border-color: #555;
	border-width: 2px;
	border-style: solid;

}

.photocontainer2
{
	display: inline;
	width: 204px;
	float: right;
	background-color: #10181A;
	padding: 6px;
	margin: 10px;
	border-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}


.photocontainer3
{

	float: right;
	background-color: #10181A;
	padding: 2%;
	margin: 10px;
	border-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;

}

.photocontainer4
{
	width: 120px;
	float: right;
	background-color: #10181A;
	padding: 2%;
	margin: 10px;
	border-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

.photocontainer5
{
    width:699px;
	background-color: #10181A;
	padding: 10px;
    margin-top:  10px;
	border: 1px solid white;
}


.photospacer
{
clear:both;
text-align: right;
}


.photospacer a
{
	font-family: helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: .1em;
	padding: 4px;
	padding-left: 8px;
	text-align: right;
	background-color: #2A3A71;
	color: #AFC0D8;
}

.photospacer2
{
	clear: both;
	float: left;
}

.oldthumb {
	width: 128px;
	height: 85px;
	border-color: black;
	border-width: 1px;
}

.address
{
	font-family: helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #16292D;
	position: absolute;
	top: -80px;
	right: 100px;
	margin-right: 20px;
	width: 210px;
	padding: 10px;
	background-color: rgba(227,238,255,0.88);
	text-shadow: 2px 2px 2px #fff;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	-webkit-border-bottom-right-radius: 10px;
  	-webkit-border-top-left-radius: 10px;
  	-moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;

}

.address a
{
	color: #296d8a;
	letter-spacing: .3em;
}