.xdebug { background-color:#F00; }
.xd { background-color:#F00; }
.xd2 { background-color:#0F0; }
.xd3 { background-color:#00F; }

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6em;	
	color: #313131;
	background-color: #091533;
	position: relative;
	text-transform: none;
	overflow-x: hidden;
}
a, input, select, textarea {
	outline:none !important;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: #2B388F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	margin: 1em 0 1em 0;
	padding: 0;
}
ul,
ol {
	margin-top: 10px;  /* changes mobile menu position */
	margin-bottom: 1.5em;
}
ul ul,
ol ol {
	margin-top: 0;
	margin-bottom: 0;
}

h1,
h2 {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font-weight: 700;
}
h3,
h4 {
	margin: 1.5em 0 0.5em 0;
	padding: 0;
	font-weight: 700;
}

h1 {
	color: #A7AEE4;
	font-size: 22px;
	line-height: 26px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif;
}
h2 {
	color: #6270D0;
	font-size: 14px;
	line-height: 28px;
}
h2.enhanced {
	color: #6270D0;
	font-size: 17px;
	line-height: 18px;
}
h3 {
	color: #828CD9;
	font-size: 13px;
	line-height: 17px;
}
h4 {
	
	color: #5665CB;
	font-size: 12px;
	line-height: 12px;
}


img {
	outline: 0;
	vertical-align: top;
}
img.tracelogo {
	padding: 8px;
	background-color: #FFF;
	border:  1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 6px 6px 6px 6px; /* top-left, top-right, bottom-right, bottom-left */
	   -moz-border-radius: 6px 6px 6px 6px;
		    border-radius: 6px 6px 6px 6px;
}
h2.title,
h2.title a {
	color: #313131;
	font-weight: 700;
	text-transform: uppercase;
}
h2.title a:hover {
	color: #A7AEE4;
	text-decoration: none;
}


/* global classes */
.fleft { float: left;
}
.fright { float:right;
}
.upper { text-transform:uppercase;
}
.darker { color: rgba(255, 255, 255, 0.55);
}
.boldcolor {
	font-weight: 600;
	color: #6270D0;
}
p.thinbreak { margin: 0.4em 0 0.4em 0;
}
.h1lighter { font-weight:normal; color: rgba(167, 174, 228, 0.95);
}
ul.em li,
ol.em li { font-style:italic; 
}
ul.paddedli li,
ol.paddedli li { margin: 0.4em 0 0.4em 0;
}

td.datagrid { font-size: 10px; border: 1px solid #091533; font-family: Arial, Helvetica, sans-serif }
td.datagridsep { height:2px; background-color:#091533; }
tr.datagridrow { color:#FFFFFF; background-color:#091533; }







/***********************
 *
 *  Main Containers
 *
 **********************/
#header_top {
	margin: 0;
	padding: 0;
	height: 4px;
	background-color: #091533;
	
	background-image: linear-gradient(to bottom, #15317B, #091533);
	background-image: -moz-linear-gradient(top, #15317B, #091533);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15317B), to(#091533));
	background-image: -webkit-linear-gradient(top, #15317B, #091533);
	background-image: -o-linear-gradient(top, #15317B, #091533);
	background-repeat: repeat-x;
	outline: 0;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#15317B', endColorstr='#091533', GradientType=0);
}
#header {
	margin: 0;
	padding: 0;
	background-color: #F4F8FB;
}
#page_container {
	margin: 0;
	padding: 0;
	background: url(../images/bridge_1.png) #F4F8FB;
	background-position:center top ;
	background-repeat:no-repeat;
}



/***********************
 *
 *  Logo Control
 *
 **********************/
.logo {
    vertical-align: middle; /* center logo */
}
.logo img {
	max-width:100%;
	margin-left: 10px;
}
.header_band .logo {
	padding-top: 1px;
	padding-bottom: 1px;
}
@media (min-width: 500px) {
	.logo img {
		margin-left: 10px;
	}
}
@media (min-width: 768px) {
	.logo img {
		margin-left: 5px;
	}
}
@media (min-width: 979px) {
	.logo img {
		margin-left: 25px;
	}
}
@media (min-width: 1200px) {
	.logo img {
		margin-left: 25px;
	}
}


/***********************
 *
 *  Header Control
 *
 **********************/
nav#main_menu {
	position: relative;
}
.header_band {
	background:url(../images/menubar.png) #091533;
	background-repeat:repeat-x;
	background-position: top;
	border-top: 2px solid rgba(255, 255, 255, 0.25);
	border-bottom: 2px solid rgba(255, 255, 255, 0.25);
}
#header .bridging {
	/*position: relative;*/
	/*color: #091533;*/
	/*color: #303FA3;*/
	color: #1F286B;
	font-family: 'Courgette', Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 400;
	margin: 104px 4% 0 0;
	text-shadow: 1px 1px 0 hsla(240,100%,10%,.3),
	             2px 2px 1px hsla(240,10%,10%,.2);
}
#bridging {
	display:none;
}

@media (min-width: 500px) {
	#bridging {
		display: inline-block;
	}
}
@media (min-width: 768px) {
	nav#main_menu {
		position: relative;
		bottom: 0;
	}
	nav#main_menu .menu_wrap {
		text-align: left;
	}
	#header .bridging {
		font-size: 20px;
		margin: 104px 8% 0 0;
	}
}
@media (min-width: 980px) {
	#header .bridging {
		font-size: 24px;
		margin: 104px 10% 0 0;
	}
}
@media (min-width: 1200px) {
	#header .bridging {
		font-size: 26px;
		margin: 104px 16% 0 0;
	}
	nav#main_menu .menu_wrap {
		margin-left:30px;
	}
}


