/*
	Colors
	======
	
	Dark: #111
	Grey: #dadada
	White: #fff
	Red: #fe0000
	Dark Red: #be0a0b
	Bloody Red: #980808
*/

/*---------------------
	General Styles
-----------------------*/

html{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
	font-size: 13.5px;
	line-height: 1.4em; 
	background-color: #fff;
	border: none;
}
.adsbygoogle{
    display:none;
    
}

nav, ul, li, a  {margin: 0; padding: 0;}
a, a:link, a:visited {color: #8A2BE2; text-decoration: none }
a:hover { text-decoration: none; color: #fe0000;}

img { border: none; }

img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#5fb42b; }
cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #5fb42b; }

hr{
	border-left: white;
	border-bottom: white;
}

p{
	margin-bottom: 20px;
	font-size: 13.5px;
	line-height: 160%;
	/*text-align: justify;*/
}

.cleaner { clear: both }

/*---------------------
	Typography (header tags)
-----------------------*/

.title_slider{
	font-size: 16px;
	line-height: 170%;
	color: #fff;
}

.art_slider{
	color: #ccc;
}

h1, h2, h3, h4, h5, h6 { color: #111; font-weight: normal; line-height: 1.4em} /*before: 09c2d3*/
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 13.5px; margin: 0 0 5px; padding: 0; }

.b{
	font-weight: bold;
}

.more_news a{
	color: #111;
	position: relative;
	top: 1px;
}

.more_news a:hover{
	color: #306;
}

.more_news{
	margin-top: -15px;
	padding-bottom: 15px;
	width: 105px;
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
    background-position: right top;
}

.more_updates a{
	color: #111;
	position: relative;
	top: 1px;
}

.more_advisory{
	margin-top: -2px;

	width: 125px;
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
    background-position: right top;
}


.more_advisory a{
	color: #111;
	position: relative;
	top: 1px;
}

.more_updates a:hover{
	color: #306;
}

.more_updates{
	margin-top: -2px;
	padding-bottom: 15px;
	width: 125px;
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
    background-position: right top;
}

.more_events{
	margin-top: -15px;
	padding-bottom: 15px;
	width: 115px;
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
    background-position: right top;
}

.date_u{
	font-size: 12px;
}

.line_h{
	line-height: 1.4em;
}

.nav_link{
	font-size: 11.5px;
}

.back-color-whole{
	background: #e3e5e6;
}

.center{
	text-align: center;
}

/*---------------------
	Layout
-----------------------*/

.transis{
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

#downloadstyle img{
	position: relative;
	left: 1.6em;
}

.border-1{
	border: 1px solid #ccc;
}

.widecont{
	width: 100%;
	margin: 0 auto;
	background: #111;
}

.winside{
	max-width: 960px;
	margin: 0 auto;
}

.container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff !important;
	font-weight: bold !important;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#111;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}

.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 13em;
}

.nav > li > ul > li > ul{
    width: 20em;
}

.pageac{
	border-top: 3px solid #ccc;
	margin-top: -3px;
}

.nav li .active{
	background: #111;
	color: #fff;
}
.nav a {
    color: #fff;
}

.nav li {
    position: relative;
}

.nav > li {
    float: left;
	font-weight: bold;
    /*border-top: 1px solid #104336;*/
}

.nav > li > a{
    padding: 10px 20px;
	}

.nav > li > ul > li{
	font-weight: normal;
}

.nav > li > ul > li > a, .nav > li > ul > li > ul > li > a{
    padding: 5px 20px;
	}

.nav > li > .parent {
    background-image: url("../images/none.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}

.nav > li > .hover, .nav > li.hover{
	background: #111;
	color: #fff;
}

.nav li ul a:hover{
	background: #ccc;
	color: #111; /*only applies to submenu*/
}

.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}

.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li a {
    display: block;
    background: #111;
    position: relative;
    z-index:100;
    /*border-top: 1px solid #175e4c;*/
}
.nav li li li a {
    display: block;
    background: #111;
    position: relative;
    z-index:200;
}



#searchcontainer{
	float: right;
	margin-top: -34px;
	width: 100px;
	z-index: 9999;
}

#searchboxfield{
	float:right;
}

#searchbtnfield{
	position: absolute;
	margin-left: 71px;
	background: white;
	padding: 7px 5px 0px 5px;
}

#query{
	padding: 8px 30px 7px 7px;
	font-size: 13.5px;
	background: #f1f1f1;
	border: none;
	margin:0;
}

