@charset "utf-8";
/* CSS Document */

.agendaUserGroup {
	color:#2590c6;
	font-weight:bold;
}


@media screen and (max-width: 1150px) {
	.topBanner h1 {
		font-size: 24px;
	}
	.topBanner #larger {
		font-size: 38px;
	}
	
	#centButSq .cols1 h2 {
		font-size:12px;
		margin-bottom:0px;
	}
	#centButSq .cols1 h2 #larger {
		font-size:14px;
	}
	
	
	#centButSq h2 {
		font-size:18px;
	}
	
	#centButSq #larger {
	    font-size: 24px;
	}

#banText  h1 {
	font-size:24px;
	line-height:8px;
}
#banText  h2 {
	font-size:17px;
}
	
	#insetBox1 {
		background-size:22%
	}
	#footer {
		background-size:37%
	}
	
}


@media screen and (max-width: 1023px) {
	#nav li a {
		font-size:15px;
		padding-left:8px;
	}
	
	#subNav li a {
		font-size:12px;
	}
	#menu_container {
		top : 60px;
	}

	html, body, .inputFieldPublic, p, a, .tinyText, .inputField,
	#footerNews li a p, #footer_col2 p, #footer_col1 p {
		font-size:11px;
	}

	p, #left_col1 li, #left_col1 p a {
		font-size:12px;
	}

	h2 {
		font-size:26px;
	}

	#flagButSq h3 {
		font-size:18px;
	}
	
	#topButSq li a h2 {
		font-size: 15px;
	}
	
	#flagButSq li a  {
		height:120px;
	}
	

	#centButSq li a {
		height:65px;
	}
	
	#centButSq li.cols5 h2, #centButSq li.cols5r h2 {
		font-size: 14px;
	}	
	
	

#centButSq li.cols4 a, #centButSq li.cols4r a {
	height: 170px;
}
#centButSq li.cols5 a, #centButSq li.cols5r a {
	height: 180px;
}
#centButSq li.cols6 a, #centButSq li.cols6r a {
	height: 175px;
}

#centButSq li.cols2 a, #centButSq li.cols2r a {
	height: 180px;
}


#centButSq h2 {
	font-size : 15px;
}

#centButSq #larger {
	font-size:18px;
}
#centButSq #smaller {
	font-size:16px;
}
#centButSq li a h4 {
	font-size : 12px;
}

.headLineEventDate,
.headLineTitle {
	font-size:12px;
}

#centButHead {
    bottom: 13px;
}



.topBanner {
	font-size:12px;
}
.topBanner h1 {
	font-size:24px;
}

.topBanner #larger {
	font-size: 35px;
}
.topBanner h4 {
	font-size:14px;
}
.topBanner p {
	font-size:14px;
}

#locIcon.button {
	width : 15px;
}
#locIcon.banner {
	width : 15px;
}

#panel2Inner h2 a {
	font-size:14px;
}
	
	#PImgP { width: 30%; }

	
	#logo_containerBan {
		bottom : 10px;
	}
	
/*	#centButSq li.cols5 a {
		height: auto;
	}*/

	#panel1F .cols3r, #panel1F .cols3 {
		width: 31%;
	}
	#menuLH li a.topItem, #menuLH li a.topItemAct {
		background-size:15%
	}	

}