/***********************
 *
 *  Main & Mobile Nav
 *
 **********************/
#menu-icon {
	display: none;
	width: 32px;
	height: 32px;
	background: url(../images/menu-icon.png) center;
	float: right;
	margin-right: 20px;
	cursor: pointer;
}

#header .mmenu {
	margin: 0 3% 0 0;
}
nav#mob_menu ul, 
nav#mob_menu:active ul { 
	display: none;
	list-style: none;
	position: absolute;
	right: 5%;
	top: 170px;
	width: 210px;
	padding: 6px;
	background-color: #091533;
	border: 2px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		    border-radius: 3px;
	cursor: pointer;
}
@media (max-width: 319px) {
  #menu-icon {
	position:absolute;
	margin-right: 0px;
	right: 4px;
	top: 10px;
	background-color: #091533;
	border: 2px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		    border-radius: 3px;
  }
  nav#mob_menu ul, 
  nav#mob_menu:active ul { 
	right: 4px;
	top: 34px;
  }
}
@media (min-width: 320px) {
  #menu-icon {
	position: relative;
	margin-right: 10px;
  }
}

a:hover#menu-icon {
	background-color: #444;
}
nav#mob_menu a,
nav#mob_menu a:link,
nav#mob_menu a:visited,
nav#mob_menu a:hover,
nav#mob_menu a:active {
	color: #EEE;
	font-size: 12px;
	text-decoration: none;
}
nav#mob_menu h2.title {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 0;
	color: #A7AEE4;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	background: none;
}

nav#main_menu {
	margin: 0;
	padding: 0;
	width: 100%;
}
nav#main_menu .menu_wrap > ul {
	margin: 0;
}

@media (min-width: 768px) {
	#header .mmenu {
		margin: 0 6% 0 0;
	}
	nav#mob_menu ul, 
	nav#mob_menu:active ul { 
		right: 10%;
	}
}
@media (min-width: 818px) {
	nav#mob_menu ul, 
	nav#mob_menu:active ul { 
		right: 13%;
	}
}
@media (min-width: 868px) {
	nav#mob_menu ul, 
	nav#mob_menu:active ul { 
		right: 15%;
	}
}
@media (min-width: 938px) {
	nav#mob_menu ul, 
	nav#mob_menu:active ul { 
		right: 17%;
	}
}
@media (max-width: 979px) {
	#menu-icon {
		display: inline-block;
		text-align: right;
	}
	nav#mob_menu:hover ul {
		display: block;
	}
	nav#main_menu ul {
		display: none;
	}
}
@media (min-width: 980px) {
	#header .mmenu {
		margin: 0 9% 0 0;
	}
	#menu-icon {
		display: none;
	}
	nav#main_menu ul {
		display: inline-block;
	}
}
@media (min-width: 1200px) {
	#header .mmenu {
		margin: 0 17% 0 0;
	}
}

