body {margin:0; background-color:#FFFFFF; padding: 0;}
body,td {font-family:verdana,arial,sans-serif; font-size:11px; }
h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS",helvetica,sans-serif; color:#C00017; letter-spacing:1px;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}


a:visited {color:#c00017;}

#pageHeader {background: #fff url("/images/red-banner.jpg") repeat-y 0% 0;
 height:80px; line-height:50px; color:#80FF00; font-family:"Trebuchet MS",helvetica,sans-serif; font-size:24px; border-bottom:1px solid #FFF; }

#navHeader {height:20px; line-height:20px; color:#ffffff; font-family:"Trebuchet MS",helvetica,sans-serif; font-size:14px; background-color:#000; border-bottom:1px solid #FFF; }

#logo {float: right; width: 240px; height:80px; background: #fff url("/images/united-salsa-logo.gif");}


#divBaseLinks {height:30px; background-color:#004A66;  border-top:1px solid #FFF; padding:0px 10px 0px 10px; line-height:30px; color:#FFF;}
#divBaseLinks a:link {color:#FFF; text-decoration:none;}
#divBaseLinks a:visited {color:#FFF; text-decoration:none;}
#divBaseLinks a:hover {color:#FFF; text-decoration:none;}
#divBaseLinks a:active {color:#FFF; text-decoration:none;}
#container {background-color:#FFF;}
#divPageContent {border-top:2px solid #C00017; border-bottom:2px solid #C00017; padding:10px 0px 10px 0px;  }

/* .............................. */
#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
font: 11px Verdana, sans-serif;
width: 100%;
border-bottom: 1px solid #bbb;
list-style-type: none;
background: #000;
}

#navlist li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: #000;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
color: #fff;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}

/*minitabs start here*/

ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
  border-bottom: 1px solid #CCC;font-weight: bold;
  text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 3px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #FFF;color: #000}
ul#minitabs a#current{border-color: #F60;color:#000}
ul#minitabs a:hover{border-color: #F60;color: #c00017
}


/* .............................. */

/* Nav links */
#nav
{
  width: auto;
  height: 28px;
}

#nav ul
{
  list-style: none;
  width: auto;
  height: 28px;
  display: block;
  background: black;
  padding: 0px;
  margin: 0px;
}

#nav ul li
{
  float: left;
  /* Width of items */
  width: 90px;
  padding: 0px;
  margin: 0px;
}

#nav ul li a
{
  font: bold 13px Arial,Helvetica,sans-serif;
  text-decoration: none;
  text-align: center;
  display: block;
  /* Width of items */
  width: 90px;
  height: 23px;
  color: #ffffff;
  padding-top: 5px;
  border: 0px;
  margin: 0px;
}

#nav ul li a:hover, #nav ul li a:focus
{
  height: 21px;
  padding-top: 3px;
  border-bottom-width: 4px;
}

#nav_item1:hover, #nav_item1:focus
{
  /* Border color for rollover effect on item 1 */
  border-bottom: solid #FF4500;
}

#nav_item2:hover, #nav_item2:focus
{
  /* Border color for rollover effect on item 2 */
  border-bottom: solid #1E90FF;
}

#nav_item3:hover, #nav_item3:focus
{
  /* Border color for rollover effect on item 3 */
  border-bottom: solid #32CD32;
}

#nav_item4:hover, #nav_item4:focus
{
  /* Border color for rollover effect on item 4 */
  border-bottom: solid #FF4500;
}

#nav_item5:hover, #nav_item5:focus
{
  /* Border color for rollover effect on item 5 */
  border-bottom: solid #1E90FF;
}

#nav_item6:hover, #nav_item6:focus
{
  /* Border color for rollover effect on item 6 */
  border-bottom: solid #32CD32;
}

#nav_item7:hover, #nav_item7:focus
{
  /* Border color for rollover effect on item 7 */
  border-bottom: solid #FF4500;
}

