/* CSS Document */
table{
	border-color: grey;
}

body{
margin:0px;
padding:0px;
font-family:arial;

}
img#background {
 height: 450px; width: 100%; z-index: -1; position:absolute; color: white; 
 min-height: 450px;
 min-width: 1024px;
 width: 100%;
 top: 0;
 left: 0;
}
.clear{
clear:both;
}

a{
text-decoration:none;
}
a, img {border:none;outline:none}
a:hover{
text-decoration:underline;
}
h1{
color:#00426E;
font-size:30px;
margin:0px 0px 16px 0px;
font-weight:normal;
-webkit-font-smoothing: antialiased;
}
h1 span{
color:#999999;
}
#header{
 margin-bottom:1em;
height:450px;
background:url(/images/update/nav_bg.png) repeat-x 0px 177px;
}
#page #header{
background:url(/images/update/page_header.gif) repeat-x 0px 0px;
height:147px;
margin-bottom:15px;
}
#header_container{
width:1014px;
margin:0 auto;
position:relative;
}

#logo{
position:absolute;
top:30px;
}
#page #logo{
top:13px;
}

#logo_text{
position:absolute;
left:213px;
top:17px;
font-size:16px;
color:#666666;
font-style:italic;

}
#header_text{
float:right;
font-size:14px;
color:#666666;
width:427px;
margin-top:24px;
}
#page #header_text{
margin-top:18px;

}
#header_text a{
color:#666666;

}
#header_text .line{
margin:0 6px;
}
.header_links{
float:left;
margin:2px 8px 0px 0px;
}
.social{
float:left;
}

#page #search{
position:absolute;
left:780px;
top:63px;
}
#page .search_button{
background:url(/images/update/search_button.png) no-repeat;
width:29px;
height:23px;
border:none;
margin-left:4px;
}
#sub_nav{
position:absolute;
width:1024px;
top:111px;
font-size:14px;
}
#sub_nav a{
text-decoration:underline;

}
#sub_nav a:visited{color:rgb(0, 0, 238)}

.sub_nav_left{
float:left;
}
.sub_nav_right{
float:right;
}
.nav_border{
margin:0px 10px;
}
#nav{
position:absolute;
top:177px;
}

#page #nav{
top:51px;
left:-10px;
}
#nav ul{
margin:0px;
padding:0px;
list-style-type:none;
font-size:15px;


}
#nav ul li{
float:left;
background:url(/images/update/nav_hover.gif) repeat-x 0px -44px;
}
#nav ul li a{
display:block;
float:left;
color:#FFFFFF;
padding:15px 16px 16px 16px;
}
#nav ul li a:hover, .nav_hover{
background:url(/images/update/nav_hover.gif) repeat-x 0px 0px;
text-decoration:none !important;
}


#nav ul li a.selected, #nav ul li a.nav_hover {   text-decoration: none;
position:relative;}

#nav .dd { 
position: absolute; 
display: none; 
margin-top:30px;
margin-left: -10px;
line-height: 20px; 
padding: 5px 0 0 0px; 
font-size: 14px;
z-index:500;

}




#nav .dd_body{
	padding-top:10px;
			background:url(/images/update/dd_bg.png) 0px 0px repeat-y;
 }


.dd .dd_body, .dd .dd_bottom, .dd .dd_top{
      background: transparent;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
      zoom: 1;
}


#nav .dd_bottom{
background:url(/images/update/dd_bottom.png) 0px 0px no-repeat;
height:13px;
}

#nav .dd_body p{
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin:0px 0px 7px 0px;
padding-left:31px;
}

#nav .dd_body ul { height: 100%; float: left; display: inline; font-size:14px; font-weight:normal; width:170px; margin:0px 0px 0px 12px; padding:0px;  }

#nav .dd_body ul li { float: none !important; padding: 0; display:block !important; }
#nav .dd_body ul li a {color: #006DB5; display: block !important; border: 0; padding: 4px 0px 4px 20px; width:202px;  float:left !important; background-image:none !important;}
#nav  .dd_smll .dd_body ul li a {
width:224px;
}
#nav .dd_body ul li a:hover {  background:#ECECEC !important;  }
#nav .dd_top{ background:transparent url(/images/update/dd_top.png) no-repeat;
 height:11px;
width:246px;
}





#search_box{
position:absolute;
top:240px;
left:180px;
}

#search_box .search_text{
font-size:14px;
-webkit-font-smoothing: antialiased;
}
#search_box .search_text, #search_box .search_text a{

color:#FFFFFF;
}
.search_text a{

margin:0px 18px;
text-decoration:underline;
}
#search_box form{
margin:0px 0px 18px 0px;
}

#search_box .input{
font-size:24px;
color:black;
width:530px;
border:none;
background:#FFFFFF;
height:38px;
padding:5px 10px 5px 10px;
vertical-align:middle;
font-weight:normal;
-webkit-font-smoothing: antialiased;
}

::-webkit-input-placeholder {font-style:italic;color:#999999;}
::-moz-placeholder {font-style:italic;color:#999999;}
:-ms-input-placeholder {font-style:italic;color:#999999;}
input:-moz-placeholder {font-style:italic;color:#999999;}


#bg{
    min-width:1024px;
    min-height:450px;
    z-index:-1;
    position:absolute;
    width:100%;
    background:url('/images/update/header.jpg');
    background-repeat: no-repeat;
    background-size:cover;
}

@media screen and (max-width:1024px) {
    #bg{
        height:450px;
    }
}


#search_box .button{
font-size:18px;
color:#FFFFFF;
height:50px;
width:114px;
background:#2D67B2;
border:none;
font-family:arial;
vertical-align:middle;
}

#content, #footer_content, #bottom_content{
width:1024px;
margin:0 auto;
}
#content{
margin-bottom:65px;
}
.view_link{
color:#006CCE;
float:right;
text-decoration:underline;
font-size:16px;
margin-top:15px;
}
#latest{
height:100%;
margin-bottom:30px;
}
#latest a:hover h3{
text-decoration:underline;
}
#latest a:hover .ic_caption{
background:#FFFFFF;
}
.latest_left{
float:left;
width:510px;
}

