@charset "utf-8";
/* CSS Document for ISPA Suceava */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navContainer {
	width: auto;
	display:block;
	clear:both;
}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Header menu */	 
#header_menu {
	position: absolute;
	margin-left: 20px;
	background:#2863B1;
}
#header_menu li {
	line-height: normal;
}
ul#header_menu {
	z-index: 10;
	clear: both;
}
#nav {
	height: 28px;
	background: #2863B1;
	border-top: 0;
	padding:0;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {
	float: left;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#nav ul li a {
	display: block;
	background: #2863B1;
	padding: 5px 10px;
	padding-bottom: 4px;
	bborder-left: 1px solid #0F4B96;
	bborder-right: 1px solid #0F4B96;
	color: #CCCCCC;
	text-decoration: none;
}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {
	background: #2863B1;
	bborder-color: #2863B1;
	color: #FFFFFF;
}
#nav li a:active, #nav ul li a.active {
	background: #2863B1;
	bborder-color: #2863B1;
	color: #FFFFFF;
}

/* Current page Customisations*/
#nav li.menu-current a {
	background: #2863B1;
	color: #FFFFFF;
	border-bottom: 3px solid #00007D;
}

#nav li.menu-current a {
	font-weight: bold;
}

#nav ul li.menu-parent a {
    background: #2863B1;
    color: #FFFFFF;
    border-bottom: 3px solid #00007D;
}

/* 2nd Child menu */
#nav .menu li ul {
	position: absolute;
	width: 12em;
	margin: 0;
	display: none;
	text-transform: none;
	border: 1px solid #2863B1;
	border-top: 0;
	font-weight: bold;
}
#nav .menu li ul li {
	width: 12em;
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
#nav .menu li ul a {
	width: 11.5em;
	padding: .6em .1em .6em .4em;
	background: #2863B1;
	color: #FFFFFF;
	border: 0;
	font-weight: bold;
	filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover {
	color: #FFFFFF;
	background: #2863B1;
	border: 0;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display: block;
}
#nav .menu li ul ul {
	display: none;
}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display: none;
}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
	display: block;
}
/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a {
	width: 11.5em;
	padding: .6em .1em .6em .4em;
	background: #2863B1;
	color: #FFFFFF;
	filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;
}
/* Positioning the Pop-out Drops */
#nav li {
	position: relative;
}
#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}
/* end menu */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {
	visibility:hidden;
	display:none;
} /* hides from normal css enabled browsers */
/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important {
	font-weight:bold;
	color:#f00;
}