#nav_item8:hover, #nav_item8:focus
{
  /* Border color for rollover effect on item 8 */
  border-bottom: solid #1E90FF;
}

#nav_item9:hover, #nav_item9:focus
{
  /* Border color for rollover effect on item 9 */
  border-bottom: solid #32CD32;
}

#nav_item10:hover, #nav_item10:focus
{
  /* Border color for rollover effect on item 10 */
  border-bottom: solid #FF4500;
}

/*---- StarHtmlHack for IE5.x/Win ----*/
* html #nav ul li a
{
  height: 28px; /* for IE5.x/Win */
  he\ight: 23px;
}

* html #nav ul li a:hover
{
  height: 28px; /* for IE5.x/Win */
  he\ight: 21px;
}

/* .............................. */

#sideBarNews {}
#sideBarNewsContent {background-color:#EEE; padding:10px; }
#sideBarMusic {}
#sideBarNewsMusic {background-color:#EEE; padding:10px; }
#sideBarEmail {}
#sideBarEmailContent {background-color:#EEE; padding:5px; }
#newsHeader {height:22px; line-height:22px; color:#004A66; font-family:"Trebuchet MS",helvetica,sans-serif; font-size:14px; padding:0px 5px 0px 5px; background-color:#AEC6E3; font-weight:bold; border-bottom:1px solid #FFF; }
#sideBarMelody {}
#sideBarMelodyContent {background-color:#EEE; padding:5px; }
#sideBarMap {}
#sideBarMapContent {background-color:#EEE; padding:10px; font-family:"arial", helvetica,sans-serif; font-size:12px;}

.leftColumn { padding:0px 5px 0px 5px; width:210px;}
.rightColumn {padding:0px 10px 10px 10px; border-left:1px solid #CCC;}
.subHeader {font-family:"Trebuchet MS",helvetica,sans-serif; color:#004A66; font-size:16px; letter-spacing:1px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:1px solid #004A66;}
.note {font-family:"Trebuchet MS",helvetica,sans-serif; font-weight:bold; color:#800000; font-style:italic; background-color: #FFF0B7; padding:5px; border:1px solid #FFB96C; }
.newsItem {margin-bottom:5px; font-size:9px; }
.emailItem {margin-bottom:5px; font-size:9px; }
.melodyItem {margin-bottom:5px; font-size:9px; }
.readNewsLink {margin-bottom:10px; font-size:9px; }
.blockquote {font-family:"Trebuchet MS",helvetica,sans-serif; color:#004A66; font-size:14px; font-style:italic; font-weight:bold; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px; padding:10px 10px 10px 10px; text-align:center; background-color:#FFF; margin-left:0px; }

.largenumbers {
	float:left;
	background-color: #EBF5FE;
	margin-top:0px;
	width:28px;
	font-family:Georgia,Times;
	color:#c00017;
	font-size:40px;
	line-height:45px;
}

.body-dkblue-background {
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	font: 14px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #ffffff; 
	padding-top: 5px; 
	background-color: #4890C6; 
	text-align: left; 
	text-decoration: none;
	border-top:1px solid #004A66; 
	border-bottom:1px solid #004A66;
}

.body-ltblue-background {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #282828; PADDING-TOP: 5px; BACKGROUND-COLOR: #EBF5FE; line-height: 1.5em; TEXT-DECORATION: none;
}

.large-title {
	FONT: bold 14px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #282828; TEXT-DECORATION: none
}

.large-title-red {
	FONT: bold 14px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #c00017; TEXT-DECORATION: none
}

/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#fff url(/images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(/images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}

div.imagePhoto{
	float:left;
	width: auto;
	height: auto;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#808080;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
div.imagePhotoThumb{
	float:left;
	width: auto;
	height: auto;
	margin: 0.2em 0.2em 0em 0.2em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#808080;
/*	padding: 0.2em 0.2em 0em 0.2em; */
	padding: 0.2em 0.2em 0.2em 0.2em;
}

div.image h3{
	color:#CCCCCC;
}