/* FOUNDATION ICON SETS */

@font-face {
font-family: "foundation-icons";
src: url("../foundation-icons/foundation-icons.eot");
src: url("../foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"),
url("../foundation-icons/foundation-icons.woff-webfont") format("woff"),
url("../foundation-icons/foundation-icons.ttf") format("truetype"),
url("../foundation-icons/foundation-icons.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}

.glyph {
        border-bottom: 1px dotted #ccc;
        padding: 10px 0 20px;
        margin-bottom: 20px;
      }

      .preview-glyphs { vertical-align: bottom; } 

      .preview-scale { 
        color: #888;
        font-size: 12px; 
        margin-top: 5px;
      }

      .step {
        display: inline-block;
        line-height: 1;
        width: 10%;
      }

      
      .size-12 { font-size: 12px; }
      
      .size-14 { font-size: 14px; }
      
      .size-16 { font-size: 16px; }
      
      .size-18 { font-size: 18px; }
      
      .size-21 { font-size: 21px; }
      
      .size-24 { font-size: 24px; }
      
      .size-36 { font-size: 36px; }
      
      .size-48 { font-size: 48px; }
      
      .size-60 { font-size: 60px; }
      
      .size-72 { font-size: 72px; }
      

      .usage { margin-top: 10px; }

      .usage input {
        font-family: monospace;
        margin-right: 3px;
        padding: 2px 5px;
        text-align: center;
      }

      .usage .point { width: 150px; }

      .usage .class { width: 250px; }

      footer {
        height: 200px;
      }

/* end FOUNDATION ICONS */

/*-- IMAGE PRELOADER - THIS IS GREAT & WORKS WITH IE --*/

.loadimgs {
 position:absolute;
 display:none !important;
 visibility:hidden;
 opacity: 0;
}

/*<div class="loadimgs">
<img src="img/bg5.png" alt="" width="1" height="1" />
<img src="img/foreground4.png" alt="" width="1" height="1" />
<!-- etcetera... as many background images as you have, just keep adding them with 
their urls as img's (the width's and height's are irrelevant as the above img's will never actually 
be seen, so just set them to 1), and place this div immediately after the opening body tag -->
</div>*/
/*-- END IMAGE PRELOADER --*/

/* IE 7 Hacks */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  *behavior: url(../assets/boxsizing.htc);
}
.ie7 .columns{
    margin-right: -15px ;
    margin-left: -15px ;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.ie7 .row{
    clear: both;
    text-align: center;
}

.ie7 .offset-by-three {
    margin-left:25% !important;
}
.ie7 .offset-by-seven {
    margin-left:58.33% !important ;
}
/* end */


.row {width: 100%}

.row p {padding: 0 10px 0 25px}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999;
    border-image: none;
    border-style: dotted;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 22px 0 21px;
}

/*-- RESPONSIVE IMG --*/

img {max-width:100%; }

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}


/*img.ri
{
	position: static;
	margin: 0 0 15px 30px;
	max-width: 80%;
	top: 10%;
	left: 10%;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9);
}*/

/*img.ri:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}
*/
/*--END RESPONSIVE IMG--*/

/* TITLE STYLES */

.title-img {
	margin: -20px auto 10px;
}

@media (max-width: 575px) {
	
h2 {text-align:left;}	
}

