/* CSS Document */
/* basic */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: auto; width:975px; border:1px none #000; background-image: url(images/bg.jpg); background-repeat:repeat-x;}
a:link { text-decoration: none; color:#1A70A1; font-size:12px;} 
a:visited {text-decoration: none; color:#1A70A1; font-size:12px;}
a:hover{text-decoration: none; color:#000C66; font-size:12px; }  
a img{ border: none; padding:0px; margin:0px; }
img{ border: none; padding:0px; margin:0px; }

.banner{float:right; margin-top:5px;}

#shadow {
position:absolute;
	width: 1080px;
	margin-left: -145px;
	z-index: 0;
	padding-left:145px;
	background-repeat: repeat-y;
	background-image: url(images/shadow.jpg);
	}

/*-------- Top Navigation --------*/

.main-area{height:110px; width:975px;background-repeat: no-repeat; }

/*-------- Top Horizontal Tab Menu --------*/

	/* Fix Firefox/Safari Issue */
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	/* End Fix Firefox/Safari Issue */
	
    #tab_menu {
      float:left;
      width:100%;
      background:transparent;
      font-size:100%;
      line-height:normal;
      }
    #tab_menu ul {
	  margin:0;
	  padding:5px 10px 0 0px;
	  list-style:none;
      }
    #tab_menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tab_menu a {
      float:left;
      background:url(images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tab_menu a span {
      float:left;
      display:block;
      background:url(images/tabright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /*Hack hides rule from IE5-Mac \*/
    #tab_menu a span {float:none;}
    /* End IE5-Mac hack */
	
    #tab_menu a:hover span {
      color:#fff;
      }
    #tab_menu a:hover {
      background-position:0% -43px;
      }
    #tab_menu a:hover span {
      background-position:100% -43px;
      }
	
/*-------- Container for left, middle and right classes --------*/

.main{	left: 0px;
	width:975px;
	position:relative;
	margin-top: 0px;
	padding:0px;}

/*-------- Left Column --------*/

.left{	display: inline;
	width: 200px;
	float: left;
	background-image:url(images/right.gif);
	margin:0px;
	padding:0px; 
	}
.left ul{ margin:0px; margin-left:10px; padding:5px;  list-style-image: url(images/greysinglearrow.gif);} 
.left li{margin:0px; padding:0px;}

/*-------- Login Styles --------*/
	
	.textfield {
	background: url(images/textfieldbg.gif) 0 0 no-repeat;
	width: 150px;
	height: 25px;
	border: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	}
			
    .submit {
	background: url(pics/submit.gif) 0 0 no-repeat;
	width: 80px;
	height: 20px;
	border: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font: bold 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
	}


/*-------- Middle Column --------*/

/*-------- News Preview --------*/

