@font-face {
    font-family: 'OSPDIN';
    src: url('OSP-DIN-webfont.eot');
    src: url('OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('OSP-DIN-webfont.woff') format('woff'),
         url('OSP-DIN-webfont.ttf') format('truetype'),
         url('OSP-DIN-webfont.svg#OSPDIN') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* imports for the new css3menu */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic,greek);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

@import "font-awesome.min.css";
	
	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{height:100%;}
img{
	width:100%;
	max-width:100%;}
body {
	font: 100%  Tahoma, Geneva, sans-serif;
	text-align: center;
	color: #555555;
	background:url(../images/mepagegroup1.jpg) top left;
	background-repeat:repeat-x repeat-y;
	height:100%;
}
ol, ul {
	list-style: none;
}
.left{
	float:left;
	margin: 0px 25px 20px 0px;
}
.right{float:right;}
.italic{
	font-style:italic;}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#wrapper{
	max-width:990px;
	padding: 5px 2%;
	margin:0 auto;
	width:80%;
	background-color:#F9F9F9;
-webkit-box-shadow:0px 0px 18px 5px rgba(92, 92, 92, 9); 
-moz-box-shadow:0px 0px 18px 5px rgba(92, 92, 92, 9); 
-o-box-shadow:0px 0px 18px 5px rgba(92, 92, 92, 9); 
-ms-box-shadow:0px 0px 18px 5px rgba(92, 92, 92, 9); 
box-shadow:0px 0px 18px 5px rgba(92, 92, 92, 9);

}
#header img{
	width:auto;
}
/* NEW NAV MAIN NAVIGATION==============*/
	   #tabsF {
	float:left;
	width:100%;
	line-height:1.8em;
	border-bottom:2px solid #244b9c;
	margin:0 auto;
	text-align:center;
      }
    #tabsF ul {
	margin:0 auto;
	padding:2% 2% 0 10%;
	list-style:none;
	text-align:center;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("../images/tableftF.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 20px;
      text-decoration:none;
	  font-family: 'OSPDIN';
	  font-size:1.4em;
	  font-weight:bold;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("../images/tabrightF.jpg") no-repeat right top;
      padding:7px 22px 4px 6px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span, #tabsF a:active span  {
      color:#FFF;text-shadow:0 1px 0 #000;
      }
    #tabsF a:hover{
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }
	  #tabsF span.cur {
	color:#FFF;text-shadow:0 1px 0 #000;background-position:100% -42px;
}
#tabsF a.acur {background-position:0% -42px;}

/* END NEW NAV MAIN NAVIGATION==============*/

/*******************************************/
/***            Menu Container           ***/
/*******************************************/

.menu_container {
    margin-bottom: 30px;
    height: auto;
    clear: both;
    float: left;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.menu_container.full_width {
    width: 100%;
}

.menu_container > ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    background: inherit;
    height: 0;
    overflow: hidden;
}

.menu_container > ul > li {
    position: relative;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
}

.menu_container > ul > li > a {
    padding: 8px 25px;
    display: block;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    font-size: 16px;
    line-height: 28px;
    height: 28px;
    font-family: "Roboto Condensed", sans-serif;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -webkit-transition: background-color 200ms linear;
}

.menu_container > ul > li .fa {
    font-size: 14px;
    margin-right: 2px;
}

.menu_container > ul > li.last > a {
    box-shadow: none;
    border-right: none;
}

.menu_container > ul > li:hover {
    margin-left: -1px;
}

.menu_container > ul > li:hover > a {
    box-shadow: inset 2px 0px 10px -5px rgba(0,0,0,0.6), inset -2px 0px 10px -5px rgba(0,0,0,0.6);
    padding-left: 26px;
}

/** Dropdown block **/

.menu_container .menu_dropdown_block {
    visibility: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    background: #fff;
    top: 100%;
    color: #575757;
    overflow: hidden;
    z-index: 30;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    height: 0;
    width: auto;
    font-size: 13px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;

    transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    -webkit-transition: opacity 100ms linear;
}

.menu_container > ul > li.right > .menu_dropdown_block {
    right: 0;
}

.menu_container .menu_dropdown_block p {
    padding: 5px 5px;
    margin-bottom: 10px;
    line-height: 1.7em;
    font-size: 1em;
}

.menu_container .menu_dropdown_block *.small {
    font-size: 11px;
    color: #666;
}

.menu_container .menu_dropdown_block p.links a {
    text-decoration: none;
}

