@charset "utf-8";
/* CSS Document */

/* Because of Typo3 and the way it handles menus some of the information here is not used
I have tried to mark out those areas and or combine to make clearer
some of the areas I have marked out worked different in Typo3 then expected*/

/**************** menu coding *****************/

#mainMenu {
	width: 1024px;
	/*background: #eee;  This causes a gray block beneight the whole menu when the dropdowns open*/
	float: left;
	overflow: visible;
	visibility: visible;
}

#mainMenu ul {
	list-style: none;
	width: 9.7em;
	margin: 0;  /* Added so menu in IE will not move with longer dropdown lenths */
	padding:0; /* Added to block  inheritance in Firefox */
	text-align:center;
	float:left;
	font: bold 13px arial, helvetica, sans-serif;
	text-transform:uppercase; 
	display:inline;
	/*margin-right:5px;*/
	height:30px;
}

#mainMenu a{
	text-decoration: none;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	color: #CCC;
	width: 9.7em;
	padding:5px 0 3px 2px;
	background-image: url(../../images/R-B-B-button3.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:25px;
}
#mainMenu ul li a:hover {
	background-image: url(../../images/R-B-B-button1.gif);
	background-position: center top;
	background-repeat: no-repeat;
	color: #333333;
	font: bold 13px arial, helvetica, sans-serif;
}

#mainMenu ul li a {float:left;}

#mainMenu ul li ul li a, #mainMenu ul li ul li a:hover { 
	border-top: solid 1px #ccc;
	width: 111px;
	margin-left:5px;
	padding: 0px 5px 5px 5px;
	text-transform:none;
	font: bold 12px arial, helvetica, sans-serif;
}

#mainMenu ul li ul li a{ 
	background:none #465781;
	color: #ccc;
}

#mainMenu ul li ul li a:hover{ 
	background:none #808db8;
	color: #333333;
}

#mainMenu ul ul {
	position: relative;
	z-index: 400;
	text-align:left;
	margin: 0;
}

/* This is tha part that hides the sub-pages */
DIV#mainMenu ul ul,
DIV#mainMenu ul li:hover ul ul,
DIV#mainMenu ul ul li:hover ul ul{display: none;}
/* This is the part that displays the sub-pages */
DIV#mainMenu ul li:hover ul,
DIV#mainMenu ul ul li:hover ul,
DIV#mainMenu ul ul ul li:hover ul{display: block;}

/**************** Dept_Title *****************/
.dept_title{
	background-color:#668A96;
	color:#CCC;
	border-top: solid 4px #435665;
	border-left: solid 4px #435665;
	border-right: solid 4px #435665;
}
.dept_title ul{
	text-align:left;
	font-size:11px;
	font-weight:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0px;
	list-style: none;	
}
.dept_title ul li{
	padding:0 0 5px 0;
}
.dept_title a{
	
	margin-left:2px;
	color:#FFF;
	padding: 2px;
	letter-spacing: 1px;
}
.dept_title a:hover{
	color:#000;
	background-color:#CCC;
	padding: 2px;
}

.arrows {
	color:#EEE;
	font-weight:normal;
	margin-left:2px;
	font-size:15px;
}

.arrows2 {
	color:#EEE;
	font-weight:normal;
	margin-right:2px;
	font-size:15px;
}

.end_page{
	text-align:left;
}
.end_page a{
	font-size:13px;
	font-weight:normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;	
}

/**************** Submenu *****************/

.Sidemenu {
	background-color:#668A96;
	border: solid 4px #435665;
	margin-bottom:10px;
}
.Sidemenu ul {
	padding-left:2px;
	margin:0px 0px 3px 0px;
	/*border:solid 2px #000;  creates black boxex around <ul>'s*/
}

/*.Sidemenu ul li ul{
	
	margin: 1px 0 1px 0;
	border:none;
}*/
.Sidemenu li {list-style-type: none;}

.Sidemenu ol li {list-style-type: none; border:none;}
.Sidemenu a {
	text-decoration:none;
	font: bold 11px/20px arial, helvetica, sans-serif;
	color:#E1D6D4;
	/*margin-left:2px;*/
	padding: 2px 5px 2px 5px;
	border-bottom:dotted 1px #FFF;
	letter-spacing: 1.5px;
}

.Sidemenu a:hover {
	text-decoration:underline;
	color:#333;
	background-color:#CCC;
	border:none;
}

.Sidemenu ul ul li{
	padding:0;
	margin:0;
	border:none;
}
.Sidemenu ol li {
	padding:0;
	margin:0;
	list-style:circle;
	border:none;
}

.Sidemenu2 li a {
	font: normal 11px/18px arial, helvetica, sans-serif;
	color:#FFF;
	border:none;
	padding:2px;
	margin:0;
	letter-spacing: 1px;
}

.Sidemenu2 li a:hover {
	text-decoration:underline;
	color:#333;
	background-color:#CCC;
	padding:2px;
	margin:0;
}
/*.Sidemenu2 ul{ border-bottom:dashed thin #CCC;}*/