body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	text-align: center;
	background: #EDEAEB;
}

/* eeheader_temporary and its link styles control the dark blue bar at the top, and this is a temporary part of the design. You can safely remove this block of styles if you do not need that bar */

#eeheader_temporary {
	margin: 0 auto;
	padding: 4px 10px;
	width: 752px;
	background: #336;
	color: #9CF;
	text-align: left;
	border-left: 1px solid #336;
	border-right: 1px solid #336;
	border-bottom: 1px dashed #99C;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#eeheader_temporary a:link {
	text-decoration: underline;
	color: #9CF;
	background: transparent;
}
#eeheader_temporary a:hover {
	text-decoration: none;
	color: #900;
	background: #FFC;
}
#eeheader_temporary a:visited {
	text-decoration: underline;
	color: #9CF;
	background: transparent;
}

/* These are the default link styles */

a:link {
	text-decoration: underline;
	color: #666;
	background: transparent;
}
a:hover {
	text-decoration: underline;
	color: #900;
	background: #FFC;
}
a:visited {
	text-decoration: underline;
	color: #666;
	background: transparent;
}

/* the wrapper holds the whole thing centrally in the browser window */

#wrapper {
	margin: 0 auto;
padding:10px;
	width: 752px;
        height: 0 auto;
	background: #FFF;
	color: #333;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#wrappguest {
        
	margin: 0 auto;
padding:10px;
	width: 752px;
        height: 0 auto;
	background: #FFF;
	color: #333;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
        

}



/* the masthead. Change the image reference to the one you want to use */

#header {
	margin: 0 0 10px 0;
	color: #030;
	height: 100px;
	width: 750px;
	border: 1px solid #663;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_header.gif);}

/* the content style holds the two main columns together */

#content {
	margin: 10px 0;
}

/* about_site is the holder for your introduction. This can be safely removed */

#about_site {
	float: left;
	width: 483px;
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	border: 1px dashed #999;
	padding: 0;
	font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_diags.gif);}

/* blog is the right hand column where your entries and main content appear */

#blog {
	float: left;
	width: 483px;
	margin-bottom: 10px;
	color: #333;
	text-align: left;
	border: 1px dashed #999;
	padding: 0;
	font: 11px/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
	background: #CCC url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_diags_grey.gif) repeat-x;
}

/* sidebar is the left column where all the links and secondary info show up */

#sidebar {
	float: left;
	color: #333;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-right: 11px;
margin-bottom:15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_diags_white.gif) repeat-y right;
}

#sidebar1 {
	float: left;
	color: #333;
	text-align: left;
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-right: 11px;
margin-bottom:15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_diags_white.gif) repeat-y right;
}



/* the footer, containing credits, rss links etc */

#footer {
	margin: 0;
	padding: 15px 10px 12px;
	border: 1px dashed #999;
	background: #CCC;
	color: #333;
	font-size: 9px;
	letter-spacing: 0.09em;
}




#text {
	 
    border-left: 0px solid #336;
    border-right: 0px solid #336;
    border-top: 0px solid #336;
                border-bottom:0px solid #336;
    background: #CCCCCC;
    font: italic 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
       margin-bottom:20px;
       height: 140px;

}

#text1{
	 
    border-left: 0px solid #336;
    border-right: 0px solid #336;
    border-top: 0px solid #336;
                border-bottom:0px solid #336;
    background: #CCCCCC;
    font: italic 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
       margin-bottom:0px;
       height: 560px;

}

#flasch {
	 
  
                

      width:490px;
        heigh:185px;
margin-top:-192px;
  margin-bottom:1px;
margin-left:310px;

}
#flasch1 {
	 
  
         
    background: #0e5592;
    font: italic 11px 'Lucida Grande', Verdana, Arial,Sans-Serif;
  color:#ffffff;
         width:307px;
        height: 185px; 

  
margin-left:1px;


}

#flaschgl {
	 
  
                
    
    
      width:752px;
        height: 188px; 
        margin-top:0px;
         margin-bottom:1px;

}