@media screen and (max-width: 900px) {
	#topButSq li a h2 {
		font-size: 12px;
	}
	
	.topBanner h1 {
		font-size:20px;
	}
	
	#locationName {
		font-size:13px;
	}
	#locIcon.banner {
    	width: 12px;
	}
	
	#footer_logo_container {
		height:90px;;
		width:90px;
	}	
	
	
	#centButSq li.cols2 h2,
	#centButSq li.cols2r h2 {
		font-size : 12px;
	}
	
	
	#centButSq #larger {
	    font-size: 16px;
	}
	
	#centButSq li.cols5 h2, #centButSq li.cols5r h2 {
		font-size: 11px;
	}	

	#centButSq li.cols5 a, #centButSq li.cols5r a {
		height: 135px;
	}

	#insetBox1 {
		background-size:25%
	}
	#footer {
		background-size:43%
	}
	#menuLH li a.topItem, #menuLH li a.topItemAct {
		background-size:20%
	}	

}

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

	html, body {
/*		background-image:none;
		background-color:#ebebeb;*/
	}
	
	#mobOnly {
		display:block;
	}
	
	body {
		min-width:300px;
	}

	html, body, .inputFieldPublic, p, a, .tinyText, .inputField,
	#footerNews li a p, #footer_col2 p, #footer_col1 p {
		font-size:14px;
	}
	
	#main {
		padding-bottom:0;
	}

	#wrap {
		min-height:auto;
	}

	#wrap, #footer_wrap {
		min-width:300px;
	}

	#main_body_inner {
		margin-left:0px;
		margin-right:0px;
	}
	#main_body_bottom {
		width:auto;
	}
	
	#panel1Inner, #panel2Inner {
		margin-left:15px;
		margin-right:15px;
	}
	
	
	
	#headerTop {
		height:85px;
		background-image:url(images/header_bg_mob2.png);
		background-position:top;
	}

	#header {
		height:85px;
	}

	#logo_container
	{
		height:150px;
		width:120px;
		left:15px;
		background-image:url(images/POQI_logoM.png);
		background-size:100%
	}
	
	#LogoLink {
    	width: 120px;
	    height: 100px;
	}
	
	#social_containerFB, #social_containerTW {
		width:26px;
		height:26px;
	}
	
	#social_containerFB {
		background-image:url(images/social_facebook.png);
	}
	#social_containerTW {
		background-image:url(images/social_twitter.png);
		margin-right:10px;
	}

	#menuPopUp, .menuHidden {
		display:block;
	}
	
	#menu_container {
		top : 55px;
		position:relative;
		float : left;
		clear : left;
		right : 0;
		width : 100%;
		height: auto;
	}
	
	#mySidenav {
	display:block;
		z-index:101;
	}
	
		.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  right: 0;
	  background-color: #111;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	}
	
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 16px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	
	.sidenav a:hover {
	  color: #f1f1f1;
	}
	
	.sidenav .closebtn {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
      border:none;
	}

#banText {
	width:67%;
	bottom:10px;
	left:10px;
}
#banText  h1 {
	font-size:21px;
	line-height:25px;
}
#banText  h2 {
	font-size:14px;
}

	
	#subNav, #nav {
		display:none;
	}
	
	#nav, #nav li,
	#navB, #navB li {
		clear:left;
		height:auto;
		width: 100%;
	}
	
	#nav li,
	#navB li {
		border-bottom: 1px solid #ddd;
	}
	
	#nav li a,
	#navB li a {
		background-color:#FFF;
		font-size:16px;
		height: auto;
		line-height: 1.8em;
		border-style:none;
	}

	#nav li a:hover,
	#navB li a:hover {
		background-color:#EEE;
	}
	
#L2menuContainer, #L2menuContainerBan {
    min-width: 50%;
    width: auto;
}


#L2menuContainerLH {
	display:block;
	width:100%;
}
	
	#breadCrumbBig, #breadCrumbBig a {
    	font-size: 14px;
		margin-top:0;
		line-height: 25px;
	}
	
	
	#breadCrumbBig, #breadCrumb {
		padding-bottom:5px;
	}
	
	.bcTopBan {
		margin-left : 10px;
	}
	.bcTop {
		margin-left : 125px;
	}
	
	
	.headLine {
		font-size:14px;
	}
	.headLineTitle {
		font-size:14px;
	}
	
	h2, h1 {
		clear:both;
	}
	
/*	h2 {
		font-size: 18px;
	}
	
	h3 {
		font-size:14px;
	}

#headline h1 {
	font-size:31px;
}
#headline h2 {
	font-size: 23px;
}*/


