a:link {
	color: #003366;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin: auto;
	text-decoration: underline;
}

a:visited {
	color: #000066;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #800080;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	color: #000066;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.small:link {
	color: #525252;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;

}

a.small:visited {
	color: #000000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a.small:hover {
	color: #B50000;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a.small:active {
	color: #0000FF;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a.macnews:link {
	color: #B50000;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.macnews:visited {

	color: #B50000;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.macnews:active {

	color: #B50000;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;}
a.macnews:hover {
	color: #B50000;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.moreinfo:link {
	color: #B50000;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: blink;
}
a.moreinfo:visited {

	color: #B50000;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
a.moreinfo:active {

	color: #B50000;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
a.moreinfo:hover {
	color: #B50000;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}


a.video:link {
	color: #B50000;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.video:visited {
	color: #000080;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.video:active {
	color: #B50000;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.video:hover {
	color: #0000FF;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}


a.solutionnews:link {

	color: #006BA7;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.solutionnews:visited {

	color: #006BA7;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.solutionnews:active {

	color: #006BA7;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.solutionnews:hover {

	color: #006BA7;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
a.breadcrumblink:link {
	color: #990000;
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a.breadcrumblink:visited {
	color: #990000;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a.breadcrumblink:hover {
	text-decoration: none;
	color: #800080;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

a.breadcrumblink:active {
	color: #990000;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
a.navlink:link {
	color: #000033;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #B4CBFF;
}
a.navlink:visited {
	color: #000033;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.navlink:hover {
	text-decoration: underline;
	color: #800080;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

a.navlink:active {
	color: #000033;
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.tb:link{
	color:#000;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;

}
a.tb:visited {
	color: #006BA7;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.tb:hover {
	text-decoration: underline;
	color: #FFFF00;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}

a.tb:active {
	color: #000033;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration:underline;
}
a.tbw:link{
	color: #FFFF00;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.tbw:visited {
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
a.tbw:hover {
	text-decoration: underline;
	color: #FFFF00;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}

a.tbw:active {
	color: #000033;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration:underline;
}

a.white:link {
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	margin: auto;
}
<code><span class="code-comment">/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */</span>
<span class="code-comment">/*------------------------------------*\
    NAV
\*------------------------------------*/</span>
#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    <span class="code-comment">/* Clear floats */</span>
    float:left;
    width:100%;
    <span class="code-comment">/* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */</span>
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}


/*Initialize*/
.box1{
	border: 0px;
	background-color: #fff;
	border-color: ffffff;
}

ul#menu ul.sub-menu {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

ul#menu {
	padding: 20px 0px 20px 327px;
	margin: 0;
	background-color: #FFFFFF;
	float: right;
	border: 0px;
}


ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
    background-color: #FFFFFF;
}

ul#menu li {
    list-style-type: none;
    display: inline-block;
    background-color: #FFFFFF;
    margin-right:20px;
    
}
/*Link Appearance*/
ul#menu li ul.sub-menu li a {
	text-decoration: none;
	color: #000;
	padding: 5px;
	display: inline-block;
	background-color: #CCCCCC;
	
	
}
ul#menu li a {
	text-decoration: none;
	color: #000;
	display: inline-block;

}
/*Make the parent of sub-menu relative*/
ul#menu li {
	position: relative;
	background-color: #ffffff;
}

/*sub menu*/
ul#menu li ul.sub-menu {
	display: none;
	position: absolute;
	top: 16px;
	left: -2px;
	background-color: #Cccccc;
	margin-left: 1px;
	width: 160px;
}

ul#menu li:hover ul.sub-menu {
	display: block;
	width: 300px;
	background-color: #CCCCCC;
}

ul#menublue ul.sub-menu {
	padding: 0;
	margin: 0;
	background-color: #000080;
	color: #FFFFFF;
}

ul#menublue {
	padding: 5px 0px 5px 10px;
	margin: 0;
	background-color: #000080;
	float: right;
	border: 0px;
	color: #FFFFFF;
}

ul#menublue ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
    background-color: #000080;
    color: #FFFFFF;
}

ul#menublue li {
    list-style-type: none;
    display: inline-block;
    background-color: #000080;
    margin-right:20px;
    color: #FFFFFF;
    
}
/*Link Appearance*/
ul#menublue li ul.sub-menu li a {
	text-decoration: none;
	color: #000;
	padding: 5px;
	display: inline-block;
	background-color: #0066CC;
	color: #FFFFFF;
}
ul#menublue li a {
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block;

}
/*Make the parent of sub-menu relative*/
ul#menublue li {
	position: relative;
	background-color: #000080;
	color: #FFFFFF;
}

/*sub menu*/
ul#menublue li ul.sub-menu {
	display: none;
	position: absolute;
	top: 16px;
	left: -2px;
	background-color: #0066CC;
	margin-left: 1px;
	width: 160px;
	color: #FFFFFF;
}

ul#menublue li:hover ul.sub-menu {
	display: block;
	width: 300px;
	background-color: #0066cc;
	color: #FFFFFF;
}