#footer-l {

	height: 20px;
	width: 592px;
        padding: 0px 80px 0px;
	border: 1px dashed #999;
	background: #99cccc;
	color: #333;
	margin-bottom:10px;
	letter-spacing: 0.09em;
}

/* the main class keeps blog content away from the edges. Could have been done with padding in the blog class, but that could cause some woes with older browsers */

.main {
	margin: 0 8px 0 8px;
}

/* Header definitions. h1 is hidden, and only shows when styles are off. Note, there are specific definitions for the sidebar h3 header, blog h3 header, and the blog h2 link. The blog h2 link is a clickable rollover of the entry title */

h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:  24px;
	font-weight: bold;
	margin: 38px 0 0 20px;
}
h3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
}
h2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: 0.09em;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}
h4 {
	margin-bottom: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
               color:#ff0033;
}
h5 {
	margin-bottom: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
}
h6 {
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
                letter-spacing: 0.09em;
	font-weight: bold;
                margin-bottom: 0px;
                margin-top: -22px;
	
	
	
}

.splitap{
	
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
                letter-spacing: 0.09em;
	font-weight: bold;
                margin-bottom: 0px;
                margin-top: -22px;
	
	
}

#sidebar h3 {
	width: 249px;
	height: 22px;
	margin: 0;
	color: #336;
	text-decoration: none;
	display: block;
	text-align: left;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_diags_h3.gif) right;
	padding: 6px 0 0 5px;
}
html>body .h3 {
	width: 249px;
}
#blog h3 {
	letter-spacing: 0.09em;
	margin-top: 9px;
	margin-bottom: 12px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.center {
	text-align: center;
}
h2 a:link, h2 a:visited {
	font-weight: bold;
padding-left:17px;
	background: url(http://www.croatiasplitapartments.com/themes/site_themes/logical_blocks/lb_new_post.gif) left no-repeat;
	color: #336;
	text-decoration: none;
}
h2 a:hover {
	color: #900;
}

/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

/* For use with the acronym plugin. Creates a question mark, italic text and underline on acronyms */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* Two paragraph styles. A general one, and one specific to the footer */

p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#footer p {
	margin: 10px 0 5px;
}

/* For use with quotes and text you need to present outside of normal format */

blockquote {
	color: #333;
	border-left: 1px solid #CCC;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 165%;
}

/* The standard list styles. There are specific sidebar list styles later on */

ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
}
li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 2px;
	font: 100% verdana, arial, helvetica, sans-serif;
}

/* As it says, control of multi-entry page pagination links */

.paginate {
	margin: 18px 16px 18px 8px;
}

/* date and title are added to earlier h tags for greater control of headers. Posted shows all the author, permalink and trackback stuff under each entry */

.date {
	font-size: 10px;
}
.title {
	font-size: 135%;
	font-weight: bold;
	background: transparent;
	color: #336;
}
.posted {
	clear: both;
	margin-bottom: 5px;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 0px 0 0px;
	border-bottom: 0px dashed #999;
}
.posted_comments {
	clear: both;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #666;
	line-height: 165%;
	padding: 0px 0 0px;
}

/* Comments classes. commbox and coomboxalt are used in the switch conditional on the comments page */

.comments {
	font-size: 120%;
	font-weight: bold;
	background: transparent;
	color: #E78818;
}
.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

/* Some form styling. Not much though */

checkbox {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
textarea {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input {
border: 3px double #999999;
padding:1px;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit
{
border: 2px double #999999;
padding: 1px;
background-color: #FFF;
color: #333333;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
fieldset {padding:10px;}

/* As mentioned above, these are the sidebar-specific list styles, based on my ticked-off links technique. Note the sidebar-specific links also. They have set widths so you can rollover anywhere along the link line */

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 5px;
	border: 0 solid #CCC;
	color: #666;
}
#sidebar li {
	border-bottom: 1px solid #CCC;
}
#sidebar li a:link {
	color: #333366;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 243px;
}
#sidebar li a:visited {
	color: #333366;
	text-decoration: none;
	line-height: 150%;
	display: block;
	width: 243px;
}
#sidebar li a:hover {
	color: #000;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 243px;
}
#sidebar li a:active {
	color: #333366;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 243px;
}