@-moz-document url-prefix() { 
	#query{
		padding: 8px 30px 5px 7px;
		font-size: 13.5px;
		background: #f1f1f1;
		border: none;
			margin:0;
	}
	
	#searchbtnfield{
	position: absolute;
	margin-left: 71px;
	background: white;
	padding: 6px 5px 0px 5px;
}
}

.widths{
	width: 60px;
}

.adjustw{
	transition: width 1s;
	width: 130px;
}

/*HEADER STYLE*/

#header_c{
	width: 100%;
	height: 100%;
	background: #008000;
}

#head_title{
	margin: 0 auto;
	width: 960px;
	height: 100%;
	padding: 15px 0;
}

.display_n{
	display: none;
}

.display_y{
	display: block;
}

#dum_cont{
	height: 38px;
	width: 1px;
	float: right;
	visibility: none;
}

/*  MARGINS  */

.margin-top{
	margin-top: 10px;
}

.margin_t_n{
	margin-top: -4px;
}

.margin_s{
	margin-right: 7px;
}

.margintops{
	margin-top: 20px;
}

.margin-top-front{
	margin-top: 17px;
}

.margin-bottom-40{
	margin-bottom: 40px;
}

/*SLIDER*/

.slider > div > span > a{
	text-decoration: underline;
}

.slider > div > span > a:hover{
	text-decoration: none;
}

#slider-wrapper{
	max-width: 960px;
	margin: 0 auto;
}

#slider-wrapper2{
	max-width: 100%;
	margin: 0 auto;
}

/* body IN HOMEPAGE */

/*DIVISIONS*/

.w_div{
	width: 25%;
	float: left;
	min-height: 8.5em;
}

.w_div > div > a > img{
	width: 100%;
	height: 100%;
	float: left;
	padding-bottom: 0.5em;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.w_div > div > a > img:hover{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.w_div > div > a > h5{
	color: #fff;
	font-size: 13.5px;
	padding: 0 0.5em 0 1em;
}

.w_insi{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#div1{
	background: #cc0000;
}

#div2{
	background: #0066cc;
}

#div3{
	background: #ff0000;
}
#div4{
	background: #003399;
}

#div5{
	background: #009900;
}

#div6{
	background: #cccc33;
}
#div7{
	background: #666666;
}
#div8{
	background: #ff3333;
}

#body_cont{
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
	
#main_col_home{
	overflow: hidden;
	width: 70%;
	float: left;
}

.headcolor{
	background: #6d929b;
}

.image_msg{
	float: left;
}

.float_l{
	float: left;
}

.float_r{
	float: right;
	vertical-align:middle;
}

.image_h{
	float: left;
	padding-right: 20px;
}

.image_h_bac{
	float: left;
	padding-right: 5px;
}

#director_msg .hr_dir{
	top: 4px;
	left: -7px;
	padding-bottom: 10px;
}

/* NEWS / EVENTS */

#tabs-container{
}

.tabs-menu {
    height: 33px;
    float: none;
    clear: both;
	padding: 0;
	list-style: none;
}

.tabs-menu li {
	height: 28px;
    float: left;
    margin-right: 0px;
    /*border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;*/
	padding-top: 6px;
	padding-left: 15px;
}

.tabs-menu li.news_w{
	width: 12.2em;
}

.tabs-menu li.current {
    background-color: #306;
    /*border-bottom: 1px solid #fff;*/
    z-index: 5;
}

.tabs-menu li.unactive {
	width: 8em;
}

.tabs-menu li a {
    /*text-transform: uppercase;*/
    text-decoration: none; 
	font-size: 16px;
}

.tabs-menu li h5:hover{
	font-weight: bold;
}

.back_home{
	background: #f6f6f6;
}

.tab {
	border-top: 1px solid #306;
    float: none;
    margin-bottom: 20px;
    width: auto;
	background: #f6f6f6;
	margin-top: 1px;
}

.tab-content {
    width: auto;
    display: none;
	padding: 25px 20px 0px;
}

.tab-content p{
}

#tab-1 {
	display: block;   
}

.whole_related{
}

.tabs-menu img{
	float: left;
	height: 22px;
}

.tabs-menu .events_r{
	left: -12px;
	top: 1px;
	color: white;
}

.tabs-menu .news_r{
	left: -12px;
	top: 1px;
	color: white;
}

.color_w{
	color: #fff !important;
	font-weight: bold;
}

.color_r{
	color: #306 !important;
}

.whole_related > span{
	font-size: 13px;
	position: relative;
	top: -5px;
}

.whole_related > p{
	position: relative;
	top: -7px;
}

