﻿/* CSS Document */

@font-face {
    font-family: 'eurostiletotbold';
    src: url('../fonts/eurostiletot-bol-webfont.eot');
    src: url('../fonts/eurostiletot-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostiletot-bol-webfont.woff') format('woff'),
         url('../fonts/eurostiletot-bol-webfont.ttf') format('truetype'),
         url('../fonts/eurostiletot-bol-webfont.svg#eurostiletotbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eurostiletotregular';
    src: url('../fonts/eurostiletot-reg-webfont.eot');
    src: url('../fonts/eurostiletot-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostiletot-reg-webfont.woff') format('woff'),
         url('../fonts/eurostiletot-reg-webfont.ttf') format('truetype'),
         url('../fonts/eurostiletot-reg-webfont.svg#eurostiletotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneueltstdmdcn.eot');
    src: url('../fonts/helveticaneueltstdmdcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstdmdcn.woff') format('woff'),
         url('../fonts/helveticaneueltstdmdcn.ttf') format('truetype'),
         url('../fonts/helveticaneueltstdmdcn.svg#helveticaneue') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneueltstdltcn.eot');
    src: url('../fonts/helveticaneueltstdltcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstdltcn.woff') format('woff'),
         url('../fonts/helveticaneueltstdltcn.ttf') format('truetype'),
         url('../fonts/helveticaneueltstdltcn.svg#helveticaneuethin') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
  background: #13b5ea url(../images/bg.jpg) no-repeat center top; 
  font-family: Arial, Helvetica, san-serif;
  margin: 0;
}

.wrap{
  background: #FFF; 
  box-shadow: 0 0 5px #3F4041;
  margin: 0 auto; 
  width: 988px; 
}

#header{
  padding-top: 14px;
}

#logo {
    padding-left: 20px;
    padding-bottom: 10px;
    float: left;
    width: 500px;
}

h1{
  color: #000;
  font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}

h2{
	color: #1AB7EA; /* color: #00487d; */
	font-family: 'eurostiletotregular', Arial, Helvetica, san-serif;
	font-size: 16px;
	font-weight: normal;
}

h3{
  color: #00487d;
  font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
  font-size: 14px;
  font-weight: normal;
}

p, table{
  color: #303030;
  font-size: 12px;
  line-height: 18px;
}

ul{
  margin: 0;
  padding-left: 15px;
}

ol li{
  color: #303030;
  font-size: 12px;
  line-height: 18px;
}

ul li{
  background: url(../images/bullet.gif) no-repeat 0 8px;
  color: #303030;
  font-size: 12px;
  line-height: 18px;
  list-style-type: none;
  padding-left: 10px;
}

a{
  color: #005398;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

img{
  border: none;
}
.float-left{
  float: left;
  padding-right: 12px;
}

.float-right{
  float: right;
  padding-left: 22px;
}

.no-margin{
 margin: 0;
}

.no-padding{
  margin-top:0;
}

.black{
  color: #000;
}

.small{
  font-size: 10px;
}

.blurb{
  color: #717073;
  font-family: 'helveticaneuethin', Arial, san-serif; 
  font-size: 23px;
  float: left;
  line-height: 32px;
  margin: 0;
  padding: 10px 10px 10px 0;
  width: 230px;
}

.title{
  color: #000 !important;
  font-size: 14px !important;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
}

.caption{
  margin-top: 0;
}

.divider{
  background: url(../images/top-link-divider.gif) no-repeat right top;
  height: 27px;
  padding-left: 15px; 
  width: 1px;
}

.horizontal-divider{
  border-top: 1px solid #adc1d1;
  margin-top: 14px;
  width: 98%;
}

.no-bullets{
  padding-left: 0;
}

.no-bullets li{
  background: none;
  list-style-type: none;
  padding-left: 0;
}

.clear{
  clear: both;
}

#main-container{
	background: url("../images/main-content-bg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
	clear: both;
	padding-top: 10px;
	width: 100%;
}

.interior, .two-column, .interior1column{
  background: none !important;
  padding-top: 6px !important;
}

.interior1column #content{
 border-right: none;
 padding: 20px;
 width: 96%;
}

.interior1column #banner{
    width: 96%;
}

#content{
  border-right: 1px solid #cfdbe4;
  float: left;
  margin-bottom: 20px;
  width: 68.7%;
}

.padding-content{
  padding-left: 40px;
  padding-right: 32px;
}

#left-sidebar{
  float: left;
  margin-left: 12px;
  width: 23.27%;
}

#left-sidebar .box{
  margin: 5px 0 12px;
  width: 100%;
}

#left-sidebar .padding{
  min-height: 100px;
}

#left-sidebar .box .float-left{
  padding-bottom: 10px;
}

.interior #content{
  float: right;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  width: 70.45%;
}

#banner{
  float: right;
  text-align: right;
  width:724px;
}

#banner img{
  background: url(../images/main-content-bg.gif) repeat-x scroll left bottom transparent;
  padding-bottom: 30px;
}


