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








/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 17, 2014 */



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

}

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

}

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

}



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






/*------------------------------------ Generic Styles ---------------*/

html, body {
   height:100%;
   width:100%;
   margin:0;
   padding:0;
}   

form {
	padding:0;
	margin:0;
}


body {
	margin: 0;
	background-color: #FFF;
	font-family:'OswaldBook',Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color:#000;
}


.centeringContainer{
	margin-left:auto;
	margin-right:auto;
	width:1150px;
}


.clearfix {
  overflow: auto;
}

.spacing {
	margin: 10px 0;
}

.emailGraySmall{
	background-image:url(../img/Email-Icon-Small-Gray.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
}

.phoneGraySmall{
	background-image:url(../img/Phone-Icon-Small-Gray.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
}

.faxGraySmall{
	background-image:url(../img/Fax-Icon-Small-Gray.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
}


.emailGreenSmall{
	background-image:url(../img/Email-Icon-Small-Green.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:26px;
}

.phoneGreenSmall{
	background-image:url(../img/Phone-Icon-Small-Green.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:26px;
}

.faxGreenSmall{
	background-image:url(../img/Fax-Icon-Small-Green.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:26px;
}

.locationGreenSmall{
	background-image:url(../img/Location-Icon-Small-Green.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:26px;
}


/* ----------  CSS Animations -----------------*/


   
.fade{   
   -webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


/* -------------- General Text Styles -------------------*/

p {
	margin:0;
	padding:0;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	color:#67686B;
}


.alertText {
	color:#C7442D;
	text-decoration:none;
}


h1{
	padding:15px;
	margin:0;
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	color:#1B6493;
}

h2{
	padding:0;
	margin:0;
	font-family:'OswaldBold',Arial, sans-serif;
	font-weight:normal;
	color:#112B6C;
}

#loginContainer h2{
	padding:20px 0 10px 0;
	margin:0;
	font-family:'OswaldBold',Arial, sans-serif;
	font-weight:normal;
	color:#609F46;
}

.titleGray {
	color:#67686B;
	font-size:1.25em;
}


.titleBrightGreen {
	color:#A1C652;
	font-size:1.25em;
}



h3{
	padding:0;
	margin:0;
	font-family:'OswaldBold',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#1E4495;
	padding-bottom:5px;
}


h4{
	padding:0;
	margin:0;
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:.80em;
	color:#67686B;
}

h5{
	padding-top:5px;
	margin:0;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	color:#67686B;
}

h6{
	padding:0;
	margin:0;
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:.65em;
	color:#67686B;
	letter-spacing:.10em;
}
a {
	color:#67686B;
}




/* -------------------------------------- Form Styles ------------*/


.loginTextBox{
	position:relative;
	clear:both;
	width:236px;
	height:41px;
	text-align:center;
	border: 1px solid;
	border-color:#C9C9C9;
	margin-bottom:10px;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

.submitHome{
	position:relative;
	clear:both;
	width:84px;
	height:31px;
	margin-right:20px;
	text-align:center;
	background-color:#609F46;
	border: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	cursor:pointer;
}

.submitHome:hover{
	background-color: #B93335;
}


/*------------------ Generic Login Page Form -------- */

#loginForm div{
	position:relative;
	margin:0 0 20px 0;
}

#loginForm input{
	margin:0 0 0 15px;
}


/* ---------------------------------- Login Container ---------------*/

#loginContainer{
	position:relative;
	float:right;
	width:255px;
	height:230px;
	text-align:center;
	padding:10px 8px;
	border: 1px solid;
	border-color:#C9C9C9;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

#forgotPwdText{
	font-size:.75em;
}


/*------------------------------------------------------------------- Primary Layout Styles ---------------*/


#headerBar {
	position:fixed;
	width:100%;
	height:25px;
	padding:8px 0 0 0;
	background-color: #E9E9E9;
	z-index:500;
}


#contactInfoTop{
	position:relative;
	float:left;
	min-width:290px;
	min-height:24px;
}

#contactInfoTop h6{
	float:left;
	margin:0 20px 0 0;
	padding-top:3px;
}

#helpInfo{
	position:relative;
	float:right;
	min-width:150px;
	min-height:24px;
}



/* ------------------------------ Top Nav Bar --------------------*/

#mainNavContainer {
	position:fixed;
	width:100%;
	height:106px;
	z-index:500;
	margin-top:33px;
	background-color:#FFF;
	border-bottom:1px solid #EDEDED;
}