.menu_wrap .nav ul,
.menu_wrap .nav li {
  margin: 0;
  padding: 0;
  position: relative;
  zoom: 1;
}
.menu_wrap .nav > li {
  padding: 0 0 0 2px; /* item spacing */
  display: inline-block;
}
.menu_wrap .nav > li:last-child {
  padding: 0 2px 0 2px; /* item spacing */
}
.menu_wrap .nav > li:first-child {
}

/* Menu Links */
.menu_wrap .nav li a {
  padding: 6px 9px 6px 9px; /* Main link padding */
  color: #FFF;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: none;
  text-decoration: none;
  text-align: left;
}
/* Menu Links Hover */
.menu_wrap .nav > li.sfHover > a,
.menu_wrap .nav > li.sfHover > a:hover,
.menu_wrap .nav > li > a:hover,
.menu_wrap .nav > li.current > a,
.menu_wrap .nav > li.current > a:hover {
	padding: 6px 9px 6px 9px; /* Main link padding */
	color: #FFF;
	background-color: rgba(128, 128, 128, 0.25);
}

/* start sub-menu */
.sub-menu > a { position: relative;
}

/* sub menu wrapper */
.menu_wrap .nav ul {
	margin: 0;
	padding: 10px 0 8px 0;
	position: absolute;
	display: none;
	top: 33px;
	left: 0;
	width: 210px;
	list-style: none;
	zoom: 1;
	z-index: 10;
	background-color:#091533;
		
	background-image: linear-gradient(to bottom, #091533, #0F2255);
	background-image: -moz-linear-gradient(top, #091533, #0F2255);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#091533), to(#0F2255));
	background-image: -webkit-linear-gradient(top, #091533, #0F2255);
	background-image: -o-linear-gradient(top, #091533, #0F2255);
	background-repeat: repeat-x;
	outline: 0;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#091533', endColorstr='#0F2255', GradientType=0);

	border-right:  1px solid rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-left:   1px solid rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 0px 0px 4px 4px; /* top-left, top-right, bottom-right, bottom-left */
	   -moz-border-radius: 0px 0px 4px 4px;
		    border-radius: 0px 0px 4px 4px;

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* side offset, bottom offset, feather, color */
	   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.menu_wrap .nav ul li a {
  display: block;
  text-transform: none;
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
  line-height: 20px;
  padding: 5px 10px 5px 20px;
  background: none; 
}
.menu_wrap .nav ul li a span { display:none;
}
.menu_wrap .nav > li > ul li > a:hover,
.menu_wrap .nav > li > ul li.sfHover > a,
.menu_wrap .nav > li > ul li.current > a {
  color: #FFF;
  text-decoration: none;
}
.menu_wrap .nav > li > ul li:hover {
  color: #FFF;
  cursor:pointer;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2);
}
.menu_wrap .nav > li > ul li > a:hover:before,
.menu_wrap .nav > li > ul li.sfHover > a:before { background: none;  
}
.menu_wrap .nav > li li.sub-menu > a:before {
  content: " ";
  position: absolute;
  background: none;
  width: 7px;
  height: 4px;
  right: 10px;
  top: 13px;
}
.menu_wrap .nav ul ul {
  position: absolute;
  display: none;
  width: 133px;
  left: 133px;
  top: -6px;
  height: auto;
  list-style: none;
  z-index: 111;
  padding: 14px 0 7px 0;
  margin: 0;
  border-top:0;
}
.separator {
}
/* //end sub-menu */





/***********************
 *
 *  Footer Structure
 *
 **********************/
#footer {
	background: url(../images/footerbg.png) #091533 top center no-repeat ;
}
#footer .footer_top {
	border-top: 2px solid rgba(255, 255, 255, 0.25);
	padding: 20px 0 10px 0;
}
#footer .footer_bottom {
	padding: 10px 0 20px 0;
}

#footer .container,
#footer .container div.sub {
	padding: 0;
}
#footer .container {
	padding-right: 3%;
	padding-left: 3%;
}
#footer .infopadded {
	padding: 0;
	margin: 0;
}
#footer .infopadded {
	margin-bottom: 20px;
}
#footer div.sub {
	float: left;
}
#footbox1,
#contactus {
	margin-left: 20px;
	display: inherit;
}
#footbox2,
#offices1,
#offices2 {
	display: none;
}