.whole_related > a > h5:hover{
	color: #306;
}

/*TABS NEWS SOL0*/

.tabs-menu5 {
    min-height: 30px;
    float: left;
    clear: both;
	padding: 0;
	list-style: none;
}

.tabs-menu5 li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 0px;
    background-color: #f1f1f1;
    /*border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;*/
	padding-top: 5px;
	padding-bottom: 3px;
}

.tabs-menu5 li  a:hover {
	font-weight: bold;
}

.tabs-menu5 li.current5 {
    position: relative;
    background-color: #306;
    /*border-bottom: 1px solid #fff;*/
    z-index: 5;
}

.related_t{
	padding: 0 1.2em 0 1em;
}

.top_t{
	padding: 0 1.2em 0 1em;
}

.tabs-menu5 li a {
    /*text-transform: uppercase;*/
    color: #306;
    text-decoration: none; 
	font-size: 16px;
}

.tabs-menu5 .current5 a {
    color: #fff; /*#2e7da3;*/
	font-weight: bold;
}

.tab5 {
	border-top: 1px solid #be0a0b;
    float: left;
    margin-bottom: 20px;
    width: 100%;
	background: #f6f6f6;
}

.tab-content5 {
    width: 100%;
    display: none;

}

.tab-content5 p{
	padding: 10px;
}

.whole_related5{
	padding: 10px 10px;
}

/*Divisions*/

.liststyle{
	padding: 1em 0 1em 2em;
}

.div_cont_p{
	padding: 0.5em 0 0 0;
}

.div_staff{
	width: 100%;
	background: #f6f6f6;
}

.div_staff img{
	float: left;
	width: 22%;
	padding-right: 1.5em;
}

.s_div_staff{
	float: left;
	width: 73%;
	padding-bottom: 1em;
}

.div_staff .s_div_staff h4{
	display: relative;
	font-weight: bold;
	padding-top: 0.5em;
	margin-bottom: 0.2em;;
}


.div_staff .s_div_staff h6{
	display: relative;
	font-weight: 600;
	padding-top: 1.3em;
	margin-bottom: 0.7em;
}

.div_staff .s_div_staff span{
	float: left;
	font-size: 13px;
	width: 48%;
	padding-right: 0.5em;
}

/*TRANSPARENCY*/

#trans_ol > li{
	font-weight: bold;
}

#trans_ol > li li{
	font-weight: normal;
}

#trans_ol > li > ol{
	padding-top: 1em;
	padding-bottom: 1em;
}

#trans_ol > li > ol > li > ol{
	padding-bottom: 0;
}

#trans_ol > li > ol > li > ol{
	padding-bottom: 1em;
}

#trans_ol > li > ol > li > ol > li > ul, ol > li > ol > li > ul{
	padding: 1em 0 0 3em;
}



/*ASIDE Layout*/


#aside_col{
	padding-top: 4px;
	width: 27%;
	float: left;
	padding-left: 3%;
}

#updates_h{
	width: 100%;
}

#procure_h{
	width: 100%;
	margin-top: 4em;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;	
}

#advisory_h{
	width: 100%;
	margin-top: 4em;
	padding: 1em 0;
	border-top: 1px solid #ccc;	
}


#gal_h{
	width: 100%;
	padding: 1em 0 0;
	max-height: 290px;
	overflow: hidden;
}

.w_info{
	width: 100%;
	height: 100%;
	border: 1px solid;
	position: relative;
}

.hr_lates_up{
	left: -13px;
}

.updates_sol{
	padding-top: 0.8em;
	border-bottom: 1px dotted #ccc;
}

div.updates_sol:nth-last-child(2){
	border-bottom: none;
}

.padding-b08{
	padding-bottom: 0.6em;
}

.link_p{
	line-height: 1.6em;
}

.division_h{
	width: auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-weight: bold ;
	margin: 0.5em 0 1.5em;
}

.division_t{
	font-weight: bold;
	left: -9px;
	top: 3px;
}

.division_w{
	width: 25%;
	float: left;
	padding-bottom: 2em;
}

.icons_d{
	height: auto;
}

#div_con{
	width: 100%;
	margin: 0 auto;
	}

#div_con a div div{
	color: #111;
}
	
#div_con a div div:hover{
	color: #306;
}	
	
#link_deped{
	margin: 0 auto;
	padding-bottom: 1.5em;
}

.image_link{
	padding: 0 1%;
	float: left;
}
	
footer{
	width: 100%;
	background: #f4f3eb;
	font-size: 13px;
}	