#logoContainer {
	position:relative;
	height:106px;
	width:275px;
	float:left;
}

/* ------------------- Menu Styles ------------ */

#navContainer{
	position:relative;
	float:right;
	width:800px;
	height:108px;
	overflow:visible;
	z-index:500;
	margin-top:-2px;
}

#topMenuNav {
    margin:0;
    width:auto;
}

#topMenuNav ul {
    margin:0;
    padding:0;
    line-height:108px;
	height:108px;
	float:left;
}

#topMenuNav li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    position:relative;
}

#topMenuNav ul li a {
    text-align:center; 
    height:108px;
    padding:0 20px;
    display:block;
    font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
    text-decoration:none;
    color:#808285;
}

#topMenuNav ul li:hover ul {
    visibility:visible;
    z-index:9999; 
}


	
/*--------------------- sets top level hover color ---------------------*/


#topMenuNav ul li:hover {
   background:#EFEFF0;
   height:106px;
   line-height:104px;
   border-top:2px solid #609F46;
 }

  
  /* Changes text color on hover for main menu hover*/

#topMenuNav ul li a:hover {   
  color:#808285;
 } 
 
 
 /* ----------------------- sub menu styles -------------*/


#topMenuNav ul ul {
    position:absolute;
    visibility:hidden;  /* -- sets the visibility of the sub menu, so it's hidden until you roll over -- */
    top:106px;
	left:-7px;  /* -- this sets the subMenu left side position for the end color offset --*/
}

#topMenuNav ul ul li {
	border-top:2px solid #FFF;
	/*width:193px;*/
	padding-left:7px;  /* -- this sets how much of the subMenu left end color side marker shows --*/
	background-color:#AFC9E8; /* -- this sets the subMenu left end color --*/
}

#topMenuNav ul ul li a {
    text-align:center; 
    height:46px;
	width:180px;
	padding:0 5px;
    display:block;
    color:#000;
    font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:.85em;
    text-decoration:none;
	line-height:46px;
    color:#808285;
    /*border:1px solid #FFF; -----  Removed ----*/
	background-color:#E3E3E5;
}

/* ---------- sets subMenu items hover color and background ------*/
 
#topMenuNav ul ul li:hover {
    color:#fff;
    background-color:#224493; /* -- this sets the subMenu end color hover --*/
	height:46px;
	line-height:46px;
	border-top:2px solid #fff;
}

#topMenuNav ul ul li a:hover {
    color:#fff;
    background-color:#9197AA;
	border:none;
 }


  
 /* Contains the Float */

.clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }

 /* IE7 Display Fix */  
 
#topMenuNav ul li {

  display: inline;     
 
 }   
 
 
 
 
 /* ------------------- Member Side Menu Styles ------------ */

#memberMenuContainer{
	position:relative;
	float:left;
	width:255px;
	overflow:visible;
	z-index:500;
	border-bottom:solid #D7D7D7 1px;
	padding-bottom:20px;
}

#MemberMenu{
	margin:0;
    width:auto;
}

#MemberMenu ul {
    margin:0;
    padding:0;
    line-height:46px;
	height:46px;
}

#MemberMenu li {
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
}

#MemberMenu ul li a {
    text-align:left; 
    height:46px;
    padding:0 0 0 10px;
    display:block;
    font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
    text-decoration:none;
    color:#808285;
}

#MemberMenu ul li:hover ul /* -- this shows the sub-menu when you roll over it - it says show the list item of the unordered list, inside the unordered list --*/
{
    visibility:visible;
    z-index:9999; 
}


	
/*--------------------- sets top level hover color ---------------------*/


#MemberMenu ul li:hover {
   height:46px;
   line-height:46px;
   background:#EFEFF0;
   border-left:4px solid #609F46;
   display:block; /* -- had to add display:block to make the background color stay while hovering over the sub-menu items --*/
 }

  
  /* Changes text color on hover for main menu hover*/