.menu_container > ul > li:hover > .menu_dropdown_block {
    visibility: visible;
    height: auto;
    min-height:40px;
    max-height:3000px;
}

.menu_container .menu_dropdown_block.full_width {
    left: 0px;
    width: 100%;
    margin-left: 0px;
}

.menu_container .menu_dropdown_block.half_width {
    width: 50%;
}

.menu_container .menu_dropdown_block .md-container {
    padding: 15px 20px 15px 20px;
}

.menu_container .menu_dropdown_block .md-container:after {
    content: ' ';
    display: block;
    clear: both;
}

.menu_container .menu_dropdown_block .column {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: none;
    width: auto;
}

.menu_container .menu_dropdown_block .column .content {
    padding: 10px 20px;
}

img.auto_width {
    width: auto;
    width: 100%;
}

ul.menu_submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    font-size: 1em;
}

ul.menu_submenu li {
    display: block;
}

ul.menu_submenu li a {
    display: block;
    padding: 4px 0;
    text-decoration: none;
    color: #666;
    margin: 2px 0;
    font-size: 13px;
    line-height: 1.3em;
}

ul.menu_submenu li a:before {
    content: '\203A';
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -1px;
    font-weight: bold;
}

ul.menu_submenu li a:hover {
    color: #111;
}

ul.menu_submenu li a > span {
    font-family: Calibri;
    font-size: 10px;
}

/** Submenu block **/

ul.menu_submenu_block {
    list-style: none;
    padding: 0;
    margin: 0;
    /*padding: 10px 0 10px 0;*/
    font-size: 1em;
}

ul.menu_submenu_block li {
    display: block;
    position: relative;
}

ul.menu_submenu_block li a {
    display: block;
    padding: 8px 25px 8px 18px;
    text-decoration: none;
    color: #666;
    margin: 0;
    white-space: nowrap;
}

ul.menu_submenu_block li:hover > a {
    color: #fff;
}

ul.menu_submenu_block > li.has-submenu > a:after {
    content: "\203A";
    position: absolute;
    font-family: Arial, sans-serif;
    top: 6px;
    right: 10px;
    font-size: 20px;
    line-height: 16px;
    font-weight: bold;
    opacity: 0.7;
}

ul.menu_submenu_block > li.has-submenu:hover > a:after {
    opacity: 1;
}

ul.menu_submenu_block > li > .menu_submenu_block {

    visibility: hidden;
    opacity: 0;
    position: relative;
    width: auto;
    text-align: left;
    min-width: 160px;
    top: 100%;
    height: 0;
    box-shadow: inset 4px 0 0 rgba(0,0,0,0.2);
}

ul.menu_submenu_block > li.has-submenu:hover > .menu_submenu_block {
    visibility: visible;
    opacity: 1;
    transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    -webkit-transition: opacity 100ms linear;
    height: auto;
}

ul.menu_submenu_block > li > .menu_submenu_block a { padding-left: 30px; }
ul.menu_submenu_block > li > .menu_submenu_block > li > .menu_submenu_block a { padding-left: 40px; }
ul.menu_submenu_block > li > .menu_submenu_block > li > .menu_submenu_block > li > .menu_submenu_block a { padding-left: 50px; }

.mobile_collapser {
    display: block;
    height: 22px;
    padding: 12px 25px;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.25);
    font-size: 16px;
    line-height: 22px;
    font-family: "Roboto Condensed", sans-serif;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.2);
}

.mobile_collapser:before {
    content: '\2261';
    display: block;
    float: left;
    margin: -1px 8px 0 0;
    font-size: 30px;
}

#hidden_menu_collapser { display: none; }

#hidden_menu_collapser:checked + ul {
    height: auto;
    min-height:40px;
    max-height:2999px;
}

.menu_container > ul.collapsed {
    height: auto;
    min-height:40px;
    max-height:2999px;
}

/* Mobile(Responsive) */

/*@media only screen and (max-width: 940px) and (min-width: 640px) {

    .menu_container > ul > li > a {
        padding: 8px 15px;
        font-size: 14px;
    }

    .menu_container > ul > li:hover > a {
        padding-left: 16px;
    }

}*/