#footer_cont{
	max-width: 960px;
	margin: 0 auto;
	padding: 2em 0;
}

.footer_col{
	width: 25%;
	float: left;
	color: #111;
}

.footer_col > p{
	font-size: 13px;
}

.footer_col1{
	width: 29%;
	float: left;
	color: #111;
}

.footer_col2{
	width: 21%;
	float: left;
	color: #111;
}

.footer_col > a{
	color: #666;
}

.footer_col2 > a > img{
	padding-right: 1em;
	padding-top: 0.5em;
}

.color_rf{
	color: #306;
}

.h4_title_f{
	padding-bottom: 0.5em;
}

#last_footer{
	background: #111;
	margin: 0 auto;
}
	
.last_f{
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	padding: 0.8em 0;
	font-size: 12px;
	line-height: 1.3em;
}	

.itinfo{
	color: #999;
}
	
.news_img{
	padding-bottom: 2em;
}

/* GALLERY ALBUM SLIDE*/

.gallery_s{
	margin: 0 auto;
	padding-top: 10px;
	width: 110px;
}

.album_t_h{
	text-align: center;
	padding-top: 1em;
	font-weight: bold;
}

.album_t_h:hover{
	color: #306;
}

.album_h{
	border: 1px solid #ccc;
	padding: 3px;
}

/*Newsletter*/

#w_newsl_solo{
	width: 100%;
}

#w_newsl_all{
	width: 21%;
	float: left;
	padding: 1.6em 2%;
}

.share_l{
	width: 108px;
	margin: 0 auto;
	padding: 1.5em;
}

.w_newsl{
	overflow:hidden;
	text-align: center;
}

.w_newsl a img{
	width: 100%;
}

.w_newsl > h5{
	font-weight: bold;
	text-align: center;
}

.w_newsl span a{
	display: inline-block;
}

/*ORGANIZATIONAL PAGE*/

#main_col_sub_p{
	overflow: hidden;
	width: 73%;
	float: left;
	min-height: 100px;
}

#aside_col_sub_p{
	padding-top: 4px;
	width: 24%;
	float: left;
	padding-left: 3%;
}

.aside_col_sub_p_s{
	padding-top: 4px;
	width: 100%;
	float: left;
	padding-left: 3%;
}

#headsub-org{
	width: 92%;
	background: #111;
	padding: 4% 0 4% 8%;
	font-weight: bold;
	color: white;
	font-size: 16px;
}

.insidesub{
	padding: 6% 4% 6% 8%;
	background: #f6f6f6;
}

.insidesub_n{
	padding: 8% 5% 8% 10%;
	background: #f6f6f6;
}

#insidesublist{
	list-style: none;
	padding-top: 5%;
}

#insidesublist li{
	margin-bottom: 6%;
}

#b{
	position: absolute;
	border: 1px solid;
	margin-top: -58px;
	visibility: hidden;
}

/*MARGINS & PADDINGS*/

.pad-5{
	padding-left: 5px;
}

.padding-bot-10{
	padding-bottom: 10px;
}

.padding_l{
	padding-left: 1.2em;
}

.padding-r{
	padding-right: 2em;
}

.padding-top-bot-20{
	padding: 20px 0;
}

.margin-go-up{
	margin-top: -45px;
}
	
.padding-10{
	padding: 10px;
}

.margin_4{
	margin-top: 4px;
}

.margin_t_20{
	margin-top: 20px;
}

.checkbox{
	border: 1px solid;
}

.padding_bot{
	padding-bottom: 0;
}

.cont_img > img{
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: auto;
	height: 100%;
}

.cont_img{	
    overflow: hidden;
	position: relative;
	width: 109px;
	height: 143px;
}

.cont_img:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.1;
    border:1px solid black;
}

.outside_c{
	height: 143px;
	width: 109px;
	padding: 0 1.5em 1.5em 0;
}

/*SITEMAP*/

.sitem{
	padding: 1em 0 0 2em;
}

.sitem > li > ul{
	padding-left: 2em;
}

.sitem > li{
	padding-bottom: 0.4em;
}

.sitem > li > ul > li{
	padding: 0.4em 0 0 0;
}

.sitem > li > ul > li > ul > li{
	padding: 0.4em 0 0 0;
}

.sitem > li > ul > li > ul{
	padding-left: 2em;
}

/*gov site*/
#sitemap-wrapper{
	max-width: 50%;
	float: left;
}

#sitemap-wrapper > .sw-column > h4{
	padding-top: 1em;
}

.sw-column > ul > li{
	padding: 0.2em 0 0 0;
}

