#aboveheader {display:none;}

#ProfileDropMenu {
	width:30px;
	height:30px;
	background-color:white;
	text-align:center;
}

/*** Create top padding for large screens ***/
@media (min-width: 769px) { 

		#contentcontainer {
			margin-top:15px;  
		}
		#aboveheader {
			padding-top:5px;
			padding-right:10px;
			display:block;
			height: 25px;
		}
		#profilecircle {
			border-radius: 50%;
			width: 30px;
			height: 30px; 
			background-color:white;
			text-align:center;
		}

		li.mobileprofilemenuitem {
			display:none;
		}
		
		#footer {display:block;}
		#footermobile {display:none;}
}



#maincontent {background-color:white;padding:10px;}

#pagefeed {}
#rightadbar {text-align:center;}

#headerimage {
	padding:0px;
	width:100%; 
	height:auto;
}

.navbar {
	border-radius: 0px;
	margin-bottom: 0px;
}








.fieldlabel {
	font-size:11px;
	font-weight:bold;
	padding-right:10px;
	padding-top:2px;
}

.fielddescription {
	font-size:11px;
}




/****
To remove requirement of dropdown menu to be clicked.. this effectively sets it to 'hover'
Create a hover drop down only for pcs ****/
@media (min-width: 1200px) { 

		ul.nav li.dropdown:hover > ul.dropdown-menu {
			display: block;    
		}
}

.dropdown-menu {text-align:left;}


@media (max-width: 768px) { 

		a.fullscreenprofilemenuli {
			color:white;
			padding: 10px 15px;
			text-decoration:none;
		}
		a.fullscreenprofilemenuli:hover {
			color:black;
		}
		
		#footer {display:none;}
		#footermobile {display:block;}
}