

#topmenubar{
	margin:0 auto;
	width:68%;
	height:55px;
	padding-top:10px;
	font:12px Helvetica;
	color:#ffffff;
}

.blue{
	color:#03B6C6;
}

ul.loggedin {
padding:0px;
position: relative;
text-align:right;
font:12px Helvetica;
font-weight:bold;
list-style:none;
float:right;
padding-left:0;
margin-left:0;
margin-top:0px;
width:200px;

}
ul.loggedin li{
	display:inline;
	float:right;
	padding-left:0px;
}

ul.loggedin li a{
	text-decoration:underline;
	color:#03B6C6;
}

ul.loggedin li a:hover{
	text-decoration:none;
	color:#FF7800;
}

#logo, #logo-full{
	float:left;
	width:260px;
}

#logo img, #logo-full img{

	margin-left:0;
	padding:0;
}


.menu ul{
padding:0px;
position: relative;
text-align:right;
font:12px Helvetica;
font-weight:bold;
list-style:none;
float:right;
padding-left:0;
margin-left:0;
margin-top:15px;
width:420px;

}

.menu ul li{
	display:inline;
	float:right;
	padding-right:30px;
}

.menu ul li a{
	text-decoration:none;
	color:#ffffff;
}

.menu ul li a:hover{
	text-decoration:none;
	color:#FF7800;
}

#topbanner .topleft .globalmenu {
    display: none;
    float: left;
}

@media screen and (max-width: 800px){
	#topmenubar{
		width:100%;
		margin:0 auto;
		text-align:center;
		float:center;
	}
	
	#topbanner .topleft .globalmenu {
	    display: inline;
	    float: left !important;
	    width: 10%;
	    margin-top: 15px;
	    margin-right: 5px;
	    margin-left: 10px;
	    height: 40px;
	}
	
	#logo{
		width: 70%;
        margin: 0 auto;
        text-align: center;
        float: right;
	}
	
	
	/* #logo img{
		width:80%;
		height:80%;
		text-align:center;
		margin-top:5px;
	} */
	
	#logo-full{
		width:100%;
		margin:0 auto;
		text-align:center;
		float:center;
	}
	
	
	#logo-full img{
		width:80%;
		height:80%;
		text-align:center;
		margin-top:0px;
	}
	
	.menu{
		display:none;
	}
	
	#headerlogin, .loggedin{
		display:none;
	}
}

a.login-small{
	background:url(/assets/images/buttons/login-button-small-blue.png) no-repeat;
	height:40px;
	width:90px;
	display:block;
	cursor:hand;
}

a.login-small:hover{
	background: url(/assets/images/buttons/login-button-small-blue-hover.png) no-repeat;
	height:40px;
	width:90px;
	display:block;
	cursor:hand;
}

.login-small{
	background:url(/assets/images/buttons/login-button-small-blue.png) no-repeat;
	height:40px;
	width:90px;
	border:0px;
	background-color:none;
	display:block;
	cursor:hand;
	cursor:pointer;
}

.login-small:hover{
	background: url(/assets/images/buttons/login-button-small-blue-hover.png) no-repeat;
	height:40px;
	width:90px;
	border:0px;
	background-color:none;
	display:block;
	cursor:hand;
	cursor:pointer;
}

.rolloutnav{
	display:none;
	margin:0;
	padding:0;
	z-index:100;
	position:absolute;
	top: 65px;
}

@media screen and (max-width: 1025px){
	#freetouse{
		display:none;
	}
	
	#topmenubar{
		width:98%;
	}
}

@media screen and (max-width: 800px){

	#freetouse{
		display:none;
	}
	
	.rolloutnav ul{
			list-style:none;
			margin:0 auto;
			padding:0;
			width: 200px;
			height:100%;
			left:0;
			margin-left:0;
			
	}
	
	.rolloutnav ul li{
		float:none;
		display:block;
		width:100%;
		font-size:0.8em;
		font-family: Helvetica;
		list-style-type: none;
		background:#04BACA;
		padding:6% 0% 5% 7%;
		text-align:left;
		color:#ffffff;
		height:25px;
		
	}
	
	.rolloutnav ul li.name{
		background:#3E3E3E;
		font-size:1em;
	}
	
	.rolloutnav ul li a{
		color:#ffffff;
		font-size:115%;
		font-weight:bold;
	}
	
	.rolloutnav ul li a:hover{
		color:#aeaeae;
	}
	
	.rolloutnav ul li:hover {position: relative; z-index: 9999; cursor: default;}
	.rolloutnav ul li:hover > ul { visibility: visible; }
}