/* Ok, this is a bit nasty. Everything else on the sheet is used to control the tab menu under the header. See how you go with this, and be sure to back it up before you tinker */

#nav_wrapper {
	padding: 22px 0 0;
	border-left: 1px solid #336;
	border-right: 1px solid #336;
	border-top: 1px solid #336;
                border-bottom:1px solid #336;
	background: #CCCCCC;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#nav_header {
	position: relative;
	top: 0;
	left: 0;
	width: 744px;
	height: 18px;
                color:#ccc;
}

#nav_header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	left: 1px;
                color:#336;
}
#nav_header ul#primary li {
	display: inline;
	list-style: none;
                
}
#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	width: 106px;
	backgroundColor:#ccc;
	float: left;
	padding: 4px;
	margin-top: 1px;
	margin-right: 7px;
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	color: #336;
	font: 100% verdana, sans-serif;
}
#nav_header ul#primary span, #nav_header ul#primary a.current, #nav_header ul#primary a.current:hover {
	border: 1px solid #FFF;
	borderBottomColor:# 2491da;
                backgroundColor:#ccc;
	padding-bottom: 7px;
	margin-top: 0;
	font-weight: bold;
	color: #336;
}
     nav_header ul#primary a {
	
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	font-weight: bold;
	color: #336;
}
#nav_header ul#primary a:hover {
	margin-top: 0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0 solid #336;
	background:#ff0033;
	font-weight: bold;
	padding-bottom: 5px;
	
               
}
#menu {
	float: left;
	width: 746px;
	height: 18px;
        background: #cccccc;
        MARGIN-RIGHT: 7px;
        padding: 22px 0 0px;
	border-left: 1px solid #336;
	border-right: 1px solid #336;
	border-top: 1px solid #336;
        border-bottom:1px solid #336;
        
        margin-bottom: 6px;
        
}

#menu2 {
         padding: 0px 0px 0px;
	
	margin-top: -10px;
	margin-left: 5px;
	
        margin-bottom: 0px;
	
	
	

}

*********
.head-navig {
	width:760px;
	height:20px;
}

#topmenu{
	height:20px;
	

}


/* main Links */
#mainLinks {
	background-color:#000033;
	color:#FFFFFC;
	text-align:center;
	vertical-align:middle;
	font-size:13px;
}


#mainLinks a{
	color:red;
	text-decoration:none;
}

#mainLinks a:hover{
	background-color:#660000;
	border: 0px;
	color:#FFFFCC;
}

/* bottom links */
#bottomLinks {
	background-color:#000033;
	color:white;
	text-align:center;
	font-size:13px;
}
#bottomLinks a{
	color:white;
	text-decoration:none;
}
#bottomLinks a:hover{
	background-color:#660000;
	border: 0px;
	color:#FFFFCC;
}
         
    


/* sub header */
#subHeader {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color:#FFFFFC;
	font-size:12px;
}	
/* main Cell */
#mainCell {
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	background-color:#FFFFFC;
        width:283px;
        
}
/* footer nav */
#footerNav {
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
	background-color:#FFFFFC;
	text-align:center;
	font-size:9px;
	color:#660000;
}
#footerNav a{
	color:#000033;
	text-decoration:none;
}
#leftBodyCol{
	width:20%;
	border-right: 1px solid #666666;
	vertical-align:top;
}
#middleBodyCol{
	
	vertical-align:top;
	padding: 0px;
}
#rightBodyCol{
	width:20%;
	border-left: 1px solid #666666;
	vertical-align:top;
}
#loading {
	position:static;
	top:50%; 
	left:50%; 
	width:auto;
	text-align:center;
	background-color:#CC0000; 
	color:#FFFFFF;
}

.topLink                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.topLink:hover           {  text-decoration: none; }

.tabLinkOff              {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; }
.tabLinkOff:hover        {  text-decoration: underline; }
.tabLinkOn               {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; }
.tabLinkOn:hover         {  text-decoration: underline; }

