.commu
{
	float:left;
	padding:0px 0px 0px 7px;
	color:#1F4674;
	font-size:11px;
	border-bottom:0px solid #0080C1;
	height:19px;
	width:95px;
}
.commup
{
	display:none;
	border:1px solid #0087e6;
	position:relative;
	top:0px;
	width:75px;
	right:0px;
	padding:10px;
	z-index:10;
	background:#fff;
}
.commu:hover .commup
{ 
	display:block;
}
.commu:hover
{ 
	display:block;
	border-bottom:0px solid #0087e6;
}
.fung
{
	float:left;
	padding:0px 8px 0px 8px;
	color:#1F4674;
	font-size:11px;
	border-bottom:0px solid #0080C1;
	height:19px;
	width:95px;
}
.fungp
{
	display:none;
	border:1px solid #0087e6;
	position:relative;
	top:0px;
	width:80px;
	right:0px;
	padding:10px;
	z-index:10;
	background:#fff;
}
.fung:hover .fungp
{ 
	display:block;
}
.fung:hover
{ 
	display:block;
	border-bottom:0px solid #0087e6;
}
.create
{
	float:left;
	padding:0px 10px 0px 10px;
	color:#1F4674;
	font-size:11px;
	border-bottom:0px solid #0080C1;
	height:19px;
	width:67px;
}
.createp
{
	display:none;
	border:1px solid #0087e6;
	position:relative;
	top:0px;
	width:65px;
	left:-10px;
	padding:10px;
	z-index:10;
	background:#fff;
}
.create:hover .createp
{ 
	display:block;
}
.create:hover
{ 
	display:block;
	border-bottom:0px solid #0087e6;
}
.newa
{
	float:left;
	padding:0px 0px 0px 5px;
	color:#1F4674;
	font-size:11px;
	border-bottom:0px solid #0080C1;
	height:19px;
	width:95px;
}
.newa:hover
{ 
	display:block;
	border-bottom:0px solid #0087e6;
}
/*RESET*/
ul,li
{
	margin:0;
	padding:0;
}

/*MAIN*/


/*NAV*/
#nav
{
	background:#326295;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	color:#000;
	list-style:none;
	font-weight:normal;
	margin-bottom:3px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li
{
	float:left;
	padding:0 4px 0 6px;
	margin-right:0px;
	position:relative;
}
#nav a
{
	display:block;
	padding:5px 9px 5px 9px;
	color:#fff;
	background:#326295;
	text-decoration:none;
}
#nav a:hover
{
	color:#fff;
	background:#000;
	text-decoration:none;
}

/*DROPDOWN*/
#nav ul
{
	background:#fff;
	background:rgba(255,255,255,0); /*background fully transparent*/
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li
{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a
{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
ul.lastul li
{ 
	border:1px solid #000;
	left:-145px;
}
#nav li:hover ul
{ 
	/* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a
{ 
	/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color:#fff;
	background:#0087e6;
	text-decoration:none;
}
#nav li:hover ul a
{ 
	/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover
{ 
	/* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}

/*NAV*/
#navr
{
	background:#326295;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	color:#333;
	list-style:none;
	font-weight:normal;
	margin-bottom:3px;
	/* Clear floats */
	float:right;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#navr li
{
	float:right;
	padding:0px;
	margin-left:0px;
	position:relative;
}
#navr a
{
	display:block;
	padding:5px 9px 5px 9px;
	color:#fff;
	background:#326295;
	text-decoration:none;
}
#navr a:hover
{
	color:#fff;
	background:#000;
	text-decoration:none;
}

/*DROPDOWN*/
#navr ul
{	
	background:#fff;
	background:rgba(255,255,255,0); /*background fully transparent*/
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navr ul li
{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navr ul a
{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navr li:hover ul
{ 
	/* Display the dropdown on hover left:-746px; */	
	left:-746px;	
	/* Bring back on-screen when needed */
}
#navr li:hover a
{ 
	/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color:#fff;
	background:#0087e6;
	text-decoration:none;
}
#navr li:hover ul a
{ 
	/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navr li:hover ul li a:hover
{ 
	/* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}