#insetBox, #insetBoxFull, #insetBoxRh50,  #insetBoxRh33 {
	float:left;
	width:100%;
	margin:0;
}

	#topButSq {
		width:100%;
		clear:both;
	}

	#topButSq li a h2 {
		font-size: 12px;
		clear:both;
	}

	#topButSq li a {
		height:auto;
	}
	
	
	#flagButSq li, #centButSq li {
		width:100%;
		clear:both;
	}
	
	#centButSq li.cols4,
	#centButSq li.cols4r,
	#centButSq li.cols6,
	#centButSq li.cols6r,
	#centButSq li.cols5,
	#centButSq li.cols5r {
		width:49%;
		clear:none;
	}

	#panel1F .cols3r, #panel1F .cols3 {
		width: 100%;
	}
	
	#centButSq li.cols2,
	#centButSq li.cols2r {
		width:49.5%;
		clear:none;
	}
		
.cols5r {
	margin-right: 1%;
}
.cols3r {
	margin-right : 1.25%;
}
	
	 #flagButSq li, #centButSq li {
	 	padding-bottom:0px;
	 }
	 
/*	 .topBanner {
	 	display:none;
	 }*/
	 
	 #centButSq {
	 	margin-bottom:0px;
	 }

  	 #centButSq li a
	 {
		 background-image:url(images/buttonBgMob.png);
		 padding:13px;
		 padding-top:7px;
	 }

	#centButSq h2 {
		font-size:16px;
		line-height:1.8em;
		color:#FFF;
	}
	
#centButSq li a.flag1 {
	background-image:url(images/buttonBg1m.png);
}
#centButSq li a.flag2 {
	background-image:url(images/buttonBg2m.png);
}
#centButSq li a.flag3 {
	background-image:url(images/buttonBg3m.png);
}
#centButSq li a.flag1:hover, #centButSq li a.flag2:hover, #centButSq li a.flag3:hover {
	background-image:url(images/buttonBgHm.png);
}

#centButSq li {
	margin-bottom : 5px;
}

	
	#centButSq li a.flag1 h2,
	#centButSq li a.flag2 h2,
	#centButSq li a.flag3 h2
	 {
		color:#FFF;
	}
	#centButHead {
		position:relative;
		bottom :4px;
	}

	 
	 #centButTextBlock h2 {
	 	padding-top : 0px;
		height:32px;
	 }

	#centButSq li.cols5 h2,
	#centButSq li.cols5r h2 {
		font-size: 12px;
	}	
	 
	 #centButSq li.cols5 a,
	 #centButSq li.cols5r a,
	 #centButSq li.cols2 a,
	 #centButSq li.cols2r a {
		height: auto;
	 }
	 
	 #centButSq #M7ImgL {
	 width:45%;
	 padding-bottom:0px;
	 float:left;
	}

.topBanner #larger {
	font-size: 27px;
	line-height:1.0em;
}
.topBanner h4 {
	font-size:12px;
	padding-bottom:0px;
}
.topBanner h1 {
	font-size:17px;
	line-height:1.0em;
	padding-bottom:0px;
}
.topBanner p {
	font-size:12px;
	padding-top:0px;
}	 
#centButSq #centButSqInnerL,
.topBanner #centButSqInnerL {
	width: 96.5%;
}
#centButSq #centButSqInnerM,
.topBanner #centButSqInnerM {
	width:0.5%;
}
#centButSq #centButSqInnerR,
.topBanner #centButSqInnerR {
	width: 3%;
}
.topBanner #textBlock {
	top: 13px;
	width:90%;
	right:7%;
}
#logo_containerBan {
	width : 30%;
}
#BanLogo {
	width: 80%;
}