.mainText                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
.mainLink                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.mainLink:hover          {  text-decoration: none; }

.date                    {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }

.free                    {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B5313A; font-weight: bold; }
.free:hover              {  text-decoration: none; }

.tbl-border              {  background-color: #666666; }
.tbl-bg                  {  background-color: #FFFFCC; }
.tbl-vertSpacer          {  height: 6px; background-color: #ffffff; }

.locText                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.locArrow                {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.locLink                 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.locLink:hover           {  text-decoration: none; }
.locLink2                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
.locLink2:hover          {  text-decoration: none; }

.sideTitle               {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  }
.sideText                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.sideLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; text-decoration: none; }
.sideLink:hover          {  text-decoration: underline; }
.sideLink2               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.sideLink2:hover         {  text-decoration: none; }

.sidePopLink             {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; font-weight: bold; }
.sidePopLink:hover       {  text-decoration: none; }
.sidePopText             {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

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

h1                       {  font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #222222; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.pageTitle               {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #222222; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.pageSubTitle            {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.pageText                {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.pageHelpText            {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.pageField               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

.pageLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; }
.pageLink:hover          {  text-decoration: none; }
.pageLinkGrey            {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }
.pageLinkGrey:hover      {  text-decoration: underline;}

.dirCatText              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
.dirCatLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; font-weight: bold; }
.dirCatLink:hover        {  text-decoration: none; }
.dirSubCatLink           {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; }
.dirSubCatLink:hover     {  text-decoration: none; }
.dirResLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003378; line-height: 17px; font-weight: bold; }
.dirResLink:hover        {  text-decoration: none; }
.dirResText              {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height: 15px; }
.dirResUrl               {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #008000; line-height: 15px; }

.statText                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.statLink                {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.statLink:hover          {  text-decoration: none; }

.resBorder               {  background-color:#666666; }
.colText                 {  background: #efefef; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold; }
.rowText                 {  background: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.descText                {  background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 15px; }
.rowLinkBold             {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; font-weight: bold; }
.rowLinkBold:hover       {  text-decoration: none; }
.rowLink                 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003378; }
.rowLink:hover           {  text-decoration: none; }

.nofound                 {  background: #FFFFCC; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.error                   {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }

.bottomLink              {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; text-decoration: none; }
.bottomLink:hover        {  text-decoration: underline; }

.copyright               {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.copyrightLink           {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003378; }
.copyrightLink:hover     {  text-decoration: none; }
.countyMap				 {  width: 580px; height: 400px; border: 1px solid #666666; }
.searchMap				 {  width: 560px; height: 400px; border: 1px solid #666666; }

*/

*******************
.menulink1 li#active{ background: #003DF5; color: #fff; border-bottom: none;}
.menulink1 ul li { text-align: left; margin: 0 0 0 0; font:12px,Verdana, Arial, sans;}

/* remove all the bullets, borders and padding from the default list styling */
.menulink1 ul {
padding:0;
margin:0;
list-style-type:none;
width:235px;
}
/* hack for IE5.5 */
* html .menulink1 {margin-left:1px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menulink1 li {
position:relative;
background:#003DF5;
height:21px;

}

/* get rid of the table */
.menulink1 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menulink1 a, .menulink1 a:visited {
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:235px;
color:#fff;
text-indent:2px;
border:1px solid #fff;
border-width:0 0px 0px 0;
}

/* style the link hover */
* html .menulink1 a:hover {color:#FFCC33; background:#F5003D;}

.menulink1 :hover > a{
color:#FFCC33; 
background:#F5003D;


}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menulink1 ul ul {
visibility:hidden;
position:absolute;
top:0;
left:235px; 
}


/* make the second level visible when hover on first level list OR link */
.menulink1 ul li:hover ul,
.menulink1 ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menulink1 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menulink1 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menulink1 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menulink1 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#sub {

 width:120px;
}
.clear-b {
margin:0;
padding:0;
height: 2px;
border-bottom: 1px solid #ccc;
clear: both;
}
***************************************************************************