@charset "utf-8";
/* The Ipswich Jazz Club */

/*----- Text Section ------------------------------------*/
.body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263340;
}
.bodyCenter {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263340;
	text-align:center;
}
.bodyBlueBOLD {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px
	font-style: normal;
	font-weight: bold;
	color: #263340;
}
.bodyBOLDCenter {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #263340;
	text-align:center;
}
.newsBody {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left:5px;
	padding-right:5px;
	color: #7755e8;
}
.newsBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px
	font-weight: bold;
	padding-left:5px;
	padding-right:5px;
	color: #7755e8;
}
.gototop {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	text-decoration:none;
	
}
/*------ NAV Section ------------------------------------*/

#nav, #nav ul {
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
}

#nav li {
	/* all list items */
	position : relative;
	float : left;
	/* Hieght of boxes */
	line-height : 22px;
	/* Space between boxes */
	margin-bottom : 1px;
}

#nav li a {
	/*Main box width*/
	w\idth : 120px;
	display : block;
	color : #d9feff;
	text-align:center;
	font-weight : normal;
	text-decoration : none;
	background-color:#4C677F;
	border : 1px solid #4C677F;
	padding-left: 0px;
}

#nav li ul {
	/* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 0px; /*Move drop down to right*/
}

#nav li ul ul {
	/* third-and-above-level lists */
	left: -999em;
	margin-left : 121px;/*Move drop down to right*/
	margin-top : -20px;/*Move drop down 'down'*/
}

#nav li a:hover {
	color : white;
	background-color : #99CDFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{
	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
/* lists nested under hovered list items */
	left: auto;
}

/*------ TOOL TIP ---------------------------------------*/
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #7755E8; background:#ffffff; color:#7755E8;}

/*------ DIV Section ------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#263340;
	background-image:url(../graphics/ijc_bg.png);

}
#CONTAINER {
	width:900px;
	/*height:780px;*/
	height:640px;
	margin:0 auto;
	border: 1px solid rgb(38, 51, 64);
	background-color: #FFF;
}
#HEADER {
	height:200px;
	background-image:url(../graphics/Header.png);
	background-repeat:no-repeat;
}
#NAVBAR {
	height:24px;
	padding-left:40px;
	background-color:#4C677F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	z-index:100;
}
#CONTENT {
	float:left;
	width:880px;
	height:595px;
	overflow:auto;
	background:#FFF;
	padding-left:10px;
	padding-right:10px;
}

#CONTENT_GIGS {
	float:left;
	width:880px;
	height:595px;
	overflow:auto;
	background:#FFF;
	padding-left:15px;
}
#CONTENT_HOME {
	width:880px;
	height:598px;
	overflow:auto;
	background:#FFF;
	background-image:url(../graphics/Header.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:10px;
}
#CONTENT_LEFT {
	float:left;
	width:53%;
	height:396px;
	overflow:auto;
	background:#FFF;
	padding-left:10px;
	padding-right:10px;
}
#CONTENT_RIGHT {
	float:right;
	width:40%;
	height:396px;
	overflow:auto;
	background:#FFF;
	padding-left:10px;
	padding-right:10px;
}
#FOOTER {
	position:relative;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align:center;
	clear:both;
	background:#4C677F;
}
/***** DROP SHADOW ***************************/

	/***** Example code ***
	<div class="dropOuter">
			<div class="dropInner"><img src="images/The Shard and Tower Bridge.jpg" alt="Picture 2"/></div>
	<p>The Shard and Tower Bridge</p>
	</div>
	***********************/

.dropOuter {
	float: left;
	width: auto;
	margin: 0 10px 10px 10px;
}
.dropOuter p {
	/* Set caption style */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #939393;
	text-align: center;
	/* Set distance below image */
	margin: 0 0 0 0;
}

.dropInner{
	/* This image MUST be presant ... */
	background: url(../images/shadow.gif) no-repeat right bottom;
	/* ... OR use this for basic shadow rather than the above 'shadow.gif' */
	/*background-color: #EFEFEF;*/

}
.dropInner img {
	/* Set image style */
	border: 1px solid #939393;
	background-color: #FFF;
	padding: 6px;
	position: relative;
	top: -2px;
	left:-5px;
}
/********************************************/

.picCapBlu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #4C677F;
}

.linkBdyBlu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #3C6E99;
	vertical-align: top;
}