/* global styles */

 .one-image { float: left;
 vertical-align: middle;
 height: 120px; 
 width: 172px; 
overflow: hidden;  
}
 div a img { border: 0;   padding-left:0; }
 
.twiturl{
 display: none; 
 visibility: hidden;
 }

 
 .fb-page {
	float: right;
	z-index: 10;  
	position: fixed;  
	right: 0;  
	bottom: 0 ;	 
 }

 
a:hover {	text-decoration: underline;}
.pagebg {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url(/includes/pagebg.gif);
	background-repeat: repeat-y;
}
.blackbackground {
	background-color: #000000;
	margin: 0px;
	padding: 0px;	 
}

.blackfilmu {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(/includes/filmstripu.png);
	background-repeat: repeat-x;	
	height: 20px;
}
.blackfilmd {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	background-image: url(/includes/filmstripd.png);
	background-repeat: repeat-x;
	height: 20px;	
}

/* header styles */
.headercapbg {
	background-color: #425780;
	padding: 2px 10px 2px 2px;
}
.headerlinks {
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.headertext {
	background-color: #425780;
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: normal
	color: #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
}
/* header styles */


/* left navigation bar styles */
/* Old .leftnavbarbg {	background-color: #F1F3F8;} */ 
.leftnavbarbg {	background-color: #F1F3F8;	 }
.leftpageborder { background-color: #A9B7C9;}
/* left navigation bar styles */
.blogbg{ background-color: #D9E4FF; 
border:solid 1px #CCCCCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.cmsnewsbg{  
background-color: #F1F3F8;
border:solid 1px #CCCCCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* content styles */
.contenttdpad {	padding-right: 4px;	padding-left: 4px;}
.listheading {	font-family: "MS Sans Serif";	font-size: 10px;	color: #000000;	background-color: #F5F5F5;	height: 20px;	border-top: 1px solid #E6E6E6;	font-weight: bold;}
.listcontent {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000000;	background-color: #FFFFFF;	height: 50px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	line-height: 16px;}
.innercontent {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000000;	padding: 2px;	line-height: 16px;}
.innercontentlink {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #0000FF;	text-decoration: none;}
.pageheading {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold;	color: #000000;	line-height: 25px;	text-align: center;	background-color: #FFFFFF;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000000;	vertical-align: middle;	height: 25px;}
.cmsheadline {
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  line-height: 27px; 

}
.topstorieslinksbg {
	background-color: #F5F5F5;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.topstoriesheading {
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	line-height: 18px;
}

.blogheadlineslinks {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  line-height: 20px; 
}
.headlineslinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	line-height: 18px;
	list-style-image: url(/includes/bullet_2.gif);
}
.mediumheadlineslinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	line-height: 14px;
	list-style-image: url(/includes/bullet_2.gif);
}
.blackheadlineslinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	line-height: 14px;
	list-style-image: url(/includes/bullet_2.gif);
}

.bigblackheadlineslinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	list-style-image: url(/includes/bullet_2.gif);
}

.contentlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}

.contentlinkbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.contentlinkboldmed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
/*	line-height: 16px;*/
    text-align: left;
}


/* table styles */
.tableheading {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 25px;	font-weight: bold;	color: #000000;	background-color: #CCCCCC;	height: 20px;}
.tablecontentr1 {	font-family: "MS Sans Serif";	font-size: 10px;	color: #000000;	background-color: #F5F5F5;}
.tablecontentr2 {	font-family: "MS Sans Serif";	font-size: 10px;	color: #000000;	background-color: #FFFFFF;}
/* table styles */


/* Image External Block Style */
.imagebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E7E2A3;
	border-bottom-color: #E7E2A3;
	border-left-color: #E7E2A3;
}

/* right bar styles */
.rightbar {
	background-color: #F1EEC7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E7E2A3;
	border-bottom-color: #E7E2A3;
	border-left-color: #E7E2A3;
}
.rightbarheadings {
	font-family: "MS Sans Serif";
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	line-height: 18px;
	padding-left: 3px;
}
.imagepadding {
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 2px;
}
.li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	line-height: 18px;
}
/* right bar styles */




.dividervert {
	background-image: url(/includes/divider_v.gif);
	background-repeat: repeat-y;
}

.textfield {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #000000;
	border: 1px solid #666666;
	height: 17px;
	line-height: 18px;
}

.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #F5F5F5;
}
.searchboxhbar {
	background-image: url(/includes/hbar_searchbox.gif);
	background-repeat: repeat-x;
}



.notebox {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	line-height: 15px;
	color: #000000;
	background-color: #F5F5F5;
	padding: 2px;
	width: 600px;
	border: 1px dashed #000000;
}
.elementtext {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.elementtextarea {
	font-family: "MS Sans Serif";
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.elementsubmit {
	font-family: "MS Sans Serif";
	font-size: 12px;
	color: #000000;
	background-color: #66CCFF;
	height: 20px;
	width: 65px;
	border: 1px solid #003366;
}


div.mnbtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #000000, #453C91);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  display: table-cell;
}
div.mnbtnctnr {
  background: #3498db;
    background-image: linear-gradient(to bottom, #000000, #453C91);
  padding: 1px 0px 1px 0px;
  text-decoration: none; 
  border-top: 1px solid #CCCCCC;
  
  display: table-cell;
  width:1240px;
}
a.mnbtn { 
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

div.mnbtn:hover {
  background: #1a4f70;
  background-image: -webkit-linear-gradient(top, #1a4f70, #1a4f70);
  background-image: -moz-linear-gradient(top, #1a4f70, #1a4f70);
  background-image: -ms-linear-gradient(top, #1a4f70, #1a4f70);
  background-image: -o-linear-gradient(top, #1a4f70, #1a4f70);
  background-image: linear-gradient(to bottom, #1a4f70, #1a4f70);
  text-decoration: none;}
}

/*----End BR Global---*/



 


body#shadow {
	font-family: arial,sans-serif
}

body h1,body h2,body h3,body h4,body h5,body h6 {
	margin: 0;
	font-family: inherit;
	font-weight: normal;
	color: inherit;
	text-rendering: optimizelegibility;
}

body h1 {
	/*margin-bottom: 0.75em;*/
	font-size: 2.5em;
	line-height: 1.2;
}

body h2 {
	/*margin-bottom: 0.75em;*/
	font-size: 1.5em;
	line-height: 1.2;
	padding: 3px 0
}

body h3 {
	/*margin-bottom: 1em;*/
	font-size: 1.4em;
	line-height: 1.3;
	padding-bottom: 5px
}

body h4 {
	/*margin-bottom: 1.5em;*/
	font-size: 1.2em;
	line-height: 1.25;
}

body h5 {
	/*font-size: 1.1em;*/
	margin-bottom: 1.5em;
}

body p,body ol,body ul,body dl,body address {
	margin-bottom: 1.5em;
	font-size: 1.0em;
	line-height: 1.5em;
}

small {
	font-size: 0.9em;
}

body ul,body ol {
	margin: 0 0 1.5em 12px;
	padding: 0 0 0 12px;
}

body li ul,body li ol {
	margin: 0;
}



b,strong {
	font-weight: bold;
}

table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	font-size: 1em
}

table th,table td {
	padding: 4px;
	vertical-align: top;
	border-top: 1px solid #ddd;
	line-height: 1.5em;
	text-align: center;
}

table th {
	font-weight: bold;
	border: 0
}

table thead th {
	vertical-align: bottom;
}

table  tr:first-child th,table tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
	{
	border-top: 0;
}

table tbody+tbody {
	border-top: 2px solid #8c9bab;
}

table tbody tr td,table tbody tr th {
	-webkit-transition: background-color 0.25s 0 linear;
	-moz-transition: background-color 0.25s 0 linear;
	-ms-transition: background-color 0.25s 0 linear;
	-o-transition: background-color 0.25s 0 linear;
	transition: background-color 0.25s 0 linear;
}
     
/* +++++++++++++++  menus ++++++++++++++++++++++++ */
#header ul.menu {
	padding: 0;
	width: auto;
	text-align: left;
	display: block;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	margin: 0 10px
}

#header ul.menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
	{
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

#header ul.menu li:first-child a {
	border-radius: 4px 0 0 0;
	margin-left: -1px
}

.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px
}

ul.menu {
	margin: 0 0 20px 0;
	padding: 0;
}

ul.menu,ul.menu ul {
	list-style-type: none;
}

ul.menu a {
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 5px 0px;
	border-bottom: solid 1px #ddd;
}

ul.menu li:last-child a {
	border: 0;
	box-shadow: none
}

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

ul.menu ul a {
	padding-left: 20px
}

ul.menu ul ul a {
	padding-left: 30px
}

ul.menu ul ul ul a {
	padding-left: 40px
}

ul.menu ul ul ul ul a {
	padding-left: 45px
}
 

/* ++++++++++++++  image float style ++++++++++++++ */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-none
{display:block;
	margin:10px 0
} 


/** General.css ***/ 

/* not ready */
 
/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}  
/* ##########################  clearing  ########################### */
.clr {
	clear: both;
	overflow: hidden;
	height: 0;
}
 
/* Bootstrap overrides anhiliation
 * @since 3.2
 */
body#shadow {
    line-height: 1.5em;
}
body .nav-pills > .active > a, body .nav-pills > .active > a:hover, body .nav-pills > .active > a:focus {
    background-color: transparent;
}
body .nav-pills > li > a {
    border-radius: 0px;
    line-height: 1.5em;
}
body a {
    text-decoration: underline;
}
body input[type="text"].search-query {
    line-height: 1.5em;
    height: auto;
    border-radius: 4px;

}
/* Text alignments */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

/* Component pop-up */
.container-popup {
	padding: 28px 10px 10px 10px;
}

/***Template.css***/


body {
    background: #fff;
    color: #000000;
    font-size: 96.1%;
    padding: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

img { border: 0 none; }

/***Position.css***/


html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 96.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1050px;
    padding: 0;
    text-align: left;
    font-size: 0.8em
}

#header {
    display: block !important;
    position: relative;
    padding: 2em 0 0 0;
    overflow: hidden;
}

#header ul {
    position: absolute;
    left: 0;
    top: 5em;
    right: 0;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0 5px !important;
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 72%;
    float: left;
    position: relative;
    padding-bottom: 20px;

}

#wrapper2 .item-page {
    max-width: 660px
}