.news img {
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.news {	font-size: 12px; color: #999999;	margin-top:5px;}
.news .title {	font-size: 11px;	font-weight: bold;	color: #333333;}

.news2 img {margin:4px 4px 0px; }
.news2 {	font-size: 12px; color: #999999;	margin-top:5px;	height:110px;}
.news2 .title {	font-size: 11px;	font-weight: bold;	color: #333333;}

.middle {	display: inline;
	width: 570px;
	float:left;
	position:relative;
	margin-right: 0px;
	padding: 0px 0px 0px 0px ;
	clip: rect(auto,auto,auto,auto);
	margin-top: 0px;
	margin-left:0px;
	margin-bottom: 0px;
	z-index:3;}
	
h1 {background-image:url(union_images/shadow_top.gif);
	color:#ffffff;
	font-size: 14px;
	padding-left: 10px;
	height: 18px;
	margin-left:-9px;
	padding-top: 8px;
	margin-top:0px;
	width:555px;
	background-repeat:no-repeat;}
	
h2 {font-family: Arial, Helvetica, sans-serif; color:#fff; font-size: 14px; background-color:#000C66; padding:2px;}
h2 a:link{color:#fff;}
h2 a:hover{color:#fff;}
h2 a:visited{color:#fff;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000c66; margin-bottom:3px; border-bottom: 2px solid #000c66; padding:3px;}
h2 a:link{color:#000c66;}
h2 a:hover{color:#000c66;}
h2 a:visited{color:#000c66;}


.event_title {font-size: 18px; font-weight: bold;}
.event_title a:link{font-size: 18px; font-weight: bold; color:#000;}
.event_title a:visited{font-size: 18px; font-weight: bold;}
.event_title a:hover{font-size: 18px; font-weight: bold; color:#1A70A1;}

/*-------- Main Site News Styles --------*/

#topevent, #newsevent {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px 9px 0px 9px;
	_padding:0px 0px 0px 9px;
	background-image:url(union_images/shadow_middle.gif);
	float: left;
	color: #000000;	 
	font-weight: normal;
	background-repeat:repeat-y;
	width:545px;
}

#topevent img {margin:4px 4px 0px 0px; }
#topevent .details {font-size:10px; color: #000000;	 font-weight: bold;}
#newsevent .news {font-size:12px; color: #000000;	 font-weight: normal; clear:both;
	margin-top:0px;}
#topevent .title {text-align:left;}
#newsevent .title {text-align:left;}
#topevent p{font-size:12px;}


/*-------- Minisite News Styles --------*/

h6 {background-image:url(union_images/shadow_top_thin.gif);
	color:#ffffff;
	font-size: 14px;
	padding-left: 10px;
	height: 18px;
	margin-left:-9px;
	padding-top: 8px;
	margin-top:0px;
	margin-bottom:5px;
	width:265px;
	background-repeat:no-repeat;}

#topevent_thin, #newsevent_thin {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0px 9px 0px 9px;
	_padding:0px 0px 0px 9px;
	background-image:url(union_images/shadow_middle_thin.gif);
	float: left;
	color: #000000;	 
	font-weight: normal;
	background-repeat:repeat-y;
	width:265px;
}

#topevent_thin .news {font-size:12px; color: #666666; font-weight: normal; padding:0px; margin:0px;}
#topevent_thin .news a.title{text-align:left; font-weight:bold; font-size:13px; color:#000;}
#topevent_thin .news a.title:visited{color:#000;}
#topevent_thin .news a.title:hover{color:#1A70A1;}
#newsevent_thin .title {text-align:left;}
.leftnews {float: left ; width: 130px;}
.rightnews {float: right; width: 410px;}
/*-------- Right Column --------*/

.right{ 	display: inline;
	width: 200px;
	float: right;
	background-color:#ffffff; 
}
.event {color: #999999;	clear:both;}
.event img {margin:2px 2px 0px; }
.event .title {	font-size: 11px;	font-weight: bold;	color: #333333; text-align:left;}
.event .details {font-size:9px; font-weight: bold;	color: #C40000;	clear:both;	float:right; width:100px; text-align:right;}

/*-------- Minisites Calendar Background --------*/

.rings_bg{
	width: 200px;
	margin-left:0px;
	z-index: 0;
	padding-left:0px;
	background-repeat: repeat-y;
	background-image: url(images/rings_bg.jpg);
	}

/*-------- bits at bottom of page --------*/
.about{color:#FFFFFF;	width:800px;clear: both;}
.abouttext {
	border: 1px solid #cccccc;
	width:250px;
	clear: none;
	float: left;
	padding: 4px;
	height:310px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color:#000;
}

/*****advertise through us text on home page************/

.advertise strong{ font-size:13px;}
#leftnav .advertise a:link{color:#000000;font-size:11px;}
#leftnav.advertise a:hover{color:#000000;font-size:11px;}
#leftnav.advertise a:visited{color:#000000;font-size:11px;}
.advertise {
font-size:11px;
color:#000000;
background-image:url(pics/advertise.gif);
padding-left:18px;
padding-right:15px;
padding-bottom:10px;
background-repeat:no-repeat;
}

/****************************/

/*****advertise through us text on home page************/
.advertise2 .strong{ font-size:14px; font-family: Arial, Helvetica, Sans-serif; line-height:16px; font-weight:bold; margin-bottom:2px;}
#leftnav .advertise2 a:link{color:#00307B;font-size:14px;font-weight:bold; font-family:Arial, Helvetica, Sans-serif;}
#leftnav .advertise2 a:visited{color:#00307B;font-size:14px;font-weight:bold; font-family:Arial, Helvetica, Sans-serif;}
#leftnav .advertise2 a:hover{color:#00307B;font-size:14px;font-weight:bold; font-family:Arial, Helvetica, Sans-serif;}
.advertise2 {
color:#000000;
padding:5px;
background-repeat:no-repeat;
width:188px;
background-color:#fff;
border:1px solid #fff; font-size:12px; font-family:Arial, Helvetica, Sans-serif;}
#advertise_header{font-size:24px; font-weight:bold; font-family:Calibri, Arial, Helvetica, Sans-serif; line-height:32px;}
/****************************/

#sitemap {
	width:180px;
	clear: none;
	float: left;
	padding: 4px;
	height:215px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color:#525269;
	list-style-image: url(images/bullet.jpg);
}
	
#sitemap a:link{	color:#525269;}
#sitemap a:hover{	color:#525269;}
#sitemap a:visited{	color:#525269;}
#sitemap .header{
	font-weight: bold;
	color: #000055;
	font-size: 10px;
	margin-top:4px;
	margin-bottom: 3px;
}	
#footer{color:#FFFFFF; width: 972px;
	background-color:#000C66;
	padding:3px;
display: block;
	clear:both;
	text-align:center;
	}
	
#footer a:link{	color:#FFFFFF;}
#footer a:hover{	color:#FFFFFF;}
#footer a:visited{	color:#FFFFFF;}
	
/*-------- Calendar --------*/
#calendar {height:200px;}
.day {
	background-color: #ddd;
	font-size: 10px;
	text-align:center;
	padding:2px;
}
.month {font-size: 13px;}
.month a{
	color: #000000;
}
.week {
	font-size: 11px;
	background-color: #000C66;
	color:#FFFFFF;
	padding: 2px;
}
.week a:link{color: #ffffff; text-decoration:none;}
.week a:visited{color: #ffffff; text-decoration:none;}
.week a:hover{color: #ffffff; text-decoration:underline;}

.day_event{
	background-color: #000C66;
	text-align:center;
	padding:2px;
    color:#fff;
}


a.day_event{
	font-size: 10px;
	background-color: #000C66;
	text-align:center;
	padding:2px;
    color:#fff;
}
.day_event a:link{
	font-size: 10px;
	color:#FFFFFF;
	}
.day_event a:visited{
	font-size: 10px;
	color:#FFFFFF;
	}
.day_event a:hover{
	font-size: 10px;
	color:#FFFFFF;
	text-decoration:underline;
	}

/*--------- Scrolling Marquee --------*/

#scrolling-marquee {width: 720px;position: absolute;left: 270px;top: 90px;}
#scrolling-marquee2 {width: 720px;position: absolute;left: 270px;top: 90px;}
#scrolling-marquee3 {width: 720px;position: absolute;left: 270px;top: 90px;}
#scrolling-marquee a:link{color: #222958;text-decoration: none;}
#scrolling-marquee a:visited {color: #222958;text-decoration: none;}
#scrolling-marquee a:hover {color: #222958;text-decoration: underline;}
#scrolling-marquee2 a:link{color: #222958;text-decoration: none;}
#scrolling-marquee2 a:visited {color: #222958;text-decoration: none;}
#scrolling-marquee2 a:hover {color: #222958;text-decoration: underline;}
#scrolling-marquee3 a:link {color: #222958;text-decoration: none;}
#scrolling-marquee3 a:visited {color: #222958;text-decoration: none;}
#scrolling-marquee3 a:hover {color: #222958;text-decoration: underline;}

.add_bandpic{display:block; color:#FFFFFF; background-color:#030252; height:15px; width:115px; padding:5px; margin:-13px 0px -5px 130px; border:1px solid #7F9DB9;}
a.add_bandpic{color:#bbb;}
.add_bandpic:hover{display:block; color:#FFFFFF; background-color:#000000; height:15px; width:115px; padding:5px; margin:-13px 0px -5px 130px; border:1px solid #7F9DB9;}
.label{display: inline-block; margin-bottom:5px; width:130px;}

/*--------- Table Styles --------*/
.history_table{border:2px solid #ccc;}

.tabletext_h1, .tabletext_h2 {  
padding: 6px 4px; 
border-bottom: 1px solid #EEE;
font: 12px sans-serif; 
background: url(images/table_row_head.jpg) repeat-x #F8F8F8; 
color: #fff;
}

.column_1{
border-bottom: 1px solid #EEE;
font: 12px sans-serif; 
background: url(images/table_row.png) repeat-x #F8F8F8; 
color: #000c66;
}

.column_2{
border-bottom: 1px solid #EEE;
font: 12px sans-serif; 
background: url(images/table_row2.png) repeat-x #F8F8F8; 
color: #000c66;
}

.column_1:hover,.column_2:hover{
border-bottom: 1px solid #EEE;
font: 12px sans-serif; 
background: #ededed; 
}

/*---------- End of Table Styles ------------ */

/*---------- Vertical Left Nav Menu ------------ */

ul#sidemenu,
ul#sidemenu li,
ul#sidemenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  z-index:10;
}

ul#sidemenu:after /*For IE 7*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#sidemenu li {
  float: left; /*For IE 7*/
  display: block !important;
  display: inline; /*For IE*/
  position: relative;
}

/*---------- Main Styles ------------ */
ul#sidemenu a {
  border: 1px none #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 8px 0 0 30px;
  display: block;
  background:  url(images/menu_bg.gif);
  color: #666;
  text-decoration: none;
  height: 24px;
}

/*---------- Main Menu Hover */
ul#sidemenu a:hover,
ul#sidemenu li:hover a,
ul#sidemenu li.iehover a {
  background:  url(images/menu_bg.gif) 0 -32px;
  color: #FFF;
}

/*---------- 2nd Menu */
ul#sidemenu li:hover li a,
ul#sidemenu li.iehover li a {
  background:  url(images/menu_bg.gif);
  color: #666;
}

/*---------- 2nd Menu Hover */
ul#sidemenu li:hover li a:hover,
ul#sidemenu li:hover li:hover a,
ul#sidemenu li.iehover li a:hover,
ul#sidemenu li.iehover li.iehover a {
  background:  url(images/menu_bg.gif) 0 -32px;
  color: #FFF;
}

/*---------- 3rd Menu */
ul#sidemenu li:hover li:hover li a,
ul#sidemenu li.iehover li.iehover li a {
  background:  url(images/menu_bg.gif);
  color: #666;
}

/*---------- 3rd Menu Hover */
ul#sidemenu li:hover li:hover li a:hover,
ul#sidemenu li:hover li:hover li:hover a,
ul#sidemenu li.iehover li.iehover li a:hover,
ul#sidemenu li.iehover li.iehover li.iehover a {
  background:  url(images/menu_bg.gif) 0 -32px;
  color: #FFF;
}

/*---------- 4th Menu */
ul#sidemenu li:hover li:hover li:hover li a,
ul#sidemenu li.iehover li.iehover li.iehover li a {
  background:  url(images/menu_bg.gif);
  color: #666;
}

/*---------- 4th Menu Hover */
ul#sidemenu li:hover li:hover li:hover li a:hover,
ul#sidemenu li.iehover li.iehover li.iehover li a:hover {
  background:  url(images/menu_bg.gif) 0 -32px;
  color: #FFF;
}

/*---------- Flyout distance */
ul#sidemenu ul,
ul#sidemenu ul ul,
ul#sidemenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

ul#sidemenu li:hover ul ul,
ul#sidemenu li:hover ul ul ul,
ul#sidemenu li.iehover ul ul,
ul#sidemenu li.iehover ul ul ul {
  display: none;
}

ul#sidemenu li:hover ul,
ul#sidemenu ul li:hover ul,
ul#sidemenu ul ul li:hover ul,
ul#sidemenu li.iehover ul,
ul#sidemenu ul li.iehover ul,
ul#sidemenu ul ul li.iehover ul {
  display: block;
}


/*---------- Seperate menu for Control Panel to solve ie6 issue with using above menu------------ */

#control_panel ul {
	width: 195px;
	margin-left: -5px;
    list-style:none;
	}
	
#control_panel li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#control_panel li a:link, #control_panel li a:visited {
	color: #666;
	display: block;
	background:  url(images/menu_bg.gif);
	padding: 8px 0 0 30px;
	}
	
#control_panel li a:hover {
	color: #FFF;
	background:  url(images/menu_bg.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
/*---------- End ------------ */





/********little pop up for hire  calendar styles*********/	
.dpTitleText {text-align: center; font-weight: bold; color: #000c66;  border-bottom: 1px solid #000c66;}
.dpDayTD {text-align: center; font-weight: bold; color: #000c66;}
.dpTDHover {background-color:#CCCCCC; text-align: center;}
.dpDayHighlightTD {background-color:#000c66; text-align: center; color: #ffffff;}
.dpTD {background-color:#f4f4f4; text-align: center;}

.banner{position: absolute; top: 5px; right: 50px;}