#MemberMenu ul li a:hover {   
  color:#808285;
  padding-left:6px;
 } 
 
 
 /* ----------------------- sub menu styles -------------*/


#MemberMenu ul ul {
	float:right;
    position:absolute;  /* causes the sub-menu items to position under eachother -- */
    visibility:hidden;  /* -- sets the visibility of the sub menu, so it's hidden until you roll over -- */
    top:-2px;
	left:250px;  /* -- this sets the subMenu left side position for the end color offset --*/
	padding-left:0;
}

#MemberMenu ul ul li {
	float:right;
	border-top:2px solid #FFF;
	border-left:2px solid #FFF;
	/*width:193px;*/
	padding-left:6px;  /* -- this sets how much of the subMenu left end color side marker shows --*/
	background-color:#AFC9E8; /* -- this sets the subMenu left end color --*/
}

#MemberMenu ul ul li a {
    text-align:center; 
    height:46px;
	width:180px;
	padding:0 0 0 6px;
	margin:0;
    display:block;
    color:#000;
    font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:.85em;
    text-decoration:none;
	line-height:46px;
    color:#808285;
    /*border:1px solid #FFF; -----  Removed ----*/
	background-color:#E3E3E5;
}

/* ---------- sets subMenu items hover color and background ------*/
 
#MemberMenu ul ul li:hover {
    color:#fff;
    background-color:#224493; /* -- this sets the subMenu end color hover --*/
	height:46px;
	line-height:46px;
	border-top:2px solid #fff;
	border-left:none;
}

#MemberMenu ul ul li a:hover {
    color:#fff;
    background-color:#9197AA;
	border:none;
 }


  
 /* Contains the Float */

.clearFloat {
    clear:both; 
    margin:0;
    padding:0;
 }


 /* IE7 Display Fix */  
 
#MemberMenu ul li {

  display: inline;     
 
 } 
 
 


/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}


/* --------------------------------  Main Image Slider ------------------- */

#bigPhotoContainer {
	position:fixed;
	width:100%;
	height:425px;
	margin-top:139px;
	/*  ------ disabled for flexslider 
	background-image:url(../img/truck_photo_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 ------ */
	 background-color: #2F2F2F;
	 z-index:1;
	 overflow:hidden;
}



.slide {
	position:relative;
	width:100%;
	min-height:425px;
	z-index:100;
}


.slide h1{
	font-size:1.5em;
	color:#fff;
	background: rgb(15, 40, 104); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(15, 40, 104, .75);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 0px solid #800000;
	position:relative;
	float:left;  /* -- the float allows the background to stay to the size of the text -- */
	clear:both;  /* -- the clear allows the next h1 to flow down below the first --*/
	padding:10px;
	margin-top:60px;
	margin-left:120px;
	height:30px;
}

.slide h1 + h1 { /* this selects any h1 following the first h1 */
	margin-top:3px;
}

.slide h2{
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#fff;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(0, 0, 0, .50);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 0px solid #800000;
	position:relative;
	float:left; /* -- the float allows the background to stay to the size of the text -- */
	clear:both;  /* -- the clear allows the next h2 to flow down below the first --*/
	padding:8px;
	margin-top:120px;
	margin-left:120px;
	height:20px;
}

.slide h2 + h2 {
	margin-top:3px;
}

.slide.bkgd1{
	min-height:425px;
	background-image:url(../img/truck_photo_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

.slide.bkgd2{
	min-height:425px;
	background-image:url(../img/Ship-1-Web.jpg);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}

.slide.bkgd2 h1{
	margin-top:40px;	
}

.slide.bkgd2 h2 {
	margin-top:3px;
}

.slide.bkgd3{
	min-height:425px;
	background-image:url(../img/MDS-Truck-OOCL-Container-1-Web.jpg);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}


.slide.bkgd3 h1{
	margin-top:40px;	
}

.slide.bkgd3 h2 {
	margin-top:69px;
}

.slide.bkgd3 h2 + h2 {
	margin-top:3px;
}

#main img{
	z-index:5;
}



/*-------------- End Slider ---------------------------*/


#mainCopyContainer {
/*	position:relative;*/
	width:100%;
	min-height:450px;
	margin-top:564px;
	margin-left:0;
	margin-right:0;
	/*display:inline-block;*/
	z-index:2;
	background: rgb(254, 254, 254); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(255, 255, 255, .95);
}