#main {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;

}

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0;
    float: left;
    margin: 10px 3% 10px 0;
    width: 21%;
    position: relative
}

.leftbigger {
    width: 25%
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
    margin-top: 0;
    margin-left: 10px;
    display: block;
    padding: 1em 20px 20px 10px;
    width: 425px;
    font-weight: normal;
    line-height: 1em;

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    height: 100px;
    margin: -2px 10px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 5px 0 2px 2px;
    position: absolute;
    right: 10px;
    top: 0.5em;
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;
    margin: 0 auto;

    padding: 10px 15px 10px 10px;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}


/****Personal.css***/

body {
	background: #eee
    font-family: "Segoe UI", Helvetica, sans-serif;
}

h3 {
	color: #555
}

h2 a {
	text-decoration: none ; 

}
 




.logoheader {
	background: url(/ARMY/images/br_army_header.jpg) no-repeat left
	/*	bottom #0C1A3E;
	color: #FFFFFF;
	min-height: 250px; */
}

#all {
	background: #FFFFFF;
	color: #444;
}

#shadow #all {
	box-shadow: 0px 20px 10px #555555
}

#header ul.menu {
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
  background-image: linear-gradient(#eeeeee, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #095197;
	border: solid 1px #ddd;
	border: 1px solid #e5e5e5;
	text-transform: uppercase;
}