.latest_right{
float:right;
width:511px;
}

#latest img{
border:1px solid #CCCCCC;
}

.l_left{
float:left;

}

.l_right{
float:right;
}
.l_left, .l_right{
margin-bottom:7px;
}

.tbl{
border-top:5px solid #2D67B2;
}
.tbl th{
background:#D9D9D9;
color:#00426E;
padding:10px 0px;
font-size:15px;
font-weight:normal;
border-right:1px solid #C3C3C3;
}
.tbl td{
padding:20px 30px 0px 30px ;
border-right:1px solid #E5E5E5;
vertical-align:top;
}
.tbl table{
margin-left:20px;
}
.tbl td td{
padding:0px;
border:none;
vertical-align:middle;
padding:5px;
}
.tbl td td a{
font-size:14px;
color:#0066CC;
}
.tbl td td.icon{
text-align:center;
}
.tbl td a{
font-size:16px;
color:#2D67B2;
}
.tbl td{
font-size:14px;
color:#999999;

}

.tbl td h3{
font-size:15px;
color:#00426E;
text-transform:uppercase;
text-align:center;
font-weight:normal;
-webkit-font-smoothing: antialiased;
}

.tbl td h3 span{
color:#666666;
font-weight:normal;
text-transform:none;
}
.bg_grey td{
background:#D9D9D9;
border-right-color:#C3C3C3;
padding-top:10px;
padding-bottom:30px;
}

#footer{
background:#ECECEC;
border-top:1px solid #000000;
border-bottom:1px solid #C9D3D9;
}

#footer_content{
padding-top:19px;
padding-bottom:20px;
}

.footer_left{
width:508px;
float:left;
}
#footer td a{
font-size:12px;
font-weight:bold;
color:#006CCE;
}
.footer_right td a{
font-weight:normal !important;

}

#footer h3{
font-size:16px;
margin:0px;
color:#6E6E6E;
font-weight:normal;

}
.footer_right{
width:318px;
float:right;
}
.next_latest{border-top:1px solid #ccc; padding:8px 0px 0px 0px; margin-top:2px}
.next_latest img{float:left;margin:1px 5px;padding:0}
.next_latest a:hover img{border:1px solid #222;margin:0 4px;border-radius:2px;}

.next_latest p{color:#666; margin:0px; font-size:12px;}
.next_latest p a{color:#666; text-decoration:none}
.next_latest p span{margin:0px 15px}


#bottom{
background:#2D67B2;
padding-bottom:30px;

}
#bottom p{
font-size:12px;
color:#FFFFFF;
}
#bottom_content{
padding-top:20px;
}

.bottom_left{
float:left;
}
.bottom_left img{
margin-right:18px;
vertical-align:middle;
}
.bottom_right{
float:right;
width:540px;
text-align:right;
line-height:1.4em;
}

.bottom_right a{
color:#FFFFFF; font-size:12px;
margin-left:10px;
text-decoration:underline;
}

.copyright{
font-size:10px;
color:#FFFFFF;
}
/*front page*/
#tbl {width:100%;border-top: 5px solid #2D67B2;clear:both}
#tbl div.header{width:25%;background-color:#D9D9D9;float:left;text-align:center;color:#00426E;;padding:.3em 0;border-right: 1px solid #C3C3C3;box-sizing: border-box;}
.allcats{width:25%;background-color:#D9D9D9;float:left;text-align:left;color:#00426E;;padding:.3em 0;border-right: 1px solid #C3C3C3;box-sizing: border-box;}
.allcats h3{font-size: 15px;color: #00426E;text-transform: uppercase;text-align: center;font-weight: normal;-webkit-font-smoothing: antialiased;}
.allcats h3 span{color: #666666;font-weight: normal;text-transform: none;}
.allcats a{font-size: 14px;color: #0066CC;}
#tbl div.posts{width:25%;float:left;font-size:16px;font-weight:bold;text-align:left;padding:.3em .5em;border-right: 1px solid #e5e5e5;box-sizing: border-box;}
#tbl div.posts img{height:133px;width:auto;display:block;margin:1em auto;}
#tbl div.posts a{color:#2D67B2;}
#tbl div.posts .words{min-height:5em;}
#tbl span.date{color:#999;font-size:14px;font-weight:normal;display:block;}
#disclosure:target {
  border: 1px solid white;padding:.5em;border-radius:4px;
}
.ic_container{background-repeat: no-repeat;background-size:cover}
.ic_caption{left:0px;}
#facebook_button{border:none; overflow:hidden; width:50px; height:19px;float:left;}
#twitterdiv{margin:0px 5px;float:left}
#googleplusdiv{margin:0px 0px 0 0;float:left}
.graybox{min-height:37em;}
.graybox_catlist{margin:0 0 1em 2.5em;}
.imgd{vertical-align:middle;clear:left;float:left;width:50px;margin:0em .5em 0 0}
.named{text-align: left;vertical-align: middle;line-height: 2em;}
.imgd img{display:block;margin:auto;}
.ic_container{width:510px;height:320px;}

@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }

@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