#mainCopyHome{
	/*position:relative;*/
	min-height:450px;
	margin-top:30px;
	margin-bottom:0;
}

#introParagraph{
	position:relative;
	width:830px;
	float:left;
	min-height:245px;
	padding:10px;
}


#featuresHome{
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:0;
	border-right:0;
	border-color:#C7C8CA;
	display:inline-block;
}

#featuresHome h3{
	padding:0;
	margin:0;
	font-family:'OswaldBold',Arial, sans-serif;
	font-weight:normal;
	color:#609F46;
}

.featureBox{
	position:relative;
	float:left;
	width:190px;
	height:67px;
	margin:8px 6px;
	padding:15px 6px 10px 65px;
}

#featureBox1{
	background-image:url(../img/Dedicated_Fleet_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

#featureBox2{
	background-image:url(../img/Customs_Bonded_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}

#featureBox3{
	background-image:url(../img/Dispatch_Technology_Icon.png);
	background-repeat:no-repeat;
	background-position:left;
}




/* ---------------------------  Home Services Section -------------- */

#servicesContainer{
	position:relative;
	width:100%;
	margin-top:15px;
	padding:10px;
	clear:both;
	min-height:150px;
	/*display:inline-block;  ------ needed to clear the floats of the preceeding divs. Otherwise the margin-top won't work. Used instead of clearfix ----------*/
}


#servicesHome{
	display:inline-block;
}

.serviceBox{
	position:relative;
	float:left;
	width:268px;
	min-height:240px;
	padding-bottom:10px;
}

.serviceBox img{
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	margin-bottom:7px;
}


#serviceBox1{
	margin:0 11px 0 0;
}

#serviceBox2{
	margin:0 11px 0 11px;
}

#serviceBox3{
	margin:0 11px 0 11px;
}

#serviceBox4{
	margin:0 0 0 11px;
}


/* ---------------------------  Home Locations Section -------------- */


#locationsBar {
	position:relative;
	/*margin-top: -25px;*/
	margin-left:0;
	margin-right:0;
	width:100%;
	min-height:170px;
	background-color:#EFF0F1;
	/*display:inline-block;  ------ needed to clear the floats of the preceeding divs. Otherwise the margin-top won't work. Used instead of clearfix ----------*/
	z-index:2;
}

#ourLocations{
	position:relative;
	margin-top:15px;
	min-height:150px;
	padding-left:20px;
	}


#locationsHome{
	display:inline-block;
}

#locationsHome h3{
	color:#A1C652;
}

#locationsHome h5{
	margin-bottom:5px;
}

.locationsBox{
	position:relative;
	float:left;
	width:135px;
	height:67px;
	margin:8px 15px 20px 0;
	padding:10px 4px 10px 75px;
	border-right:solid 1px #FFFFFF;
}

#locationsBox1{
	background-image:url(../img/Chicago.png);
	background-repeat:no-repeat;
	background-position:left;
}

#locationsBox2{
	background-image:url(../img/Detroit.png);
	background-repeat:no-repeat;
	background-position:left;
}

#locationsBox3{
	background-image:url(../img/Houston.png);
	background-repeat:no-repeat;
	background-position:left;
}

#locationsBox4{
	background-image:url(../img/Charleston.png);
	background-repeat:no-repeat;
	background-position:left;
}

#locationsBox5{
	background-image:url(../img/Savannah.png);
	background-repeat:no-repeat;
	background-position:left;
}
#locationsBox6{
	background-image:url(../img/Jersey-City.png);
	background-repeat:no-repeat;
	background-position:left;
}
#locationsBox7{
	background-image:url(../img/Norfolk.png);
	background-repeat:no-repeat;
	background-position:left;
}
#locationsBox8{
	background-image:url(../img/Toronto.png);
	background-repeat:no-repeat;
	background-position:left;
}
#locationsBox9{
	background-image:url(../img/Montreal.png);
	background-repeat:no-repeat;
	background-position:left;
}

