/* Start of CMSMS style sheet 'topmenu' */
/* Start of CMSMS style sheet 'topmenu' */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
#chromestyle:after {
/*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#chromestyle {
	width: 723px;
	font-weight: regular;
	position: absolute;
	top: 59px;
	background: url(images/topnav.gif) center center repeat-x;
/*THEME CHANGE HERE*/
	padding: 0px 0px 1px;
	margin: 0px;
	text-align: left;
/*set value to "left", "center", or "right"*/
}
* html #chromestyle {
	top: 59px
}
#chromstyle ul li {
	display: inline;
}
#chromestyle ul li a {
	display: block;
	color: #ffffff;
	padding: 7px 10px;
	margin: 0;
	text-decoration: none;
	border-left: 1px solid #628ba5;
}
#chromestyle ul li a:hover,  #chromestyle ul li.menuparenth{
	background: url(images/topnav-over.gif) center center repeat-x;
/*THEME CHANGE HERE*/
}
#chromestyle ul li a [rel]:after{
/*HTML to indicate drop down link*/
	content: " ";
	background-color: #ececec;
        color: #ffffff;
/*uncomment this line to use an image instead*/
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#chromestyle ul li li {
	width: 180px;
 
}
/* Unless you know what you do, do not touch this */
#chromestyle ul, #chromestyle ul ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#chromestyle ul ul {
	position: absolute;
	top: auto;
	display: none;
}
#chromestyle ul ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
}
#chromestyle ul li {
	margin-left: 0px;
	float: left;
}
#chromestyle ul li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic apperance of the menu elements */
#chromestyle ul li a {
}
#chromestyle ul li li a {
	border: 1px solid #51698d;
	color: #82a3b8;
}
#chromestyle ul li li a:hover {
	border: 1px solid #51698d;
	color: #ffffff;

    background: url(images/topnav_h.gif) center center repeat-x;
}
#chromestyle ul li li {
	background-color: #ececec;
        color: #ffffff;

}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#chromestyle ul li.menuactive {
	background: url(images/topnav-over.gif) center center repeat-x;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#chromestyle ul ul li.menuparent, #chromestyle ul ul li.menuparent:hover, #chromestyle ul ul li.menuparenth {
/* arrow for menuparents */
backgrund-color: #E7AB0B;
}
/* Styling the apperance of menu items on hover */
#chromestyle ul li:hover, #chromestyle ul li.menuh, #chromestyle ul li.menuparenth, #chromestyle ul li.menuactiveh {
	backgrund: url(images/topnav-over.gif) center center repeat-x;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* just add #chromestyle ul li:hover ul ul, #chromestyle ul li.menuparenth ul ul ul, for fourth level */
#chromestyle ul ul, #chromestyle ul li:hover ul, #chromestyle ul li:hover ul ul, #chromestyle ul li.menuparenth ul, #chromestyle ul li.menuparenth ul ul {
	display: none;
}
/* add #chromestyle ul ul ul ul li:hover ul, #chromestyle ul ul ul ul li.menuparenth ul, for fourth level*/
#chromestyle ul li:hover ul, #chromestyle ul ul li:hover ul, #chromestyle ul ul ul li:hover ul, #chromestyle ul li.menuparenth ul, #chromestyle ul ul li.menuparenth ul, #chromestyle ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#chromestyle ul li li {
	float: left;
	clear: both;
}
#chromestyle ul li li a {
	height: 1%;
}
/* End of 'topmenu' */
/* Start of CMSMS style sheet 'ctasc_main' */
/* End of 'topmenu' */