@media only screen and (min-width: 640px) {

    .mobile_collapser {
        display: none;
    }

    .menu_container {
        height: 44px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu_container > ul {
        transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        -webkit-transition: all 100ms linear;
        height: 44px;
        background: none;
        overflow: visible;
    }

    .menu_container > ul > li {
        position: static;
        float: left;
        background: inherit;
    }

    .menu_container > ul > li:hover {
        margin-left: -1px;
    }

    .menu_container > ul > li > a {
        box-shadow: none;
        border-right: none;
        box-shadow: inset -1px 0px 0px rgba(0,0,0,0.2);
        border-right: 1px solid rgba(255,255,255,0.25);
    }

    .menu_container .menu_dropdown_block {
        position: absolute;
        opacity: 0;
    }

    .menu_container > ul > li:hover > .menu_dropdown_block {
        overflow: visible;
        opacity: 1;
        margin-left: -1px;
    }

    .menu_container > ul > li.right {
        float: right;
    }

    .menu_container .menu_dropdown_block .column {
        float: left;
    }

    .menu_container .menu_dropdown_block .column.bordered {
        border-right: 1px solid #ddd;
    }

    ul.menu_submenu_block > li {
    }

    ul.menu_submenu_block > li > .menu_submenu_block {
        position: absolute;
        top: 0;
        height: auto;
        min-width: 160px;
        left: 100%;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.1);
        background: #fff;
    }

    .menu_container .menu_dropdown_block > ul.menu_submenu_block > li > ul.menu_submenu_block {
        margin-left: 0;
    }

    ul.menu_submenu_block > li > .menu_submenu_block a { padding-left: 20px !important; }

    ul.menu_submenu_block.right-align li a {
        text-align: right;
    }

    ul.menu_submenu_block.right-align li.has-dropdown > a:after {
        content: '\2039';
        right: auto;
        left: 10px;
    }

    ul.menu_submenu_block.right-align li a .fa {
        margin-right: 0;
        margin-left: 6px;
    }

    ul.menu_submenu_block.right-align > li .menu_submenu_block {
        left: auto;
        right: 100%;
        box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    }

    ul.menu_submenu_block.right-align li.has-dropdown > a:after {
        content: '\2039';
        right: auto;
        left: 10px;
    }

    ul.menu_submenu_block > li.has-dropdown:hover > .menu_submenu_block {

    }

    .menu_container .menu_dropdown_block .column.one-col { width: 100%; }
    .menu_container .menu_dropdown_block .column.two-col { width: 50%; }
    .menu_container .menu_dropdown_block .column.three-col { width: 33%; }
    .menu_container .menu_dropdown_block .column.four-col { width: 25%; }
    .menu_container .menu_dropdown_block .column.five-col { width: 20%; }
    .menu_container .menu_dropdown_block .column.six-col { width: 16%; }

    .menu_container .menu_dropdown_block .column.col10per { width: 10%; }
    .menu_container .menu_dropdown_block .column.col20per { width: 20%; }
    .menu_container .menu_dropdown_block .column.col30per { width: 30%; }
    .menu_container .menu_dropdown_block .column.col40per { width: 40%; }
    .menu_container .menu_dropdown_block .column.col50per { width: 50%; }
    .menu_container .menu_dropdown_block .column.col60per { width: 60%; }
    .menu_container .menu_dropdown_block .column.col70per { width: 70%; }
    .menu_container .menu_dropdown_block .column.col80per { width: 80%; }
    .menu_container .menu_dropdown_block .column.col90per { width: 90%; }
}


/* Black Glow Theme */