#header ul.menu a:link,#header ul.menu a:visited {
	color: #333;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

/*  grey background */
.button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading
	{
  background-color:#ddd;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
  -webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px
		rgba(0, 0, 0, 0.05);
	color: #095197;
	border: solid 1px #ddd
}

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */
table {
/*	border: solid 1px #ddd*/
}

table th {
	background-color: #0074cc;
	color: #fff;
	background-image: -moz-linear-gradient(top, #095197, #1B6BA5);
	background-image: -ms-linear-gradient(top, #095197, #1B6BA5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),
		to(#1B6BA5) );
	background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);
	background-image: -o-linear-gradient(top, #095197, #1B6BA5);
	background-image: linear-gradient(top, #095197, #1B6BA5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#095197', endColorstr =   '#1B6BA5', GradientType =   0 );
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid :   dximagetransform.microsoft.gradient (   enabled =
		false );
}

table th a:link,table th a:visited {
	color: #fff
}

tr.odd,tr.cat-list-row1 {
	background: #f8f8f8
}
 

/* blue background */
.button:hover,
.button:active,
.button:focus,
button:hover,
p.readmore a:hover,
#header ul.menu a:hover,
#header ul.menu a:active,
#header ul.menu a:focus,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,#fontsize a:active,#fontsize a:focus,
#mobile_select h2 a
	{
	background-color: #000000;
	color: #fff;

  background-color:#095197;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0087d1", endColorstr="#095197");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0087d1), to(#095197));
  background-image: -moz-linear-gradient(top, #0087d1, #095197);
  background-image: -ms-linear-gradient(top, #0087d1, #095197);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087d1), color-stop(100%, #095197));
  background-image: -webkit-linear-gradient(top, #0087d1, #095197);
  background-image: -o-linear-gradient(top, #0087d1, #095197);
  background-image: linear-gradient(#0087d1, #095197);
  border-color: #00456b #095197 hsl(201, 100%, 16%);
  color: #fff ;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;



}
  

ul.menu a:link,ul.menu a:visited {
	color: #444;
}
 

#footer-inner,#footer {
	background: #f5f5f5;
	box-shadow: 0px 20px 10px #555
}

#footer {
	background: #555;
	max-width: 1025px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px #555555;
	color: #fff
}

#footer a {
	color: #fff;
	background: none
}

#bottom a {
	background: none
}
 

#bottom  ul li a {
	background-image: none;
	padding-left: 0
}

 




/* responsive */
#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;text-align:right}
#mobile_select h2 a {
display:inline-block;
font-size:0.8em;
border-radius:4px 4px 0 0;
padding:6px;
font-size:0.75em;
margin-right:5px;
}




/*Mods by J*/
.img-intro-left img { width: 120px; } 
body p, body ol, body ul, body dl, body address { font-family: "Segoe UI", Helvetica, sans-serif; font-size: 0.95em;}
.categories-list li { background-color: beige; padding: 10px 20px 10px 20px; list-style: none;}
.categories-list li h3 {    font-family: "Segoe UI", Helvetica, sans-serif;    font-weight: bold;    line-height: 1.2;}
.logoheader {    height: 100px;     margin: 1px 1px 0;     padding: 0;     text-align: left;     font-weight: normal;    line-height: 1.5em;}
.moduletable_menu { padding: 8px; margin-bottom: 10px; }
ul.menu a {    padding: 2px 0px;  }
body#shadow {    font-family: "Segoe UI", Arial, Helvetica, sans-serif;       line-height: 1.2; } 
#header {     display: block !important;    position: relative;    padding: 0 0 0 0;    overflow: hidden; }
.smalldark, p  { text-align: justify;}
small, .small { color: #999; }
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,  a.readon { font-size: 92%; }
.img_caption { color: #999; margin-bottom: 10px; }
.img_caption img { margin: 5px 0 0; padding: 0 0 10px; }
h2,.moduletable h3, .items-row h2, .items-leading h2 {   	font-family: "Segoe UI", Helvetica, sans-serif;   	font-weight: bold; 	border-bottom: solid 1px #ddd; }

img {   max-width:100%;}
#footer li {    float: left;	padding: 10px;	list-style: none; }

div#footer-sub {  display: inline-block;      }
div#footer-sub ul li {float: left; padding: 5px; list-style: none; /*border-top-width: 2px; border-top-color: black;     border-top-style: solid;*/ }
 
 
#header ul {
    position: absolute;
    left: 0; 
	top: 0em;
    right: 0;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none; 
	padding: 0 0;
}



.pagecaption {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 24px; font-style: italic}
.tablebg {  background-color: #e1e1e1}
.awdhd {  background-color: #E1EBFF}

.medtext { text-align: justify;   font-size: 11px}
.text { text-align: justify;   font-size: 12px}
.subhead1 {   font-size: 18px}

.smalltext {text-align: left;   font-size: 10px}
.lefttext {text-align: left;}
.tinytext { text-align: justify;  font-size: 10px}
.bluetext {text-align: justify;   font-size: 12px; color: #0000FF }
.boldtext { text-align: justify;  font-size: 12px ; font-weight: bold}
.redtext { text-align: right; color: #FF0000;  float: right;}
.whitetext { text-align: right; color: #FFFFFF;  float: right;}
.midtext {text-align: center;}
.righttext {text-align: right;}
.bbtext     {text-align: justify;   font-size: 12px; font-weight: bold; color: ##0000FF }
.awdtxt {  text-align: justify;  font-weight: bold; font-size: 12px}

body {
/*margin-top : 10px; 
margin-right : 20px; 
margin-bottom : 20px; 
margin-left : 20px; */
font-family : Arial, Helvetica, sans-serif; 
font-weight : normal; 
} 

h1 , h2 , h3 , h4 , h5 , h6 {
font-family : Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
font-weight : normal; 
letter-spacing: 1px;
margin: 1px;
} 

.head , .headbox , .dynabox , a.leftmenu , a.topmenu {
font-weight : normal; 
text-decoration : none; 
font-size : 70%; 
font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
} 


.topbox {
height : 50px; 
padding-top : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 0; 
} 

.topnav {
border-width : 0 1px 1px; 
padding-top : 3px;
padding-bottom : 0; 
} 

.mainbox {
border : dashed ; 
border-width : 1px 1px 1px 1px; 
padding-top : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 5px; 
font-size : 80%; 
} 

img {    
    max-height: 100%;
}
.awdimg {   max-width:100%; padding: 3px; width: 125px; float:right ; }
.srvimg {   max-width:100%; padding: 3px; width: 125px;  }
.grid-image {  
 vertical-align: middle;
 height: 140px; 
/* width: 120px; */
 overflow: hidden;
}

.line-image {  
 vertical-align: middle;
 height: 80px; 
/* width: 60px; */
 overflow: hidden;  
}

.row {  
 float: none;
 vertical-align: middle;
 width: 1040px; 
 overflow: hidden;  
 padding: 3px; 
 }

 .row-images {  
 float: none;
 vertical-align: middle;
 width: 1037px; 
 overflow: hidden;  
 padding: 2px; 
 background: black;
 }

 
.tile {  
 float: left;
 vertical-align: middle;
 width: 340px; 
 overflow: hidden;  
 padding: 3px; 
 }
.tilelong {  
 float: left;
 vertical-align: middle;
 height: auto; 
 width: 320px; 
 overflow: hidden;  
 padding: 7px; 
 }
.mainbox p {
font-size : 85%; 
} 

.mainbox p a {
font-weight : bold; 
font-size : 90%; 
} 

.dynacontent {
padding-top : 3px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 3px; 
text-align : left; 
font-size : 70%; 
font-weight : normal; 
} 

.breadcrumb {
    float: left;
    padding: 8px;
    font-size: 90%;
}
.iconprint {
    float: right;
}

.iconprint img {
	width:23px;
	height:18px;
}
.dbheader {
    text-align: center;
    display: block;
    background: #f3f3ff;
    margin: 2em;
    padding: 10px;
	border-top: 1.0px solid #ddd;
	border-bottom: 1.0px solid #ddd;
}

.tileheader {
    text-align: center;
    display: block;
    background: #dbf3ff;
    margin: 1em;
    padding: 5px;
    border: 0.8px solid #b2b2b2;
}
.smalldark img {
    max-width: 100%; 
}

.dbtblhd {
    margin: 2em;
    width: 100%;
    max-width: 100%; 
    border-collapse: collapse;
    border-spacing: 0;
}	
	 
 



@media only screen and (max-width: 560px) {

img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.fb_iframe_widget_fluid {
    display: inline;
    height: 66px;
}

iframe#twitter-widget-0 {
    height: 60px;
    min-height: 50px; 
} 

.row {  
 float: none;
 vertical-align: middle;
 width: auto; 
 overflow: hidden;  
 padding: 3px; 
 }
 
 .row-images {  
 display: none; 
 visibility: none;
 }
 
 .twitwidget{
 display: none; 
 visibility: none;
 }
 
 .twiturl{
 display: block; 
 visibility: visible;
 }

.tile {  
 float: none;
 vertical-align: middle;
 width: auto; 
 overflow: hidden;  
 padding: 1px; 
 }
 
body {
margin-top : 5px; 
margin-bottom : 20px; 
margin-left: 0; 
font-family : Segoe, Helvetica, sans-serif; 
font-weight : normal; 
}
 
	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:1em}
	#header form  {margin:0}
	.logoheader {background: url(/BR-Small.gif) no-repeat left; min-height:160px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

		margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
}

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

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

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

@media only screen and (min-width: 1382px) { /* Styles */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}
 

@media only screen and (max-width: 700px) {
	
	/* Force table to not be like tables anymore */
	table, 
	thead, 
	tbody, 
	th, 
	td, 
	tr { 
		/*display: block; */
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	tr { border: 1px solid #ccc; }
 
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.lefttext {text-align: center;}
	.awdimg {   max-width:100%; padding: 3px; width: 125px; float: none; }

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
}