@charset "utf-8";
/* CSS Document */

#GCRLogo
{
float:left;
padding: 15px 0 0 14px;
margin: 0;
}

#fadeshow1
{
float: left;
margin-top: 15px;
display:inline-block;
}

#s3slider {
   width: 761px; /* important to be same as image width */
   height: 132px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
   padding: 0;
   margin: 0;
}

#s3sliderContent {
   width: 761px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 15px 0 0 0;
   margin-top: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   right: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.6; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span.right {
	height: 122px;
	right: 0;
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
}

.s3sliderImage span h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.top 
{
	left: 0;
	top: 0;
}

.bottom
{
	bottom: 0;
	left: 0;
}


.left
{
	height: 135px;
	left: 0;
	width: 90px;
}

.clear {
   clear: both;
} 

/* Top Menu */
#topmenu ul li
{
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: normal;
margin-left: 15px;
padding-right: 18px;
border-right: #FFFFFF solid 1px;
}

#topmenu ul li a
{
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

#topmenu ul li a.none
{
text-decoration: none;
color: #FFFFFF;
}

#topmenu ul li a:hover
{
text-decoration: underline;
color: #FFFFFF;
}

#topmenu ul li.last
{
border-right: 0;
}

/* ----------------------------- */

/* News and Events */

#newsandevents
{
width: 139px;
height: 18px;
padding: 12px 0px 7px 30px;
background-color: #999999;  
}

#newsandevents h1,
#newsandevents h1 a,
#newsandevents h1 a:hover
{
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -.05em;
line-height: normal;
text-decoration: none;
}

/* ----------------------------- */

/* Sector Headers */

#sectorheader
{
padding-top: 12px;
padding-bottom: 4px;
vertical-align: middle;
background: url(images/bluegradient.jpg) repeat-y;  
}

#sectorheader.aviation
{
width: 192px;
padding-left: 5px;
border-bottom: #020298 solid 5px;  
}

#sectorheader.professional
{
width: 188px;
padding-left: 5px;
border-bottom: #b89144 solid 5px;  
}

#sectorheader.technology
{
width: 187px;
padding-left: 5px;
border-bottom: #208633 solid 5px;  
}

#sectorheader h1,
#sectorheader h1 a,
#sectorheader h1 a:hover
{
display: inline;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #172856;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -.05em;
line-height: normal;
text-decoration: none;
}

/* ----------------------------- */