/* Footer */
#footer{
	background: url(../images/footer-slice.gif) repeat-x left top;
	border-top: 1px solid #cfdbe4;
	clear: both;
	margin: 0 auto;
	padding-top: 25px;
	width: 100%;
}

#footer ul{
  margin: 0;
  padding: 0;
}

#footer li{
  background: none;
  list-style-type: none;
  padding-left: 0;
}

#footer a{
  color: #005398;
}

#footer .last a{
  color: #8D8D8D;
}

#footer p{
  color: #8d8d8d;
  font-size: 11px;
  line-height: normal;
}

.footer-box{
  border-left: 1px solid #cfdbe4;
  float: left;
  min-height: 125px;
  width: 289px;
  padding-left: 38px;
}
/*
#footer .first{
  border-left: none;
  padding-left: 30px;
}

#footer .last{
  float: right;
  padding-left:30px;
/*  width: 250px; */
}

*/
#footer input{
  width: 170px;
}

#footer img{
  padding-right: 4px;
  padding-top: 4px;
}

.copyright_text {
	text-align: center;
}


/* AddThis */
.addthis_toolbox{
  float: right;
  font-size: 11px;
  width: 55px;
}

.addthis_toolbox a{
  color: #4e88ba;
}

.border{
 border: 1px solid #CFDBE4;
 margin: 0 15px 15px 0;
 padding: 8px;
}

.underline{
  border-bottom: 1px solid #ADC1D1;
  float: left;
  font-size: 11px;
  margin-bottom: 22px;
  margin-top: 0;
  padding-bottom: 15px;
  width: 80%;
}

/* Boxes */

.box-container{
	padding-bottom: 10px;
	width: 100%;
}
.box{
	background: url(../images/boxes-slice.gif) repeat-x 0 42px;
	border-radius: 5px;
	border: 1px solid #cfdbe4;
	float: left;
	margin: 0px 0px 12px 2px;
	width: 100%;
}

.box h3{
  background: #078a51 url(../images/box-header-slice.gif) repeat-y left top;
  border-radius: 5px 5px 0 0;
  color: #FFF;
  font-family: 'eurostiletotbold', Arial, Helvetica, san-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  padding: 12px 20px;
}

.box p{
  color: #303030;
  line-height: normal;
}

.box a{
  color: #005398;
}

.box ul{
  margin: 0;
  padding: 0;
}

.box li{
  background: none;
  border-top: 1px solid #CFDBE4;
  list-style-type: none;
  line-height: normal;
  padding: 10px 16px;
}

.padding{
  min-height: 137px;
  padding: 12px 12px 0;
}

#left-sidebar .box{
  margin: 5px 0 12px;
  width: 100%;
}

#left-sidebar .padding{
  min-height: 100px;
}

#left-sidebar .box .float-left{
  padding-bottom: 10px;
}

#right-sidebar{
  float: right;
  padding-right: 30px;
  padding-top: 5px;
  width: 25%;
}

#right-sidebar label {
    font-weight: normal;
    min-width: 50px !important;
}

#right-sidebar .horizontal-divider{
 clear: both;
 margin-top: 35px;
 margin-bottom: 20px;
}

#right-sidebar .SubmitBtnSmall{
 float:right; 
 clear: both;
 text-align: right;
}

#right-sidebar input{
 margin: 0;
 width: 155px;
}

#right-sidebar .FieldWrp{
 margin-bottom: 8px;
}

/* Info Request Form begin */

.TxtLbl{
  float: left;
  min-width: 57px;
}

.Txt {
  border: 1px solid #B9B9B9;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 2px 5px #DDDDDD inset;
  color: #585858;
  padding-left: 2px;
}

.SubmitBtnSmall input {  
    background: url("../images/send.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;
    margin-bottom: 30px !important;
    margin-top: 5px !important;
    width: 110px !important;
}

.FormSubmit input{
  background: url(../images/submit.png) no-repeat left top;
  border: none;
  color: transparent;
  cursor: pointer;
  height: 27px;
  margin-left: 110px;
  margin-top: 10px;
  width: 85px;
}



/* Info Request Form end */

/* Navigation begin */

/*** ESSENTIAL STYLES ***/

#mainNavigation.mainnav-menu li:hover a {
}

#mainNavigation.mainnav-menu li li a:hover {
  background: #BFD9C7  url(../images/sub-menu-hover.gif) repeat-x top left !important;
  color: #005398 ;
}

#menu{
	background: url(../images/nav-bg.gif) repeat-x left top;
	box-shadow: 0 2px 0px #CCCCCC;
	font-family: 'helveticaneue', Arial, Helvetica, san-serif;
	height: 32px;
	margin-bottom: 6px;
	padding: 0;
	position: relative;
	z-index: 1000;
}

#menu .last {
  background: none repeat scroll 0 0 transparent !important;
}


.mainnav-menu {
  line-height: 1.0;
  float: left;
}

.mainnav-menu, 
.mainnav-menu * {
  list-style: none;
  margin:	0;
  padding: 0;
  z-index: 1000;
}