#footer .copyright {
	margin-left: 20px;
	text-align: left;
}

@media (min-width: 500px) {
  #footbox1,
  #offices1 {
	margin-left: 30px;
  }
  #contactus {
	margin-left: 0;
  }
  #footbox2,
  #offices1,
  #offices2 {
	display: none;
  }
  #footer .copyright {
	margin-left: 30px;
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  #footer .span6 {
	  width: 225px;
  }
}
@media (min-width: 768px) {
  #contactus {
	margin-left: 110px;
  }
  #footbox1,
  #offices1 {
	margin-left: 30px;
  }
  #offices1,
  #offices2,
  #footbox2 {
	display: none;
  }
  #footer .copyright {
	margin-left: 30px;
  }
}
@media (min-width: 980px) {
  #footer .infopadded {
	margin-bottom: 30px;
  }
  #footbox1 {
	margin-left:20px;
  }
  #footbox2 {
	display: inherit;
	margin-left: 18%;
  }
  #offices1 {
	display: inherit;
	margin-left:20px;
  }
  #offices1 {
	display: inherit;
	margin-right: 8%;
  }
  #offices2 {
	display: inherit;
	margin-right: 15%;
  }
  #contactus {
	margin-left: 0;
  }
}
@media (min-width: 1200px) {
  #footer .articles {
	margin-left:30px;
  }
}

.nav-icon {
	position:relative;
	display:inline;
	float:right;
}

/* Icons stolen from jQuery Mobile <span class='ui-icon ui-icon-loading ui-icon-shadow'></span>
-----------------------------------------------------------------------------------------------------------*/
.ui-icon {
	background-color: #666 /*{global-icon-color}*/;
	background-color: rgba(0,0,0,.4) /*{global-icon-disc}*/;
	background-image: url(../images/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width:18px;
	height:18px;
	margin-right:8px;
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0px 1px 0 					rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}

/* Icon sprite
-----------------------------------------------------------------------------------------------------------*/
/* plus minus */
.ui-icon-plus {
	background-position: 	-1px -1px;
}
.ui-icon-minus {
	background-position: 	-37px -1px;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-73px -1px;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px -1px;
}
.ui-icon-arrow-l {
	background-position: 	-144px -1px;
}
.ui-icon-arrow-u {
	background-position: 	-180px -1px;
}
.ui-icon-arrow-d {
	background-position: 	-216px -1px;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px -1px;
}
.ui-icon-gear {
	background-position: 	-288px -1px;
}
.ui-icon-refresh {
	background-position: 	-323px -1px;
}
.ui-icon-forward {
	background-position: 	-360px -1px;
}
.ui-icon-back {
	background-position: 	-396px -1px;
}
.ui-icon-grid {
	background-position: 	-432px -1px;
}
.ui-icon-star {
	background-position: 	-467px -1px;
}
.ui-icon-alert {
	background-position: 	-503px -1px;
}
.ui-icon-info {
	background-position: 	-539px -1px;
}
.ui-icon-home {
	background-position: 	-575px -1px;
}
/* search */
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-611px -1px;
}
/* checkbox radio */
.ui-icon-checkbox-on {
	background-position: 	-647px -1px;
}
.ui-icon-checkbox-off {
	background-position: 	-683px -1px;
}
.ui-icon-radio-on {
	background-position: 	-718px -1px;
}
.ui-icon-radio-off {
	background-position: 	-754px -1px;
}
/* menu edit */
.ui-icon-bars {
	background-position: 	-788px -1px;
}
.ui-icon-edit {
	background-position: 	-824px -1px;
}