/* -------------------------------- Footer Section ------------------- */


#footerBar {
	position:relative;
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-top:35px;
	padding-bottom:25px;
	min-height:370px;
	background-color: #2F2F2F;
	z-index:2;
}

#footerBar h5, #footerBar a{
	padding-top:5px;
	margin:0;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	letter-spacing:.10em;
	line-height:1.25em;
	color:#fff;
	text-decoration:none;
}



#footerBar p{
	margin-top:23px;
	padding:0;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.2em;
	color:#F0F0F0;
}


#contactDetails {
	position:relative;
	float:left;
	width:280px;
	min-height:80px;
	margin:8px 15px 20px 0;
	padding:10px 5px;
	color:#fff;
}

ul.contactInfoFooter{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#generalNotice{
	position:relative;
	float:left;
	width:375px;
	min-height:80px;
	margin:8px 15px 20px 0;
	padding:10px 4px 10px 25px;
	border-left:solid 5px #505050;
}

#generalNotice ul{
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.2em;
	color:#F0F0F0;
}

#latestNewsTicker{
	position:relative;
	float:left;
	width:365px;
	height:260px;
	margin:8px 15px 20px 0;
	padding:10px 4px 10px 25px;
	border-left:solid 5px #505050;
	overflow:hidden;
}

#latestNewsTicker ul{
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.2em;
	color:#F0F0F0;
	list-style:none;
	padding:0;
	margin:15px 0 15px 0;
}

#latestNewsTicker li{
	clear:both
}

#latestNewsTicker img{
	vertical-align:top;
	text-align:left;
	display:block;
	margin:0 20px 25px 0;
	float:left;
}

#latestNewsTicker a{
	font-family:'OswaldBook',Arial, sans-serif;
	font-weight:normal;
	color:#A1C652;
	font-size:.8em;
	padding-left:6px;
}

#latestNewsTicker a:hover{
	color:#FFFFFF;
}

.floatLeft{
	float:left;
	margin-bottom:25px;
}

h3.floatLink{
	float:right;
}

#legalNotice{
	position:relative;
	clear:both;
	width:100%;
	min-height:50px;
	margin:15px 0 20px 0;
	padding:10px 4px 10px 15px;
	border-top:solid 5px #505050;
}

#footerLogo {
	position:relative;
	float:left;
	width:200px;
	height:61px;
	margin-right:15px;
}

.footerLegalese{
	position:relative;
	float:left;
	width:400px;
	height:61px;
	font-family:'OswaldLight',Arial, sans-serif;
	font-weight:normal;
	font-size:.8em;
	line-height:1.2em;
	color:#F0F0F0;
	padding-top:15px;
	margin-left:100px;
	margin-right:25px;
}

.socialMediaLinks{
	float:right;
	margin-right:10px;
}

.socialMediaLinks img{
	padding-top:15px;
	padding-right:10px;
}

#mdsEventsPlugin {
font-family: Arial, sans-serif;
font-weight: normal;
font-size:12px;
}

#mdsEventsPlugin ul li {
	list-style:none;
	display:inline-block;
}
#mdsEventsPlugin ul li a{
	padding:10px;
position: relative;
clear: both;
min-width:75px;
display:inline-block;
margin-right: 10px;
text-align: center;
background-color: #67686B;
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
cursor: pointer;
}

#mdsEventsPlugin ul
{
padding-left:0px;
}
#mdsEventsPlugin ul li:nth-child(2)
{
padding-left:30px;
}

#mdsEventsPlugin ul li a.selected{
	background-color: #609F46;
}
#mdsEventsPlugin ul li a:hover{
	background-color: #B93335;
}
#mdsEventsPlugin ul li span{
	padding-right:10px;
	font-weight:bold;
}