.sw-column > ul{
	padding-left: 2em;
}

.rep_pil_img{
	float: right;
	padding: 3% 7% 0 0;
}

/*GALLERY STYLES*/

.inside-album a div img{
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: 100%;
	height: auto;
}

.inside-album1 a div img{
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: auto;
	height: 100%;
}

.inside-album1 div img{
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: auto;
	height: 100%;
}

.album-cont{
	margin: 16px 7px 0;
	height: 12%; /*283px;*/
	width: 306px;
}


.album-cont:hover{
	background: #eee;
	transition: 1s;
}
/*INFOGRAPHICS*/

.simple-caption{
	height: 30px;
    width: 100%;
    display: block;
    bottom: -30px;
    line-height: 25pt;
    text-align: center;
}

.border_info:hover .simple-caption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.caption_info {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

.border_info img{
	position: absolute;
	top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: auto;
	height: 100%;
}

.album-cont_info{
	height: 204px;
	width: 306px;
	float: left;
	padding: 1.8em 0.5em 0;
}

.info_cont{
	width: auto;
	margin: 0 auto;
}

.border_info{	
    overflow: hidden;
	position: relative;
	width: 298px;
	height: 196px;
	border: 4px solid #eee;
}

.border_info:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.1;
}

.album-front{
	height: 204px;
	width: 306px;
}

.album-front1{
	margin: 1px;
	background: #eee;
}

.hidden{
	display: none;
}

.border{	
    overflow: hidden;
	position: relative;
	width: 298px;
	height: 196px;
	border: 4px solid #eee;
}

.border:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.1;
    border:1px solid black;
}

.border1:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.1;
    border:1px solid black;
}

.border1{	
    overflow: hidden;
	position: relative;
	width: 230px;
	height: 190px;
	border: 4px solid #eee;
}
	
.album-title{
	text-align: center;
	margin: 10px;
	font-size
}

.album-title a{
	font-weight: bold;
	font-size: 18px;
}

.album-title a:hover{
	text-decoration: underline;
}	

.spanfont{
	font-size: 12px;
}

.spancolor{
	color: #9197a3;
}

/* DOWNLOADS STYLE*/

.downloadlist{
	line-height: 2em;
	margin-left: 3.3em;
}

.listservices{
	padding-bottom: 0.5em;
}

.img_s{
	width: 2.5em;
	padding-right: 0.7em;
}

.h4down{
	padding-top: 0.5em;
}

/*CONTACT*/

.half { width: 50%; float: left;}

#contact_form { padding: 0 0 6px 0; width: 100%; margin-bottom: 40px }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 60%; padding: 5px 0; color: black;  background: #fff; border: 1px solid #dedede; font-family: 'Open Sans', Tahoma, Geneva, sans-serif;}
#contact_form form label { display: block; width: 20%; margin-right: 12px; font-size: 13px }
#contact_form form textarea { width: 98%; height: 200px; color: black; background: #fff; border: 1px solid #dedede;  font-family: 'Open Sans', Tahoma, Geneva, sans-serif;}

.h10 { height: 10px }

#submit:hover{ /*input[type="submit"]*/
  background:#fe0000;
}

#submit, input[type="reset"]{/*input[type="submit"]*/
  width:20%;
  background:#bd0a0a;
  border:0;
  padding:10px 0;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#submit{/*input[type="submit"]*/
	float: right;
}

input[type="reset"]{
	float: left;
}

input[type="reset"]:hover{
  background:#fe0000;
}

.g-recaptcha{
	margin: 0 auto 1em;
	width: 300px;
}

.iframe_map{
	width: 90%;
	float: right;
}

/*SEARCH STYLE*/


#squery{
	font-size: 13.5px;
}

#squery-button{
	font-size: 13.5px;
	padding: 3px 5px 2px;
}

.searchbox1{
	padding: 1px 1px;
	font-size: 13px;
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
}

.filter{
	font-size: 13.5px;
	line-height: 160%;
}

/*===================
	SEARCH RESULT
	=====================*/

.field-title{
	min-width: 0;
	min-height: 0;
	line-height: 185%;
}


.field-title h4 a{
	font-weight: bold;
}

.date-n-e{
	font-size: 13px;
	position: absolute;
	margin-top: -12px;
}

.content{
	color: black;
	margin: 30px 0 35px 0;
	font-size: 13.5px;
	line-height: 160%;
	text-align: justify;
}

/*LATEST DOWNLOADS*/

#side_w_latest{
	width: 20%;
	margin-top: 0.8em;
}

.side-menu{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	border: 1px solid #ccc;
}