#footer ul.mobilemenu li.moblink,
nav#mob_menu ul.mobilemenu li.moblink {
	text-decoration: none;
	padding: 6px 0 6px 10px;
	background-color: rgba(0, 0, 0, 0.225);
	border: 1px solid rgba(0, 0, 0, 0.35);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		    border-radius: 3px;
}
#footer ul.mobilemenu li.title.moblink,
#footer ul.mobilemenu li.title.moblink:hover,
nav#mob_menu ul.mobilemenu li.title.moblink,
nav#mob_menu ul.mobilemenu li.title.moblink:hover {
	cursor: default;
	text-decoration: none;
	padding: 6px 0 6px 10px;
	background-color: rgba(0, 0, 0, 0.525);
	border: 1px solid rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		    border-radius: 3px;
}

#footer ul.mobilemenu li.moblink:hover,
nav#mob_menu ul.mobilemenu li.moblink:hover {
	cursor:pointer;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.125);
	border: 1px solid rgba(0, 0, 0, 0.15);
}
#footer ul.mobilemenu li.moblink:hover a,
nav#mob_menu ul.mobilemenu li.moblink:hover a {
	text-decoration: none;
}



/***********************
 *
 *  Text Containers
 *
 *
 *
 **********************/
p {
	color: #313131;
	font-size: 12px;
	line-height: 1.6em;	
	font-weight: normal;
	text-transform: none;
}
li {
	font-size: 12px;
	font-weight: normal;
}

#page_container {
	padding: 1em 0 4em 0;
}

#contact select,
#contact textarea,
#contact input { width: 100%;}

#footer p {
	padding: 0;
	margin: 0 0 6px 0;
}
#footer p {
	color: #DDD;
	font-size: 12px;
	line-height: 1.6em;	
	font-weight: normal;
	text-transform: none;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #AAA;
	color: rgba(255, 255, 255, 0.60);
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#footer ul li {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.6em;	
}
#footer h2.title {
	margin-top: 12px;
	margin-bottom: 4px;
	color: #A7AEE4;  /*#091533*/
	font-size: 14px;
	font-weight: normal;
	background: none;
}
#footer div.copyright {
	color: #555555;
	font-size: 8px;
}
#footer div.copyright a,
#footer div.copyright a:link,
#footer div.copyright a:visited,
#footer div.copyright a:hover,
#footer div.copyright a:active {
	color: #555555;
}

.container_homeannounce {
	padding: 0 8% 0 6%;
	margin: 0;
}
.container_homemain {
	padding: 0 8% 0 6%;
	margin: 0;
}
.container_subside {
	padding: 0 8% 0 6%;
	margin: 0;
}
.container_submain {
	padding: 0 8% 0 6%;
	margin: 0;
}
.span4sp {
	width: 100%;
}
.span8sp {
	width: 100%;
}

.container_submain h2 {
	margin: 1.75em 0 0 0;
}
.container_subside.alth1 h1 {
	display: inherit;
}
.container_submain.alth1 h1 {
	display: none;
}