.menu_container.black_glass {
    background: #4d5454; /* Old browsers */
    background: -moz-linear-gradient(top,  #4d5454 0%, #2a2d2c 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d5454), color-stop(50%,#2a2d2c), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4d5454 0%,#2a2d2c 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4d5454 0%,#2a2d2c 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4d5454 0%,#2a2d2c 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4d5454 0%,#2a2d2c 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
}

.menu_container.black_glass > ul > li:hover > a { background-color: #0a0e0a; }
.menu_container.black_glass > ul > li > .menu_dropdown_block p.links a { color: #4d5454; }
.menu_container.black_glass > ul > li > .menu_dropdown_block p.links a:hover {
    color: #0a0809;
    border-bottom: 1px dotted #0a0809;
}

.menu_container.black_glass ul.menu_submenu_block li:hover > a { background: #0a0e0a; }

/*******************************************/
/*************** END NEW CSS3MENU NAVIGATION ***************************************************/
/*******************************************/



.slideinside{
	width:900px;
	border: 1px solid #D5D5D5;
	box-shadow: 0 0 7px #252525;
	zindex:210;
	padding:10px;
	margin:0 auto;
}
.slideshadow{
	width:930px;
	box-shadow: 0 0 10px #D5D5D5 inset;
	padding: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.content{
	width:auto;
	max-width:990px;
	clear:both;
	padding:20px 0;
	list-style:none; /* So we can make grids out of lists. */
	overflow:hidden; /* Clear the floats */
	text-align:left;
}
.content p{
	font-size:0.8em;
	line-height:1.5em;
	padding-bottom:.5em;
	font-weight: 500;
}
.topbg{
	background-color: #f4eee3;
	background-image: url(../images/topbg.jpg);
	background-repeat: repeat-x;
	height: 18px;
	padding: 0;
	margin-top: -3px;
}
.leftcontent{
	width:27%;
	min-width:10%;
	float:left;
}

.rightcontent{
	width:68%;
	min-width:40%;
	float:right;
	padding:2%;
}
.rightcontent img{ width:auto;}
h1{
	font: 2em 'OSPDIN',Tahoma, Geneva, sans-serif;
	color:#001F7A;
	border-bottom:1px solid #001F7A;
	margin-bottom:15px;
	text-align: left;
}
h2{
	font: 1.3em 'OSPDIN',Tahoma, Geneva, sans-serif;
	color:#001F7A;
	margin-bottom:15px;
	text-align: left;
}

h3{
	color:#E0E6F4;
	font-family: 'OSPDIN';
	font-size:1.7em;
}
h4{
	font:'OSPDIN',Tahoma, Geneva, sans-serif;
	color:#001F7A;
	font-weight:bold;
}
.smallcol{
	margin:2%;
	float:left;
	text-align: left;
	width: 45%;
}
#footer {
	font-size: 0.7em;
	line-height: 1em;
	background: #064194;
	text-align: left;
	vertical-align: middle;
	color:#E0E0E0;
	padding: 1%;
	clear: both;
}

.owner {
	background: #064194;
	text-align: left;
	padding: 2%;
	/*	height: 100px;*/
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 7px 7px 4px #B8B8B8;
	-moz-box-shadow: 7px 7px 4px #B8B8B8;
	-webkit-box-shadow: 7px 7px 4px #B8B8B8;
	margin-bottom:25px;
	margin-top: 25px;
}
.ownerinfo{
	float:left;
	margin:5px;
}
.owner img{width:auto; float:left; margin:5px;}
.more a{color: #9ec0ee; 	
	font-size:0.7em; font-weight: bold;
	line-height: 100%;}
.more a:hover, .email a:link{
	font-weight: bold;
	color: #FFF !important;
	text-decoration:none;
	font-size:0.7em;
	line-height: 100%;
}

/*.leftcontent .owner .more a{
	font-weight: bold;
	color: #F93 !important;
	text-decoration:none;
	font-size:0.7em;
	line-height: 100%;
}*/
.more a:hover, .email a:hover{text-decoration:underline;}

.designer {
	color: #FFF;
	float: right;
	font-size: 0.9em;
	padding-right: 10px;
	line-height:1.5em;
}
.designer a{color: #F93 !important; text-decoration:none;}
.designer a:hover{text-decoration:underline; color:#FC6;}
.designer img{width:auto; padding-left:25px;}
.copy {
	color: #FFF;
	float: left;
	font-size: 0.9em;
	padding-left: 10px;
	padding-top: 5px;
}
/*=================AGENCIES NAV*/
.navcontainer
{
background: #f0e7d7;
margin: 0 auto;
padding: 1em 0;
font-family: 'OSPDIN';
font-size: 1.4em;
text-align: center;
}

ul.navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
}

ul.navlist li
{
display: block;
}

ul.navlist li a
{
display: block;
width: 100%;
padding: 0.15em  0 0.15em 1.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}
.navcontainer>ul.navlist li a { width: auto; }

ul.navlist li.active a
{
background: #f0e7d7;
color: #F93;
}

ul.navlist li a:hover, ul.navlist li.active a:hover
{
color: #F93;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
/*=================AGENCIES NAV*/
.news {
	margin-bottom: 40px;
	border-bottom: 2px dotted #41B7D8;
	text-align:justify;
	width:90%;
	padding-bottom:7px;
	padding-left:2%;
}
.state {
	text-align: justify;
	padding: 4%;
	background-color: #d6d3c2;
/*	background-image: url(../images/back_paper_cool.jpg);
	background-repeat: repeat-x  repeat-y;*/
}
.state p, cronology p{font-weight:500;
font-size:1em;}
.state ul{margin:0 auto;}
.cronology {
	text-align: left;
	padding: 10px 0;
	clear: both;
	margin:0 auto;
}
.show, .look, .showbig, .horizontal{
	background: #FFFFFF;
	float: left;
	width: 45%;
	overflow: hidden;
	padding: 12px;
	margin: 10px 5px 10px 10px;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.horizontal{
	height:auto;
	width:92%;
}
.show, .look{height:320px;}
.showbig{height:600px;}


.blurb{
	font-size: 0.8em;
	line-height: 1.2em;
	display: block;
	overflow: hidden;
	vertical-align: bottom;
	border-top: 1px dotted #CCC;
	text-align:center;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-weight: 600;

}
li .blurb1 {
	font-size: 0.7em;
	line-height: 1.15em;
		display: block;
	border-top: 1px dotted #CCC;
	text-align:center;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	font-weight: 600;
}
.show img, .cronology img, .showbig img {
	margin-bottom:6px;
}

.look img{width:auto;}

#counter {
	padding-left: 20px;
	padding-top: 10px;
}
.bold {
	font-weight: bold;
}
.breadcrums {
	background-color: #DDDDDD;
	padding: 3px;
	margin-top:15px;
	font-size:75%;
}
.breadcrums a {text-decoration:none; color: #666;}
.breadcrums a:hover {text-decoration: underline; color:#000;}
.togallery a{
	text-align:right;
	text-decoration:none;
	}
.togallery {
	float:right;
	width: 120px;
	margin-left: 30px;
}
#innercontent, .wrapbio {
	padding-right: 25px;
	padding-left: 25px;
}
.wrapbio{width:900px;background: url(../images/middlebg.jpg) repeat-y center top;}
.newscap {
	text-transform: uppercase;
	color: #093;
	font-weight: bold;
}


.bio {
	padding: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #dddddd;
}
.bio p{font-size:90%;}

.rightdiv {
	padding: 0px;
	border-left: 1px dotted #999;
	width: 40%;
	float: left;
}
.norm{
	-webkit-box-shadow:5px 5px 5px 5px #A6A6A6; -moz-box-shadow:5px 5px 5px 5px #A6A6A6; -o-box-shadow:5px 5px 5px 5px #A6A6A6; -ms-box-shadow:5px 5px 5px 5px #A6A6A6; box-shadow:5px 5px 5px 5px #A6A6A6; -webkit-border-radius:8em 0em 0em 0em; -moz-border-radius:8em 0em 0em 0em; -o-border-radius:8em 0em 0em 0em; -ms-border-radius:8em 0em 0em 0em; border-radius:8em 0em 0em 0em;background-color: #444; color: rgba(138, 138, 138, 5); font-size: 1em; -ms-border-radius:1.0em;
	padding:20px 20px 10px 40px;
	width:800px;
	}
.pict {
	margin: 0px 20px 10px 0px;
	float: left;
	width: auto;
	border-bottom: medium dotted #666;
}
.patch_th {
	text-align: left;
	height: 27px;
	width: 25px;
	float: left;
	margin-right: 10px;
}
.barrack{
	padding:15px; border:1px solid #999; font-size:90%;
}
.barrack td{padding:2px 0 2px 10px;}

.bgbeige{background:#efede7;}
.trooplist{line-height:200%;}

.njtable { width: 100%;}
.njtable .blurb { background-color:#FFF !important; padding-bottom: 5px !important;}
tr.space >td  { padding-bottom: 15px !important;}

/*###########TRADE PAGE#########*/
#col-left {
	width: 29%;
	padding: 2%;
	float: left;
}

#col-middle {
	width: 28%;
	padding: 2%;
	float: left;
	margin: 0px 5px 5px 5px;
}

#col-right {
	width: 29%;
	padding: 2%;
	float: left;
}
#col-left, #col-middle, #col-right {
	margin-bottom: 5px; border: solid 1px #ccc; background: #f0efef; font-size: 0.8em;
	line-height: 1.1em; text-align:center;
}
#col-left p, #col-middle p, #col-right p{ border-bottom:1px solid #666; margin-bottom:15px; padding-bottom:15px;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
		#col-left {
	width: 27%;
	padding: 2%;
	float: left;
}

#col-middle {
	width: 27%;
	padding: 2%;
	float: left;
	margin: 0px 5px 5px 5px;
}

#col-right {
	width: 27%;
	padding: 2%;
	float: left;
}

}

/* for 700px or less*/
@media screen and (max-width: 650px) {
	
		#col-left {
		width: auto;
		float: none;
	}
	
	#col-middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#col-right {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {


}