/* CSS Document */

/**********************************************************************
 iPhone, etc portrait 
 *********************************************************************/
  
@media (max-width: 590px) {
/*	body:before { content: "Between 320 and 480";}*/

	.wrapper{width:300px; margin:0 auto; height:auto;}
	#logo{ background-size: 100% auto; height:65px; width:100%;}
	#toperlink {margin-top: 5px; text-align: center; width: 100%; float:none;}
	#toperlink ul {background: none repeat scroll 0 0 #FFF; overflow: hidden; padding:0px; text-align: center; width:100%; float:left; margin:5px 0px;}
	#toperlink li {color: #AFAFAF; overflow: hidden; text-align: center; display: inline-block; float: none; padding-top:8px;}
	#toperlink li a{color:#b6a876;}
	.iconset {display: inline-block; float: none; margin: 0 auto; overflow: hidden; text-align: center; width: auto;}
	#navimenu {display: none;}
	.leftsidepen {float: left; width: 100%;}
	.profilebox {background: none repeat scroll 0 0 #E6EBE6; border-bottom: 2px solid #E2E2E2; color: #656565; float: left; margin-bottom: 20px; padding:5%;  width:90%;}
	.rmm{margin:10px 0px; display:block !important;}
	
	.spacer{margin:15px 0px;}
	.msg_slideshow, .msg_wrapper, .msg_wrapper img {width:100% !important; height:auto !important;}
	.message{display:none;}
	.articalbox{width:100%;}
	.articalbox div {line-height: 15px; margin: 5px 10px; width: 60%;}
	.rightsidepen {margin-left: 0px !important; margin-bottom:15px;}
	.storyblock{width:100%; margin:0px 0% 20px 0% !important;}
	.fuldiv h1, .storyblock h3{width:96%; padding:8px 0 6px 3%;}
	.rightsidepen {margin:0 4% !important; width: 92%; float:none;}
	#copyright div {border-top:1px solid #DDD; padding:7px 5px 5px 5px; width:292px;}
	
	#awardpanel{float:none; margin:0 auto; width:100%;}
	
	/********* *Inner Page Class* ********/
	.profilebox img{width:98%;}
	.bannerinn{width:100%; height:206px; overflow:hidden;}
	#googlemap{border:4px solid #FFFFFF}
	
	.leftsidebar{width:100% !important;}
	.sidemenu h3{width:91%; border-radius:0px;}
	
	.rightsidebar{width:92% !important; margin-left:10px; margin-right:10px;}
	.halfdiv{width:100% !important;}
	
	.lb-album li{margin:5px 0px !important;}
	.lb-album li > a{width:274px !important;}	
	
}


@media only screen and (min-width: 320px) and (max-width: 590px) and (orientation: landscape) {
	.wrapper{width:98%; margin:0 1%; height:auto;}
	#logo{ height:100px; width:100%; background-size:inherit;}
	.leftsidebar{width:100% !important;}
	.sidemenu h3{width:96%; border-radius:0px; padding:0px 2%;}
	.sidemenu ul li{width:100%;}
	#footer ul {float: left; margin: 10px 6px; width: 55%;}
		
	.rightsidebar{width:92% !important; margin-left:10px; margin-right:10px;}
	.halfdiv{width:100% !important;}
	
	
}


/**********************************************************************
 iPhone, etc landscape 
 **********************************************************************/

@media only screen and (min-width: 590px) and (max-width: 768px) {
/*	body:before { content: "Between 480 and 768";}*/

	.wrapper{width:98%; margin:0 1%; height:auto;}
	#logo{ height:100px; width:100%; background-size:inherit;}
	.leftsidebar{width:100% !important;}
	.sidemenu h3{width:96%; border-radius:0px; padding:0px 2%;}
	.sidemenu ul li{width:100%;}
	#footer ul {float: left; margin: 10px 6px; width: 55%;}
	
	#toperlink {margin-top: 5px; text-align: center; width: 100%; float:none;}
	#toperlink ul {background: none repeat scroll 0 0 #FFF; overflow: hidden; padding:0px; text-align: center; width:100%; float:left; margin:5px 0px;}
	#toperlink li {color: #AFAFAF; overflow: hidden; text-align: center; display: inline-block; float: none; padding-top:8px;}
	#toperlink li a{color:#b6a876;}
	.iconset {display: inline-block; float: none; margin: 0 auto; overflow: hidden; text-align: center; width: auto;}
	#navimenu {display: none;}
	.leftsidepen {float: left; width: 100%;}
	.profilebox {background: none repeat scroll 0 0 #E6EBE6; border-bottom: 2px solid #E2E2E2; color: #656565; float: left; margin-bottom: 20px; padding:3%;  width:94%; min-height: 200px;}
	.profilebox img{clear:left;}
	.profilebox p{float:left;}
	.rmm{margin:10px 0px; display:block !important;}
	
	.spacer{margin:15px 0px;}
	.msg_slideshow, .msg_wrapper, .msg_wrapper img {width:100% !important; height:auto !important;}
	.message{display:none;}
	.articalbox{width:100%;}
	.articalbox div {line-height: 15px; margin: 5px 10px; width: 60%;}
	.rightsidepen {margin-left: 0px !important; margin-bottom:15px;}
	.storyblock{width:100%; margin:0px 0% 20px 0% !important;}
	.fuldiv h1, .storyblock h3{width:96%; padding:8px 0 6px 3%;}
	.rightsidepen {margin:0 3% !important; width: 94%; float:none;}
	#copyright div {border-top:1px solid #DDD; padding:7px 15px 5px; width:auto;}
	
	#awardpanel{float:none; margin:0 auto; width:100%;}
		
	.rightsidebar{width:94% !important; margin:0px auto; float:none;}
	.bannerinn {height:auto; overflow: hidden; width: 100%;}
	.halfdiv{width:100% !important;}
	
}


@media only screen and (min-width: 590px) and (max-width: 768px) and (orientation: landscape) {

	.wrapper{width:98%; margin:0 1%; height:auto;}
	#logo{ height:100px; width:100%; background-size:inherit;}
	.leftsidebar{width:100% !important;}
	.sidemenu h3{width:96%; border-radius:0px; padding:0px 2%;}
	.sidemenu ul li{width:100%;}
	#footer ul {float: left; margin: 10px 6px; width: 55%;}
		
	.rightsidebar{width:92% !important; margin-left:10px; margin-right:10px;}
	.halfdiv{width:100% !important;}
	
}


/**********************************************************************
 iPad, tablets etc portrait 
 **********************************************************************/

@media only screen and (min-width: 768px) and (max-width: 990px) {
/*	body:before { content: "Between 768 and 900";}*/

	.rmm{display:none !important;}

	.wrapper{ width:750px; overflow:hidden; margin:0 auto; height:auto;}
	#logo{ margin-left:8px;}
	.leftsidepen {float: left; width: 100%;}
	#navimenu ul li a {font:14px/22px 'swis721cnbtromanroman'; padding:12px 10px; text-transform: capitalize;}
	#navimenu li a.first-child{padding:12px 9px;}
	ul.menu-hover li a{font-size:13px;}
	
	.spacer{margin:15px 0px; float:none;}
	#msg_slideshow, .msg_slideshow, .msg_wrapper, .msg_wrapper img {width:768px !important; height:321px !important;}
	#msg_wrapper img{ width:768px!important;}
	.leftsidepen{width:322px;}
	.rightsidepen {margin-left:30px !important; float:left; width:385px !important;}
	.storyblock{clear:both; width:385px !important; margin-right:0px !important; margin-bottom:60px;}
	.fuldiv h1, .storyblock h3{width:98%;}
	#newspanel{overflow:hidden; height:160px; margin-bottom: 20px;}
	#awardpanel{margin-left:-350px; width:748px;}
	.rightsidepen {margin-left: 26px; width: 100%;}
	#copyright div {border-top:1px solid #DDD; padding:7px 5px 5px 5px; width:740px;}
	#footer ul{width:65% !important;}
	
	.leftsidebar{width:100%;}
	.sidemenu h3{width:96%; border-radius:0px; padding:0px 2%;}
	.sidemenu ul li{min-width:50%; width:auto;}
	
	.rightsidebar {margin: 20px auto; width: 96%; float: none;}
	
}

@media only screen and (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {

}



/************************************************************************ 
 Laptops, Desktops, etc 
 ************************************************************************/
 
@media only screen and (min-width: 990px) and (max-width: 1200px) {
	/*body:before { content: "Between 1024 and 1200";}*/
	
	
		
}