.side-menu li{
	border-bottom: 1px solid #ccc;
}

.side-menu li a{
	background: #f8f8f8;
	display: block;
	padding: 6% 30% 6% 13%;
}

.side-menu li:last-of-type{
	border-bottom: none;
}

.side-menu li a:hover{
	background: #f2f1eb;
	font-weight: bold;
}

.side-menu li .activel{
	font-weight: bold;
	background: #f2f1eb;
}

#updates_contents{
	width: 75%;
	float: left;
	margin-left: 2em;
}

/*PAGINATION*/

.pagination{
	margin: 0 auto;
	font-size: 13.5px;
	float: right;
}

.pagination-bac{
	margin: 0 auto;
	font-size: 13.5px;
	margin-bottom: 20px;
	float: right;
}

.pagination-search{
	margin: 0 auto;
	font-size: 13.5px;
	margin: 13px 0 10px;
	float: right;
}


.next{
	min-width: 0;
	padding: 0 5px;
	float: left;	
}

.previous{
	min-width: 0;
	padding: 0 5px;
	float: left;
}

.pagenumber-active{
	min-width: 0;
	padding: 0 5px;
	float: left;
}

.pagenumber-active a{
	font-weight: bold;
	color: black;
	font-size:+2;
}

.pagenumber{
	min-width: 0;
	padding: 0 7px;
	float: left;
}


.pagenumber-active{
	min-width: 0;
	padding: 0 5px;
	float: left;
}



.pagenumber-active a{
	font-weight: bold;
	color: black;
}

/*DIRECTORY*/

.dirtable{
	width: 100%;
	border-collapse: collapse;
}

.dirthead{
	background: #6d929b;
}

.officew{
	width: 25%;
	text-align: left;
	padding: 0 0 0 20px;
	height: 35px;
	color: white;
}

.headw{
	width: 25%;
	text-align: left;
	padding: 0 0 0 20px;
	height: 35px;
	color: white;
}

.desigw{
	width: 25%;
	text-align: left;
	padding: 0 0 0 20px;
	height: 35px;
	color: white;
}

.contactw{
	width: 25%;
	text-align: left;
	padding: 0 0 0 20px;
	height: 35px;
	color: white;
}

.tdpadding{
	text-align: left;
	padding: 0 0 0 20px;
}

/*NEWS SOLO*/

.title-n-e{
	text-decoration: none;
	color: #000;
	font-size: 20px;
	line-height: 120%;
	font-weight: bold;
}

.content-n-e{
	font-size: 13.5px;
	color: black;
	text-align: justify;
    text-justify: inter-word;
}

.imageholder{
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
	width: 300px;
	height: auto;
}

.each_related{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.each_related:last-of-type{
	border-bottom: none;
}

.title_side a{
	font-size: 13.5px;
	line-height: 160%;
}

.date_side{
	font-size: 11px;
	color: #666;
	font-style: italic;
}

.margin-left-org-list{
	margin-left: 15px;
}

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

.each_content{
	font-size: 13.5px;
	line-height: 160%;
}

.date_side{
	font-size: 11px;
	color: #666;
	font-style: italic;
}

#philgeps{
	float: right;
	padding-top: 10px;
}

#note-philgeps{
	position: absolute;
	margin-left: 440px;
}

.back-color-search{
	background: #0e82b0;
}

.w_auto{
	float: left;
}

.font_c_b{
	color: #111 !important;
}

.font_c_b:hover{
	color: #be0a0b !important;
}

/*---------------------
	Global Styles
-----------------------*/

.error {color: #FF0000; font-size: 13px;}

.pos_r{
	position: relative;
}

@media only screen and (max-width:360px) {
	.tabs-menu .news_r, .tabs-menu .events_r{
		font-size: 13.5px;
	}
	
	.tabs-menu li.news_w{
		width: 11em;
	}

	.tabs-menu li.unactive {
		width: 7em;
	}

}


@media only screen and (max-width:470px) {
	
		.w_div{
	width: 50%;
	float: left;
	min-height: 8.5em;
	}

	.division_w{
	width: 100%;
	float: left;
	padding-bottom: 1.4em;
	}
	
	.division_t{
		font-size: 12px;
	}
	
	#div_con{
		width: 95%;
	}
	
	thead{
		display: none;
	}
	
	tr{
		border: 1px solid #ccc;
	}
	
	td{
	text-align: left;
	padding: 1em 2em 1em 2em;
	float: left;
	width: 90%;
	border-bottom: 1px solid #eee;
	}
	
	.font_t{
		font-size: 14px;
	}
	
	.center_row{
	text-align: left !important;
	}
	
	.rows1{
		border-bottom: 1px solid #ccc;
	}

	.rows{
		border-bottom: 1px solid #ccc;
	}

	.rows2{
		border-bottom: 1px solid #ccc;
	}
	

}