.mainnav-menu a {
  display: block;
  position:	relative;
  font-size: 14px;
  padding: 9px 1em;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff; /* visited pseudo selector so IE6 applies text colour*/
}

.mainnav-menu ul {
  background: #fff url(../images/menu-drop-down.gif) repeat-y top left;
  /*background: #fff;*/
  border-radius: 0 5px 5px 5px;
  box-shadow: 1px 0px 2px #B5B5B5;
  display: none; /* hide 'em */
  float: left;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  padding: 0;
  position: absolute;
  top: -999em;
  /*width: 224px;*/
  width: 100%;
  z-index: 1000;
  /*width: 10em;  left offset of submenus need to match (see below) */
}

.mainnav-menu ul ul { /* lists within lists... */
  position: absolute; /* place them over the top of everything */
  left: 0; /* align them to the left of the parent list item  - necessary for some older browsers */
  top: 0; /* align them to the bottom of the parent list item - again only necessary for older browsers */
  background: #eee;
  display: none; /* hide 'em */
}


.mainnav-menu ul li {
  padding-right: 0;
  width: 100%;
}

.mainnav-menu li {
  background: url(../images/nav-divider.gif) no-repeat scroll right top transparent;
  display: inline; /* set the list items left-to-right */
  float: left;
  line-height: 13px;
  /*list-style: none;*/
  padding-right: 3px;
  position: relative;  /* set the origin for child boxes to be positioned from */
  min-width: 194.5px;
  text-align: center;
  /*width: 150px;*/
}

.mainnav-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

.mainnav-menu li:hover > ul { /* when list items are hovered over, do this to lists contained within them... */
  display: block; /* show 'em */
}

.mainnav-menu ul li:hover > ul { /* when list items are hovered over, do this to lists contained within them... */
  display: block; /* show 'em */
  left: 100%;
  top: 5px;
}

.mainnav-menu li:hover ul {
  left: 0;
  top: 30px; /* match top ul list item height */
  z-index: 99;
}


.mainnav-menu li:hover a {
  text-decoration: underline;
}

.mainnav-menu li li {
  color: #005398;
  background: none;
  border-top: 1px solid #d6e0e8;
  font-family: Arial, Helvetica, san-serif;
  text-transform: capitalize;
  text-align: left;
}

.mainnav-menu li li a{
  background: none !important; 
  color: #005398; 
  font-weight: bold; 
  font-size: 12px;
  padding: 6px 26px 6px; 
  text-transform: capitalize; 
  text-decoration: none !important; 
}

.mainnav-menu li:hover, 
.mainnav-menu li.sfHover,
.mainnav-menu a:focus, 
.mainnav-menu a:hover, 
.mainnav-menu a:active {
  outline: 0;
}

#mainNavigation.mainnav-menu li:hover a {
}

#mainNavigation.mainnav-menu li li a:hover {
  background: #BFD9C7  url(../images/sub-menu-hover.gif) repeat-x top left !important;
  color: #005398 ;
}

/* Navigation end */

/* Slideshow css - begin */
#accordion{
 margin-bottom: 1px;
 position: relative;
 height:245px;
}
.rslides {
	position: absolute;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
  position: absolute;
  padding: 0;
  list-style-type: none;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides_tabs{
  padding-right: 10px;
  position: absolute;
  right: 0;
  bottom: 20px;
  text-align: right;
  z-index: 1000;
}

.rslides_tabs li{
  background: url(../images/slides.png) no-repeat left top;
  display: inline;
  margin-right: 5px;
  padding: 5px 7px;
}

.rslides_here{ 
  background: url(../images/current-slide.png) no-repeat left top !important;
  width:14px;
}

.rslides_tabs li a{
 color: transparent;
 font-size: 1px;
 padding: 8px 4px;
}

/* Slideshow css - end */

/* Tables */
.blue-table {
    border: 1px solid #CFDBE4;
}
.blue-table th {
    background: none repeat scroll 0 0 #015592;
    color: #FFFFFF;
    padding: 5px;
}
.blue-table td {
    border-top: 1px solid #CFDBE4;
}
.blue-table p {
    line-height: normal;
}
#red-table th {
    background: none repeat scroll 0 0 #880E10 !important;
}
#green-table th {
    background: none repeat scroll 0 0 #018754 !important;
}
#purple-table th {
    background: none repeat scroll 0 0 #5A4099 !important;
}

/* breadcrumb links */

#breadcrumb{
	background: url(../images/breadcrumb.gif) repeat-x left top;
	color: #005398;
	font-size: 12px;
	padding: 2px 10px 2px 10px;
	height: 12px;
	background-color: #E3E1DD;
}

#breadcrumb ul{
 min-height: 22px !important;
 padding: 0;
 width: 100% !important;
}

#breadcrumb li{
 background: none;
 color: #005398;
 list-style-type: none;
 display: inline;
 padding-left: 0;
} 

#breadcrumb a{
  color: #005398;
  font-weight: bold;
  padding: 0 3px;
}