#mdsEventsPlugin h4 {
	margin-top:20px;
	margin-bottom:20px;
	font-size:1.1em;
}
#mdsEventsPlugin h4 a {
float:right;
}
#mdsEventsPlugin table {
	white-space:nowrap;	
}
#mdsEventsPlugin table thead {
	border-bottom:solid 1px #eee;
	background-color:rgba(15, 40, 104, .75);
	color:#fff;
}
#mdsEventsPlugin table thead th {
	font-weight:normal;
	padding:5px;
}
#mdsEventsPlugin table td {
	padding:5px;
	border-left:solid 1px #eee;
}
#mdsEventsPlugin table tbody tr.odd {background: #eee}
#mdsEventsPlugin table tbody tr.odd  td {border-left:solid 1px #fff;}
#mdsEventsPlugin table tbody tr.rowheader { cursor:pointer;}

#mdsEventsPluginContainer {
    min-height: 350px;
    overflow-x: auto;
    padding-bottom: 35px;
}


table.activeTracGrid {
  
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.activeTracGridContainer {
    width: 100%;
    overflow: auto;
    padding-top:11px;
    min-height:200px;
}
.activeTracGrid  .btn {
    margin-top:0px;
}
.activeTracGridFullscreenStyle {
width: 100%;
  overflow: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff; 
  height: 600px;
  z-index: 10000;
}


table.activeTracGrid thead
{
    
	border-bottom: solid 1px #eee;
	background-color: rgba(15, 40, 104, .75);
	color: #fff;
}

table.activeTracGrid thead tr th
{
    
	font-weight: normal;
	padding: 5px;
	cursor:pointer;
}
table.activeTracGrid thead th a {
    color: #fff !important;
    text-decoration: none !important;
}

table.activeTracGrid tbody tr 
{
    
	font-weight:normal;
    height:40px;
}

table.activeTracGrid tbody td 
{
    
	padding: 5px;
	border-left: solid 1px #eee;
}

table.activeTracGrid tbody tr:nth-child(odd) 
{
	background: #eee;   
}
table.activeTracGrid tbody tr:hover td, table.activeTracGrid tbody tr:hover 
{
	background: #AEC8E8 !important;  
}



ul.simplegallery {
}
ul.simplegallery li {
display:inline-block;
list-style:none;
width: 200px;
padding: 5px;
vertical-align: top;
margin-bottom: 15px;
margin-right: 48px;
font-family: 'OswaldBook',Arial, sans-serif;
font-weight: normal;
font-size: .80em;
color: #67686B;
line-height:24px
}

ul.simplegallery li img {
border:solid 1px #eee;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:10px
padding:2px;
}

/* activetrac styles */
.activeTracPaginationHeader a {
    margin-left: 20px;
}
.btn {
    background-color: #fbfbfb;
    border-bottom: 0 none #b3b3b3;
    border-radius: 4px;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.30) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #333333;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}
/* for row logic */
/* This is for the fluid rows when using the CmsRow control */
*[ripzone]  .row {margin-left:0px;}
*[ripzone]  .row-fluid .span12, 
*[ripzone]  .row-fluid .span8, 
*[ripzone]  .row-fluid .span6, 
*[ripzone]  .row-fluid .span4, 
*[ripzone]  .row-fluid .span3, 
*[ripzone]  .row-fluid .span2
{ border:none ;margin:3px !important;display:inline-block ;overflow: hidden}


*[ripzone]  .row-fluid [class*='span'], .ripPageTitle {
    display: block;
    width: 100%;
    min-height: 30px;
	padding: 0 0.8em;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
 }
 

.ripPageTitle {
    margin-left: 3px;
    *margin-left: 3px;
}

*[ripzone]  .row-fluid [class*='span']:first-child {
margin-left: 0;
}
*[ripzone]  .row-fluid .controls-row [class*='span'] + [class*='span'] {
margin-left: 2.564102564102564%;
}

            
*[ripzone]  .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
*[ripzone]  .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; }
*[ripzone]  .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; }
*[ripzone]  .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; }
*[ripzone]  .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; }
*[ripzone]  .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; }


.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

div.span4:nth-of-type(4n), div.span4:nth-of-type(7n) {
	clear:both;
}

.span3 {
  width: 220px;
}

div.span3:nth-of-type(5n), div.span3:nth-of-type(9n) {
	clear:both;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}