@media only screen and (min-width:470px) and (max-width:580px) {
	
			#w_newsl_all{
	width: 95%;
	float: left;
	padding: 1.6em 2%;
	}
	
	.w_div{
	width: 50%;
	float: left;
	min-height: 8.5em;
}
	
	#div_con{
		width: 95%;
	}
	
	.division_w{
	width: 50%;
	float: left;
	padding-bottom: 1.4em;
	}
	
	.division_t{
		font-size: 12px;
	}
}

@media only screen and (max-width:200px) {
	
		#w_newsl_all{
	width: 95%;
	float: left;
	padding: 1.6em 2%;
	}
	
	.image_link{
		width: 95%;
		float: none;
	}
	
	#div_con{
		width: 95%;
	}
	
	#head_title{
	margin: 0 auto;
	width: 75%;
	height: 100%;
	}
	
	#head_title img{
	max-width: 100%;
	}
	
	.active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
		background-image: url("../images/downArrow.png");
        background-position: 95% 50%;
    }
	
	.nav > li > .parent:hover {
	background-image: url("../images/downArrowb.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	
	.nav li:hover > a{
		background: #ccc;
		color: #111;
	}
	
    .nav li li .parent{
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul, .nav > li > ul > li > ul{
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
		.adjustw{
	transition: width 1s;
	width: 110px;
	}
	
	.widths{
	transition: width 1s;
	width: 100px;
	}
	
	.widths{
	width: 50px;
	}

	.adjustw{
		transition: width 1s;
		width: 55px;
	}
	
	
	
}

@media only screen and (max-width:710px){
	
	#w_newsl_all{
	width: 45%;
	float: left;
	padding: 1.6em 2%;
	}

	.w_div{
	width: 50%;
	float: left;
	min-height: 8.5em;
	}

	#philgeps{
		float: left;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	
	.w_auto{
		float: none;
	}
	
}

@media only screen and (max-width:580px) {
	
	.simple-caption{
	height: 30px;
    width: 100%;
    display: block;
    bottom: 0;
    line-height: 25pt;
    text-align: center;
}

	.border_info:hover .simple-caption {
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	#gal_h{
	max-height: 430px;
	overflow: hidden;
	}
	
	.rep_pil_img{
		float: none;
		max-width: 70%;
		padding: 5% 0 0 15%;
	}
	
	#sitemap-wrapper{
		max-width: 100%;
		float: none;
	}
	
	.side-menu li a{
	padding: 2% 10% 2% 5%;
	}
	
	#side_w_latest{
		width: 100%;
		float: none;
	}
	
	#updates_contents{
		width: 100%;
		float: none;
		margin: 0;
	}
	
	#div_con{
		padding-top: 1em;
	}
	
	#footer_cont{
		width: 90%;
	}
	
	.footer_col{
		float: none;
		width: 100%;
		padding-top: 1em;
		padding-top: 1.5em;
	}
	
	.border_f{
		border-bottom: 1px solid #ccc;
	}
	
	.footer_col1{
		float: none;
		width: 100%;
		padding-bottom: 1.5em;
		border-bottom: 1px solid #ccc;
	}
	
	.footer_col2{
		padding-top: 1.5em;
		border-bottom: 1px solid #ccc;
		float: none;
		width: 100%;
		height: 6em;
	}
	
	.image_link{
		width: 85%;
		float: none;
		padding: 1% 7%;
	}
	
	#div_con{
		width: 95%;
	}
	
	#body_cont{
	max-width: 95%;
	}
	
	#main_col_home{
	overflow: hidden;
	width: 100%;
	float: none;
	}
	
	#aside_col{
	width: 94%;
	float: none;
	padding-right: 3%;
	}
	
	#head_title{
	margin: 0 auto;
	width: 92%;
	}
	
	#head_title img{
	max-width: 100%;
	}
	
	.active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
		background-image: url("../images/downArrow.png");
        background-position: 95% 50%;
    }
	
	.nav > li > .parent:hover {
	background-image: url("../images/downArrowb.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	
	.nav li:hover > a{
		background: #ccc;
		color: #111;
	}
	
    .nav li li .parent{
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul, .nav > li > ul > li > ul{
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
		.adjustw{
	transition: width 1s;
	width: 110px;
	}
	
	.widths{
	transition: width 1s;
	width: 100px;
	}
	
	#searchcontainer{
	float: right;
	margin-top: -35px;
	width: 100px;
	}
	
		#main_col_sub_p{
	overflow: hidden;
	width: 100%;
	float: none;
	}

	#aside_col_sub_p{
		padding-top: 4px;
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	.aside_col_sub_p_s{
	width: 100%;
	float: none;
	padding-left: 0%;
	}
	
	.margin-go-up{
		margin-top: 0px;
	}

	#headsub-org{
		width: 96%;
		padding: 2% 0 2% 4%;
	}

	.insidesub{
		padding: 2% 1% 2% 4%;
	}

	#insidesublist{
		padding-top: 3%;
	}

	#insidesublist li{
		margin-bottom: 2%;
	}
	
	.padding_bot{
	padding-bottom: 4em;
	}
	
	.half{
		width: 100%;
		float: none;
	}
	
	.iframe_map{
		width: 99%;
	}
	
}