@media (min-width: 500px) {
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 15px;
	}
	h2.enhanced {
		font-size: 18px;
		line-height: 21px;
	}
	h3 {
		font-size: 14px;
		line-height: 18px;
	}
	h4 {
		font-size: 13px;
		line-height: 13px;
	}
	p {
		font-size: 13px;
	}
	li {
		font-size: 13px;
	}
	.container_homeannounce {
		padding: 0 8% 0 6%;
	}
	.container_homemain {
		padding: 0 8% 0 6%;
	}
	
	.container_subside {
		padding: 0 8% 0 6%;
	}
	.container_submain {
		padding: 0 8% 0 6%;
	}
	
	#contact select,
	#contact textarea,
	#contact input { width: 85%;}

	#footer div.copyright {
		font-size: 9px;
	}
	
}
@media (min-width: 768px) {
	h1 {
		font-size: 21px;
	}
	p {
		font-size: 13px;
	}
	li {
		font-size: 13px;
	}
	
	.container_homeannounce {
		padding: 0 2% 0 10%;
	}
	.container_homeannounce h2 {
		font-size: 14px;
	}
	.container_homemain {
		padding: 0 6% 0 4%;
	}
	
	.container_subside {
		margin: 38px 0 0 16px;
		padding: 0 12px 0 12px;
		width: 86%; 
	}
	.container_subside.h2topmargin {
		margin-top: 60px;
	}
	.container_subside.addtopmargin {
		margin-top: 88px;
	}
	.container_subside {
		background-color: rgba(0, 0, 240, 0.02);
		border: 1px solid rgba(0, 0, 240, 0.05);
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	.container_submain {
		padding: 0 10% 0 4%;
	}
	.container_subside.smallerfont p,
	.container_subside.smallerfont li {
		font-size: 12px;
	}
	
	.container_subside.alth1 h1 {
		display: none;
	}
	.container_submain.alth1 h1 {
		display: inherit;
	}
	
	#contact select,
	#contact textarea,
	#contact input { width: 85%;}

	#footer div.copyright {
		font-size: 10px;
	}
	
}
@media (min-width: 768px) and (max-width: 979px) {
	.span4sp .container_subside {
		margin: 0;
		padding: 0 8% 0 4%;
	}
	.span4sp .container_subside {
		background-color: inherit;
		border: none;
		-webkit-border-radius: none;
		   -moz-border-radius: none;
				border-radius: none;
	}
	.span8sp .container_submain {
		padding: 0 8% 0 4%;
	}
	.span4sp .container_subside p,
	.span8sp .container_submain p,
	.span4sp .container_subside li,
	.span8sp .container_submain li {
		font-size: 13px;
	}
	.span8sp,
	.span4sp {
		float: none;
	}
}
@media (min-width: 980px) {
	h1 {
		font-size: 22px;
	}
	p {
		font-size: 13px;
	}
	li {
		font-size: 13px;
	}

	.container_homeannounce {
		padding: 0 6% 0 8%;
	}
	.container_homemain {
		padding: 0 14% 0 4%;
	}

	.container_subside {
		margin: 38px 28px 0 16px;
		padding: 0 12px 0 12px;
		width: 80%; 
	}
	.container_subside.smallerfont p,
	.container_subside.smallerfont li {
		font-size: 12px;
	}
	.container_submain {
		padding: 0 20% 0 4%;
	}
	.span4sp {
		width: 300px;
	}
	.span8sp {
		width: 620px;
	}

	#contact select,
	#contact textarea,
	#contact input { width: 75%;}

	#footer div.copyright {
		font-size: 11px;
	}
	
}
@media (min-width: 1200px) {
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 16px;
	}
	h2.enhanced {
		font-size: 19px;
		line-height: 22px;
	}
	h3 {
		font-size: 15px;
		line-height: 18px;
	}
	h4 {
		font-size: 14px;
		line-height: 14px;
	}
	p {
		font-size: 14px;
	}
	li {
		font-size: 14px;
	}
	.container_homeannounce {
		padding: 0 20% 0 5%;
	}
	.container_homemain {
		padding: 0 20% 0 4%;
	}
	
	.container_subside {
		margin: 38px 72px 0 16px;
		padding: 0 12px 0 12px;
		width: 75%; 
	}
	.container_subside.smallerfont p,
	.container_subside.smallerfont li {
		font-size: 13px
	}
	.container_submain {
		padding: 0 20% 0 4%;
	}
	.span4sp {
		width: 370px;
	}
	.span8sp {
		width: 770px;
	}
	
	#contact select,
	#contact textarea,
	#contact input { width: 75%;}

	#footer div.copyright {
		font-size: 12px;
	}
}

@media print {
  /* override bootstrap */
  a[href]:after {
    content: "";
  }
  #footer .footer_top,
  #footer .footer_bottom {
	padding: 0;
  }
  #page_container {
	padding: 1em 0 1em 0;
  }
}

