/* css for handheld devices  */
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	body {
		width:100%;
	}
	#container, #container-home, #container-prog, #container-auth, #container-reg, #container-login, #container-contact, #container-about, #container-archive, #container-events {
		width:100%;
	}
	#footer, #main-nav, #main-nav-home{
		width:100%
	}
	#wrapper {
		width:100%;
	}
	.home, #homepageImage, #top-nav,.banner {
		overflow:hidden;
		width:100%;
	}
	#top-nav{
		width:95%;
	}
	.logo {
		margin-right:0;
	}
	.nav ul li {
		width:100px;
		height:81px;
	}
	* html .nav ul li {
		width:100px;
		height:81px;
	}
	/*check the following*/
	.nav ul li a {
		margin:0px;
		padding:40px 20px 0px 20px;
		width:60px;
		background-image:url("../templates/images/uog/nav-off-tablet.gif");
	}
	.nav ul li a:hover, .nav ul li a.hierarchy {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	.nav ul li a:selected {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	.nav li a:active {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	.nav li a:current {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	.nav li.current a {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	#container-home .nav li.home a, #container-prog .nav li.prog a, #container-auth .nav li.auth a, #container-reg .nav li.reg a, #container-login .nav li.login a, #container-contact .nav li.contact a, #container-about .nav li.about a, #container-archive .nav li.archive a, #container-events .nav li.events a {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	#main-nav-home .nav ul li a.current {
		background-image:url("../templates/images/uog/nav-on-tablet.gif");
	}
	#cclicense, #pagefooter {
		width:95%;
	}
	#pageBottom, #homePageBottom {
		margin-bottom:-5px;
	}
	/***Start of Sub Nav***/
	#sub-nav ul ul a{
		width:158px;/**/
	}
	#sub-nav {
		width:190px;/*//*/
		background-image:url("../templates/images/uog/left-bg2-tablet.gif");
		background:#dfdfdf url("../templates/images/uog/left-bg2-tablet.gif") bottom left no-repeat;
	}
	#sub-nav ul li a {
		width:170px;/**/
	}
	#sub-nav ul li a:hover, #sub-nav ul li a.selected, #sub-nav ul li a.curr, #sub-nav ul li a.curr1, #sub-nav ul li a.hier {
		background:#fff url("../templates/images/uog/sub-nav-bg-tablet.gif") bottom left no-repeat;
	}
	#sub-nav ul li ul li a{
		width:157px;/**/
	}
	/** Start of Sub Nav IE8 Fixes **/
	#sub-nav ul ul li a{
		width:157px;/**/
	}
	div#left {
		width:190px;/**/
	}
	div#left form {
		padding-left:1em;
	}

	div#right {
		width:550px;/**/
	}
	#right .bodycontent div ul{
		/*margin-left:5px;*/
	}
	.bodycontent {
		margin:0 0 0 5px;
		padding:10px;
	}
	div #twitterfall {
		float:right;
		padding: 0.5em 0 1em 1em;
		margin:-5px -10px 0 0;
	}

}