@media only screen and (min-width:768px) and (max-width:920px){
	.tabs-menu5 li a {
		/*text-transform: uppercase;*/
		color: #306;
		text-decoration: none; 
		font-size: 14px;
	}
	.related_t{
	padding: 0 1em 0 0.8em;
	}

	.top_t{
	padding: 0 1em 0 0.8em;
	}
	
	.rep_pil_img{
		max-width: 40%;
		padding: 3% 3% 0 0;
	}
}

@media only screen and (min-width:581px) and (max-width:768px) {
	
	
	#gal_h{
	max-height: 540px;
	overflow: hidden;
	}
	
	.side-menu li a{
	padding: 2% 10% 2% 5%;
	}
	
	#side_w_latest{
		width: 100%;
		float: none;
	}
	
	#updates_contents{
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.flexslider .slides img {
		max-width: 98%;
	}
	
	.album_t_h{
	font-size: 1.2em;
	font-weight: bold;
	}
	
	#div_con{
		padding-top: 1em;
	}
	
	#footer_cont{
		width: 90%;
	}
	
	.footer_col{
		width: 50%;
		padding-top: 1em;
	}
	
	.footer_col1{
		width: 50%;
		padding-bottom: 1em;
	}
	
	.footer_col2{
		width: 50%;
		height: 11em;
	}
	
	.image_link{
		width: 31%;
	}
	
	.division_w{
	width: 50%;
	float: left;
	padding-bottom: 1.4em;
	}
	
	#main_col_home{
	overflow: hidden;
	width: 100%;
	float: none;
	}
	
	#aside_col{
	width: 94%;
	float: none;
	padding-right: 3%;
	}
	
	#div_con{
		width: 95%;
	}
	
	#body_cont{
	max-width: 95%;
	}
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
		background-image: url("../images/downArrow.png");
        background-position: 95% 50%;
    }
	
	.nav > li > .parent:hover {
	background-image: url("../images/downArrowb.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	
	.nav li:hover > a{
		background: #ccc;
		color: #111;
	}
	
    .nav li li .parent{
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul, .nav > li > ul > li > ul{
        display: block;
        width: 100%;
    }
	
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	#searchcontainer{
	float: right;
	margin-top: -34px;
	width: 100px;
	}
	
	#main_col_sub_p{
	overflow: hidden;
	width: 100%;
	float: none;
	}

	#aside_col_sub_p{
		padding-top: 4px;
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	.aside_col_sub_p_s{
	width: 100%;
	float: none;
	padding-left: 0%;
	}
	
	.margin-go-up{
		margin-top: 0px;
	}

	#headsub-org{
		width: 96%;
		padding: 2% 0 2% 4%;
	}

	.insidesub{
		padding: 2% 1% 2% 4%;
	}

	#insidesublist{
		padding-top: 3%;
	}

	#insidesublist li{
		margin-bottom: 2%;
	}
	
	.padding_bot{
	padding-bottom: 4em;
	}
	
	.rep_pil_img{
		max-width: 40%;
		padding: 3% 3% 0 0;
	}
	
	#head_title{
	margin: 0 auto;
	width: 92%;
	height: 100%;
	}
	
	#head_title img{
	max-width: 100%;
	}

}

@media only screen and (min-width:769px) and (max-width:1030px) {
	#body_cont{
	max-width: 95%;
	}	
	.division_t{
	height: 4em;
	}
	
	.icons_d{
		padding-bottom: 2em;
	}
	
	#footer_cont{
		width: 95%;
	}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	.image_link{
		width: 31%;
	}
}