start third nav
#third {
width : 130px;
background-color : #2D036E; color:#000000
}
:after#third{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0px; 
clear: both; 
visibility: inherit;
}
#third ul {
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 9px;
line-height : 18px;
margin : 0;
padding : 0;
width: 150px;
}
#third li {
list-style-type : none;
margin : 0;
width: 150px;
height: 25px;
background-image:url(images/nav-purple3.gif);
background-repeat:no-repeat;
}
#third li a {
display : block;
padding-left : 50px;;
color:#2D036E;
text-decoration : none;
width: 120px;
padding-top: 3px;
}
#third li a:hover {
display : block;
color : #2D036E;
font-weight: bold;
width : 120px;
padding-left :50px;
padding-top: 3px;
}
#third li a:visited {
display : block;
padding-left : 50px;
padding-top: 3px;
color : #000000;
text-decoration : none;
width : 120px;
}
#third li a:visited:hover {
display : block;
color : #000000;
text-decoration : none;
width : 120px;
padding-left : 50px;
padding-top: 3px;
}
end third nav




start web hosting nav
#web hosting {
width : 130px;
background-color : #ffffff;
}
:after#webhosting{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0px; 
clear: both; 
visibility: inherit;
}
#webhosting ul {
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 9px;
line-height : 18px;
margin : 0;
padding : 0;
width: 150px;
}
#webhosting li {
list-style-type : none;
margin : 0;
width: 150px;
height: 25px;
background-image:url(images/nav-purple2.gif);
background-repeat:no-repeat;
}
#webhosting li a {
display : block;
padding-left : 35px;;
color : #ffffff;
text-decoration : none;
width: 120px;
padding-top: 3px;
}
#webhosting li a:hover {
display : block;
color : #ffffff;
font-weight: bold;
width : 120px;
padding-left : 35px;
padding-top: 3px;
}
#webhosting li a:visited {
display : block;
padding-left : 35px;
padding-top: 3px;
color : #ffffff;
text-decoration : none;
width : 120px;
}
#webhosting li a:visited:hover {
display : block;
color : #ffffff;
text-decoration : none;
width : 120px;
padding-left : 35px;
padding-top: 3px;
}
end web hosting nav



start secondary nav

#secondarynav {
width : 130px;
background-color : #000000;
}
:after#secondarynav{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0px; 
clear: both; 
visibility: inherit;
}
#secondarynav ul {
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 9px;
line-height : 18px;
margin : 0px;
padding : 0px;
width: 150px;
}
#secondarynav li {
list-style-type : none;
margin : 0px;
width: 150px;
height:30px;
background-image:url(images/nav-purple.gif);
background-repeat:no-repeat;
}
#secondarynav li a {
display : block;
padding-left : 25px;
padding-top: 5px;
color : #ffffff;
text-decoration : none;
width : 120px;
}
#secondarynav li a:hover {
display : block;
padding-left : 25px;
color : #ffffff;
text-decoration : none;
width : 120px;
font-weight : bold;
padding-top: 5px;
}
#secondarynav li a:visited {
display : block;
padding-left : 25px;
color : #fff;
text-decoration : none;
width : 120px;
padding-top: 5px;
}
#secondarynav li a:visited:hover {
display : block;
padding-left : 25px;
color : #fff;
text-decoration : none;
width : 120px;
padding-top: 5px;
font-weight : bold;
}
end secondary nav




alt horizontal nav
#mainnav{
width: 100%;
}

:after#mainnav{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#mainnav ul{
border: 0px;
width: 750px;
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: 10px Verdana;
}


#mainnav ul li{
display: inline;
}


#mainnav ul li a{
float: left;
color: #ffffff;
padding: 8px 15px 6px 15px;
text-decoration: none;
background: url(images/nav-button1.gif) center; /*Theme Change here*/
}

#mainnav ul li a:hover{
color: #222222;
background: url(images/nav-button2.gif) center center repeat-x; /*Theme Change here*/
}

#mainnav ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ 
content: "";
}


end alt horizontal nav





#navigation {
width : 169px;
top : 10px;
left : 10px;
border-right : 1px dotted #ccc;
border-bottom : 1px dotted #ccc;
background-color : #ffffff;
padding : 10px;
}
:after#navigation{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0px; 
clear: both; 
visibility: inherit;
}
#navigation ul {
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 10px;
line-height : 18px;
margin : 0;
padding : 0;
background: #grey;
}
#navigation li {
list-style-type : none;
border-bottom : 1px dotted #fff;
margin : 0;
width: 100%;
}
#navigation li a {
display : block;
color : #ffffff;
text-decoration : none;
width : 100%;
text-indent: 5px;
}
#navigation li a:hover {
display : block;
color : #fff;
background-color: #ffffff;
text-decoration : none;
width : 180px;
font-weight : bold;
padding-left: 10px;
}
#navigation li a:visited {
display : block;
color : #fff;
text-decoration : none;
width : 100%;
}
#navigation li a:visited:hover {
display : block;
color : #fff;
text-decoration : none;
width : 100%;
width : 180px;
font-weight : bold;
padding-left: 10px;
}

horizontal nav
#chromemenu{
width: 100%;
}

:after#chromemenu{ /*Add margin between menu and rest of content in Firefox*/ 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 798px;
background: url(dropdownmenu/chrometheme/chromebg.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: 10px Verdana;
text-align:center;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #512987;
padding: 6px 20px 6px 20px;
text-decoration: none;
font-weight: bold;
background: url(dropdownmenu/chrometheme/divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{
padding: 6px 20px 6px 20px;
color: #333333;
font-weight: bold;
background: url(dropdownmenu/chrometheme/chromebgpurple.jpg) center center repeat-x; /*Theme Change here*/
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/ 
content: "";
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position: absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background: window;
width: 150px; 
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
text-align:left;
}

.dropmenudiv a{
width: 100%;
display: block;
border-bottom: 1px dotted windowframe; /*Theme Change here*/
padding: 2px 0;
text-indent: 5px;
text-decoration: none;
color: #666666;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background: 666666;
}
end horizontal nav




a:visited {
	color: windowframe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:link {
	color: windowframe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: windowframe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a:active {
	color: windowframe;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

td a {
text-decoration:none;
}

body        {
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#E5E4E4;
	scrollbar-base-color:#7557A5;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#7557A5;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#7557A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-color: #F4F4F4;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #503C7A;
	background-color: #F3F3F3;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.tex-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.textsmallgray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.textgray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.menusmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #503C7A;
}

.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.whitetextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
}

.purpleheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330066;
	font-weight: bolder;
}
.textsmallgraybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}
.tex-purplebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #330066;
}
.tex-boldred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.tex-bolddkred {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}
.tex-boldrd-large {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cc0000;
}
.tex-red {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}