.title-shadow {text-shadow: 1px 1px 0px #eee, 3px 3px 0px rgba(112,112,112,.30);}

.title-img{
	margin: -20px auto 20px auto;
	}

@media (max-width: 835px) {
.title-img{margin: -50px auto 10px auto;}

}

@media (max-width: 845px) {
.title-img{margin: -35px auto 10px auto;}

}

@media (max-width: 972px) {
.title-img{margin: -20px auto 10px auto;}

}


@media (max-width: 498px) {
	.title-img {
	margin-bottom: 5px;}
}

/*@media (max-width: 768px){
	
.title-img-margin {margin: 0 0 0 10px; text-align:center !important}

}*/


.title-hr {background:url(../img/titles/title_hr985.png) no-repeat; margin: -10px 0 0 0; height:35px}


.title-hr-bg {
	display: inline-block 100%;
	width: 100%;
	font-size: 0;
	line-height: 0;
	/*vertical-align: middle;*/
	background-size: 100%;
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-image: url(../img/titles/title_hr995.png); 
	height:45px;
	margin-top:-5px;
}

.title-hr-bg-inner {
	display: block;
	height: 0;
	padding-top: 63.3%;
}


@media (max-width: 578px) {
	.title-hr-bg {
	display: block;
	width: 100%;
	/*vertical-align: middle;*/
	background-size: 100%;
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-image: url(../img/titles/title_hr555.png); 
	height:45px;
	margin-bottom:-10px;
}
}

@media (max-width: 385px) {
	.title-hr-bg {
	display: block;
	width: 100%;
	/*vertical-align: middle;*/
	background-size: 100%;
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-image: url(../img/titles/title_hr555.png); 
	height:45px;
	margin-bottom:-30px;
}
}



/*@media (max-width:768px) {
	.title-hr { text-align:center !important; background: url(../img/titles/title_hr985.png) no-repeat center; }
	
}*/



.page_wrap {margin: 0 auto 25px}

header.head {background: clear:both; padding: 20px 0 0 0; border-top: medium solid #990000;}
header {background: #eee; clear:both; padding: 20px 0 20px 0;}

.header-2 {height:205px; margin: 0}

.header-img {padding-right:20px;}


.header_nav {background: #fafafa; padding: 15px 0 0; box-shadow: 0 1px 6px rgba(34, 25, 25, 0.6); z-index: 999}
.header_nav_fullwidth {background: #fafafa; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}


.blog_post {clear: both; padding: 15px 0; overflow:auto; margin-bottom: 20px; background:#FFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}
.blog_post h3 {margin-top:0}
.blog_post img {}
.post_meta {color: #999; font-size: 14px; margin-bottom: 20px}

.featured_post {}
.featured_post img {margin: 12px 0}
.featured_post h3 {margin:10px 0 0; color: #000}

p {color: #333}

.welcome_text {font-size: 32px; margin-bottom: 0; text-align:center; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.excerpt {font-size: 24px; margin-bottom: 0; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}

h1,h2,h3,h4 {font-family:'Open Sans Condensed',sans-serif; font-weight: normal; color: #333; margin: 20px 0}

.h4panel a {font-size:24px}

/* sections */

.section_foot {background:url(../img/footer1.png) repeat-x; width: 100%}

.section_light {background: #FFF  url(../img/bg1.png) ; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 20px 0; clear:both;}

.section_light h1 {text-align: center; border-bottom: 1px dotted #999; padding-bottom: 20px; margin: 0 0 20px 0}

.section_light p {text-align:justify}

.section_light ul li a:hover {color:#BCCAE5;}

.section_dark {background: #262626; border-top: 0; border-bottom: 1px dotted #999; padding: 20px 0 40px}
.section_dark h2 {color: #999999; margin: 0 0 20px 0; font-size: 22px; text-align: center}

.section_main {padding: 20px 0}
.section_main p { text-align:justify; margin-right: 20px;}
.section_main h2 {padding: 0 0 20px}
.section_main ul li {font-size:.85em; list-style:disc; margin-left:55px; color:#000;}
.section_main ul li a:hover {color:#BCCAE5;}
.section_main ul li a:visited {color:#224488;}
/*.section_main img { margin: 0 auto;}*/


.section-container ul li {list-style:disc;}
.list {font-size:.9em; list-style:disc; margin-left:25px; color:#000}
.list a {font-weight: 600 !important; line-height:1.5em}

@media (max-width: 768px){

.section-container p {margin:15px -15px; font-size:.8em; width:100% }
.section-container h5 h6 {font-size:1em;}
.section-container ul li {font-size:.8em; list-style:disc; margin-left:25px;}
.list {font-size:.8em; list-style:disc; margin-left:25px; font: normal;}
.section_light {background:#fafafa;}
.section_light p {margin:15px -15px; font-size:.8em; width:100% }
.section_light h5 h6 {font-size:.8em;}
.section_light ul li a:hover {color:#BCCAE5;}
.section_main ul li {font-size:.8em; list-style:disc; margin-left:25px;}
.section_main ul li a:hover {color:#BCCAE5;}
.section_main ul li a:visited {color:#224488;}

}

@media (max-width: 1100px){

.section-container p {margin:15px -15px; font-size:.8em; width:100% }
.section-container h5 h6 {font-size:.8em;}
.section-container ul li {font-size:.8em; list-style:disc; margin-left:25px;}
.list {font-size:.8em; list-style:disc; margin-left:25px; font: normal;}
.section_light {background:#fafafa;}
.section_light p {margin:15px -15px; font-size:.8em; width:100% }
.section_light h5 h6 {font-size:.8em;}
.section_light ul li a:hover {color:#BCCAE5;}
.section_main ul li {font-size:.8em; list-style:disc; margin-left:25px;}
.section_main ul li a:hover {color:#BCCAE5;}
.section_main ul li a:visited {color:#224488;}

}

/* END Frontpage sections */


.heading_supersize {font-size: 128px; text-align:center; font-weight: normal; line-height: 150px; margin:0 0 10px; color: #212121}
.heading_largesize {font-size: 34px; text-align:; font-weight: normal}

.dropcap_red, 
.dropcap_#709AF2 {  
            border-radius: 100px 100px 100px 100px;
            display: block;
			float: left;
			font-size: 18px;
			line-height: 10px;
			margin: 10px 28px 0 0;
			text-align: center;
			width: 35px;
}

.dropcap_red {background: none; color: #999}
.dropcap_#709AF2 {background: none; color: #999}

.panel.cop {
	background:#fff; 
	border:none;}
	.panel.cop h3 {color: #425478}
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }

.panel.callout {background: #FE563B; border: 1px solid #CCC}

.panel.callout p, .panel.callout h4 {color: #fff}

.roster {
	background:url(../img/titles/panelflag.png) no-repeat bottom !important;  }

.roster-retired {
	background: #efefef url(../img/titles/panelflag2.png) no-repeat bottom !important;
}
.sitemap{
	
	background:url(../img/sitemapbg.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: ; 
	background-size: cover;
	
	border:#bbb thin solid; display: 
	 
}
/*-- TOGGLE CODE --*/

.background_one {
	margin: 10px;
    width:100%;
    height:40px;
    background: url(../img/icons/transform-sprite1.png) no-repeat;
}
    
.background_two {
			margin: 10px;
    width:100%;
    height:40px;
    background: url(../img/icons/transform-sprite2.png) no-repeat;
}



.arrowmargin {

	width:100%;
	height:75px;
	margin: 0 0 0 75px;
	position:static;
}

dl.tabs dd.active {
    border-top: 3px solid #f34c31;
    margin-top: -3px;
}

dl.tabs dd.active a {background: #fff}

.nav-bar {margin-top: 0; padding-left: 65px; background: none}
/*.nav-bar > li {border: 0; padding: 0; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 1px; box-shadow: none}*/
.nav-bar > li {border: 0; padding: 0; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; box-shadow: none; }
/*~~~~~~~~~~~~~~~~~~~MAIN NAV CODE!!!!!!!!!!!!!!!!!!*/
.nav-bar > li > a:first-child {
	font-size: 1em; 
	text-transform: uppercase; 
	padding: 0 10px
	}
/*~~~~~~~~~~~~~~~~~END MAIN NAV CODE~~~~~~~~~~~~~~~~~~~*/
.nav-bar > li:last-child {border: 0; box-shadow: none}
.nav-bar > li.active:hover {background: #900; cursor: default; }{}
.nav-bar > li:hover { background: #fff; color: #900;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
}

.nav-bar > li > a { color: #4d4d4d}
.nav-bar > li > a:hover { color: #800;}
/*.active a {background:#A72C32; color: #FFF; font-weight:bold;}*/
.active a {color: #999; font-weight:bold;}

.cop  a, .cop .retired li {color:#224488; font-size:15px;}

.cop h4  a {color:#224488; font-size:24px;}

.cop  a:hover {color:#fff;} /*this affects the root of top-bar-section */

.cop .retired:nth-child(3n+1) { clear: both; }

.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #e0e0e0 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }

.nav-bar > li.has-flyout > a:hover:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #e0e0e0 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }


.flyout {background: #FAFAFA; border-radius: 5px; border: 0; margin-top: -1px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);}

/* ~~~~~~~~~~~~SUB-MENU ITEMS~~~~~~~~~~~~~~ */

ul.flyout li, .nav-bar li ul li { border-left: 0}
ul.flyout li a, .nav-bar li ul li a { background: #FAFAFA; color:#666; border: 0; font-size: 12px; font-weight:500;}
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #224488; color: #fff; border: 0;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
		}
		
/* nav bar vertical */


.nav-bar.vertical > li {border:0;}

.nav-bar.vertical > li:last-child {border:0}
		
/* gallery menu */

.gallery-nav-bar {list-style:none; text-align: center; padding-top:10px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px; text-transform: uppercase}
.gallery-nav-bar li {display: inline-block; margin-right: 1px}

.gallery-nav-bar li {padding: 3px 12px}

.gallery-nav-bar li a {color: #000; padding: 3px 12px}

.gallery-nav-bar li a:hover {background: #C02702; color: #FFF; padding: 3px 12px; border-radius: 3px}



/*-------------------------------------------------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------------------------------------------------*/

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 10px;
  background: #fff;
  border: 0;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box p {font-size: 12px; margin: 0; padding: 12px 0}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box h4 {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0px;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}


.box_comment {background: #fafafa; border-bottom: 1px solid #CCC; padding: 8px; soverflow: hidden;}
.box_comment p {font-size: 11px; padding: 0px; margin:0}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 {width: 80px}
.col2 {width: 217px}
.col3 {width: 280px}
.col4 {width: 380px}
.col5 {width: 480px}

.col1 img { max-width: 80px; }
.col2 img { max-width: 211px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/* fluid masonry */

.box_fluid {
  margin-bottom: 1.4%;
  padding: 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box_fluid_inner {padding: 0 15px 0}

.col_fluid {width: 32%}
.col_fluid img {width: 100%}

.clear {clear: both;}

/*~~~~~~~~~~~SCROLL TO TOP~~~~~~~~~~~~~~~*/

.scrollup{
    width:44px;
    height:45px;
    opacity:0.6;
    position:fixed;
    bottom:50px;
    right:0;
	margin-right:-4px;
    display:none;
    text-indent:-9999px;
    background: url(../img/icons/scroll_to_top1.png) no-repeat;
}
/*----------END-----------------------*/



/*~~~~~~~~~~~~~~~BORDERS~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 1100px) {
	{ display:none; visibility:hidden; }

.roundBorder {
	border: 3px solid #999;
	padding: 20px;
	border-radius: 55px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
}

.geniusesBorder {
	border: 3px solid #999;
	padding: 15px;
	border-radius: 55px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
}


.newBorder {
	border: 1px solid #999;
	padding: 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.squareBorder {
	border: 1px solid #999;
	padding: 2px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	line-height:1;

}

.shadowBorder {
	border: 5px solid #FF9933;
	padding: 10px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 6px 10px #999;
	-webkit-box-shadow: 5px 5px 10px #999;
}

.transformBorder {
	background:#fafafa;
	border: 1px solid #999;
	padding: 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 5px 10px #999;
	-webkit-box-shadow: 5px 5px 10px #999;
	transform: rotate (-5deg);
	-moz-transform: rotate (-5deg);
	-webkit-transform: rotate (-5deg);
}

.transformBorder p{
	font-size:0.9em
}
}

.imgBorder {
	border: 5px double #E0D5B7;
	padding: 0;
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	display:inline-block;
}

.imgBorder img {
	border-radius: 39px;
	-moz-border-radius: 39px;
	-webkit-border-radius: 39px;
	vertical-align:middle;
	width: 100%;
}

.imgBorderSq {
	border: 1px solid #999;
	padding: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display:inline-block;
}

.imgBorderSq img{

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	vertical-align:middle;
	width: 100%;
}

.head-container1 { 
	zoom: 1; 
	position: relative; 
	max-width:960px;
	margin:-20px auto 0 auto;
	z-index:90;
	/*border:6px solid #E9E9E9;*/
	text-align:center; 
}

iframe, object, embed{max-width: 100%;}

.twtr-doc {
	width:100% !important;
}

.news {background: #FFF; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding:10px 0 0 0 }

.news p {line-height:1.5;}

.newsfont {font-size:16px; font-weight:normal; text-align:left;}

.photos { /*substitute buttons for photo links*/
	height:8px;
	font-size: .9em;
	font-weight: lighter;
	border:#999 thin solid;
	color:#fff;
	background:#ADBAD3;
	padding: 2px 10px 4px 10px;
	}


table.cop {
	border: thin #ccc solid;
}

table.cop tr td {
	border:thin #ccc solid;
}

table.cop a {
	backface-visibility:hidden;
}

/* EXAMPLES OF @MEDIA */


/* If the viewport width <= 1000 pixels ... */
 
@media screen and (max-width: 1000px) {
 
  /* Make the main content a bit wider */
 
  #content {
    width: 75%;
  }
 
  /* Put the nav on top of the sidebar */
 
  #nav, #sidebar {
    width: 25%;
  }
 
  /* Adjust the sidebar margins */
 
  #sidebar .inner {
    margin-right: 0;
    margin-top: 20px;
  }
 
}

@media (max-width: 768px){
.listup {
margin-bottom: -20px;	
}
}

.imgup {
margin-top: -30px;	
}

@media (max-width: 768px){
.imgup {
margin-top: -35px;	
}
}

.border {
	 border-top: solid medium #BF0000; border-bottom: solid medium #BF0000;
}

/**HISTORY YEARS*/
.retired {
	font-size:1.1555em; 
	font-weight:bold; 
	font-family: inherit; 
	padding-bottom: 30px;
}


/**TITLE ICON SIZING*/
.icon-section {
	color:#224488; 	
	font-size:2.2em; 
	font-weight:bold; 
	margin-right:.3em;
}

.icon-panel {
	/*font-size: 1.2em;
	color: #999;	*/
	margin-right:.5em;
}

.icon-title {
	color:#BCCAE5;
	font-size: 1.39em;
	margin: 0 .4em 0 .2em;
}

.icon-title2 {
	color:#BCCAE5;
	font-size: 1.18em;
	margin-right:.4em;
}

.icon-list {
	font-family:'Open Sans Condensed',sans-serif; font-weight: normal; color: #333;
}

.icon-list ul li{
	list-style:none;
	line-height:1.3em;
	font-weight:normal;
}

.icon-list ul li a{
	font-weight: normal;
	font-size: .86em;
	color: #333;
}

.icon-list ul li a:hover{
	color: #aaa;
	text-decoration:underline;
}

.icon-list-sm ul li{
	list-style:none;
	line-height:2em !important;
	font-weight:normal;
	font-size:.86em;
	color:#333;
	text-align:justify;
	margin-left:20px;
}

.icon-list-sm ul li a{
	color:#224488;
}

.icon-list-lg {
	color:#333; 	
	font-size:1.8em; 
	font-weight:bold; 
	margin-right:.3em;
}
.hidden {
    display: none;
}

.flags {
	height:128px;
	width:205px;
	padding: 5px 0;
	margin-right:25px}
	
.h6left {
	margin-left:30px;
}

.rotate { /*text rotate*/

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/* REMOVES OUTLINE ON IMAGE MAPS */

img.map{
    outline: none;
}

.fancybox-close {
    top: 0;
    right: 0;
}

.phonepanel {
	border: solid  #000;
	padding: 3px;
}

.badges {
	
	
}

.award p{
	text-align:justify;
	margin-right: 20px;
}

.tabcontainer {
	margin-left:30px;
	line-height:1;
}

.forms {
	color:#000;
	font-size:16px;
	font-weight:bold;
}

.forms li {
	margin-bottom: 15px;
}

.forms a:link {
	font-size: 14px;
	font-weight: bold;
	color:#224488;
}

.fa-in-background {
	position:relative;	
}

.fa-in-background:before {
	
        position:absolute;
        font-family: FontAwesome;
        top:0;
        left:-5px;
        content: "\fa-sitemap"; /*this is your text. You can also use UTF-8 character codes as I do here*/
	
}

.overlay {
   background:transparent; 
   position:relative; 
   width:460px;
   height:597px; /* your iframe height */
   top:597px;  /* your iframe height */
   margin-top:-597px;  /* your iframe height */
}