.topBanner  #locIcon,
.topBanner  #locationName {
	display:none;
}

	 
	 #flagButSq li a, #centButSq li a, #panel1F #centButSq li a {
		float:none;
		height:auto;
	 }
	 
	 #flagButSq #FImg {
	 	width : 20%;
		float:right;
	 }
	 
	 #flagButText {
       margin-right: 20%;
	 }
	 
	 #centButSq #MImgL {
	 width:45%;
	 padding-bottom:0px;
	 float:left;
	}

	#panel1, #panel2, #panel1F, #panel1FW, #panel2FW {
		float:left;
		clear:left;
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	
	#panel1F {
		padding-bottom:0px;
		margin-right:0px;
	}

	#footer {
		margin-top : 0px;
		height : auto;
		float:left;
		min-width:300px;
		background-size:55%
	}
	
	#footer_wrap {
		height : auto;
		float:left;
	}
	
	#footer_col1, #footer_col2, #footer_col3 {
		width:auto;
		clear:both;
		height:auto;
		margin-bottom:10px;
		padding-right:0;
		margin-right:0;
		float:none;
	}
	
	#footer_tag_container, #footer_nav_container, #footer_logo_container {
		position:relative;
	}
	#footer_tag_container, #footer_logo_container {
		right:0px;
		float:none;
	}
	
	#footerNews, #footerNews li {
		float:none;
	}
	
	#footer_logo_bar {
  	  float: left;
   	  height: auto;
   	  padding-bottom: 5px;
	      border-bottom: 1px solid #cbcbcb;
		  margin-bottom:5px;
	}
	#footer_logo_block1, #footer_logo_block2, #footer_logo_block3, #footer_logo_block4 {
		width : auto;
		padding-bottom:10px;
		padding-right:10px;
		text-align:left;
	}
	
	#footer_inner {
	padding : 25px 15px 20px 15px;
	}


	#footer_logo_container {
		float:right;
		margin-bottom:0px;
      background-size: 100%;
	}

	#tableCol10,#tableCol15,#tableCol20,#tableCol30,#tableCol40,#tableCol50,#tableCol55,
	#tableCol60,#tableCol70,#tableCol80,#tableCol90,#tableCol100,
	#tableCol1, #tableCol2 {
		clear:left;
		width : 98%;
		padding-left:0px;
		padding:1%;
	}
	#tableCol1, #tableCol1B {
		width : 100%;
	}
	
	#tableRow {
		padding-bottom:7px;
	}

	.agendaTime {
color: #332a86;
font-weight: bold;
	}
	.agendaUser {
		color:#2590c6;
		font-weight:bold;
	}
	.agendaUserGroup {
		color:#000;
		font-weight:bold;
	}

	#BanImg { display : none; }
	#BanImgM { display : block; }
	#locIcon { width: 15px; }
#locIcon.button {
	width : 12px;
}
#locIcon.banner {
	width : 12px;
}
#panel1Inner #locationName,
#centButSq #locationName,
.topBanner #locationName {
	padding-top:2px;
}

	#insetBox1 {
		padding : 15px;
		background-size:46%
	}
	
	#ButtonLogo { width : 50% };
	
	#XImgL, #XImgP { width: 100%; }
	#L2ImgL { width: 100%; }
	#L2ImgP { width: 100%; }
	#MImgL { width: 100%; }
	#MImgP { width: 30%; }
	#PImgP { width: 50%; }
	#M2ImgL { width: 40%; }
	#M2ImgP { width: 30%; }
	#M3ImgL { width: 70%; }
	#M3ImgP { width: 35%; }
	#M4ImgL { width: 30%; }
	#M4ImgP { width: 35%; }
	#M5ImgL { width: 100%; }
	#M6ImgL { width: 100%; }
	#LImgL { width: 100%; }
	#LImgP { width: 50%; }
	#LogXImgL, #LogXImgP { width: 100%; }
	#LogLImgL, #LogLImgP { width: 200px; }
	#LogMImgL, #LogMImgP { width: 120px; }
	#LogiImgL, #LogiImgP { width: 150px; }
	#LogSImgL, #LogSImgP { width: 100px; }

	#menuLH li a.topItem, #menuLH li a.topItemAct {
		background-size:15%
	}	

}

@media screen and (max-width: 359px) {
.topBanner  #logo_containerBan,
.topBanner  #locIcon,
.topBanner  #locationName {
	display:none;
}

	#banText {
		display:none;
	}
	#menuLH li a.topItem, #menuLH li a.topItemAct {
		background-size:17%
	}	


}