/* layout css for the page.rhtml template */


#SideBar{
float:left;
width:180px;
padding:10px 0px 10px 10px;	
/*padding:10px;	change disabled until millet tourism page resolved */
}

#calendars_show #SideBar {
  display:none;
}

#wrap {
	background:#fff url(/images/structure/faux_col.gif) 0 0 repeat-y ;
}
/* --- Main Menu --- */

ul#NavBar{
font-size:1.2em;
margin:10px 0;
}

#NavBar li a{
display: block;
line-height:20px;
padding:2px 10px;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #fff;
color:#fff;
text-transform:uppercase;
}

#NavBar li.on a {color: #000;}

#NavBar li a:hover{color:#000;}

#NavBar li#btn_calendar a{
background-image:url(/images/navbar/bg_Nav.gif);
background-repeat:no-repeat;
background-position:top center;
}

#NavBar li#btn_blog a{
background-repeat:no-repeat;
background-position:bottom center ;
background-image: url(/images/navbar/bg_Nav.gif);
border-bottom:none;
}


/* --- Search Box --- */


.SearchBox{
margin:0;
height:46px;
background:url(/images/searchbox/bg_search.gif) no-repeat top center;
font-size:1.2em;
}

.SearchBox fieldset{
border:none;
padding:13px 10px 0 10px ;
}

SearchBox legend, .SearchBox label{ display:none;}

.SearchBox input{
border:1px solid #999;
background:#fff;
line-height:11px;
padding:2px 5px;
width:84px;
float:left;
}

.SearchBox input#search_btn{
border:none;
width:auto;
background: none;
line-height:normal;
margin:0 0 0 5px;
padding:0 ;
height:19px;
display:inline;
}



/* --- Site Menu --- */

#SiteNavBar{
font-size:1.2em;
margin:10px 0;
border-top:1px solid #999;
font-weight:bold;
}

#SiteNavBar li a{
display: block;
line-height:20px;
border-bottom:1px solid #999;
padding:0px 10px;
color:#000;
text-decoration:none;
}

#SiteNavBar li a:hover{color:#fff!important;}
#SiteNavBar ul a{padding-left:10px;}

#SiteNavBar li.drop a, #SiteNavBar li.drop ul li.arrow a, #SiteNavBar li.drop ul li li.arrow a, #SiteNavBar li.MenuOpen ul li.arrow a, #SiteNavBar li.arrow a {
background-image:url(/images/navbar/bullet_drop.gif);
background-repeat:no-repeat ;
background-position:right center ;
/* because i need the color!! */
}

#SiteNavBar li.arrow li.arrow a {
background-image:url(/images/navbar/bullet_drop.gif);
background-repeat:no-repeat ;
background-position:right center ;
}

#SiteNavBar li.drop ul li a, #SiteNavBar li.drop ul li.arrow ul li a, #SiteNavBar li.MenuOpen ul li.arrow ul li a {
background-image:none ;
background-color:#fff;}

#SiteNavBar li.arrow li.arrow a {
background-image:url(/images/navbar/bullet_drop.gif) !important;}
#SiteNavBar li.arrow li.arrow li a {
background-image:none !important;}

/* first level drop */

#SiteNavBar li ul, #SiteNavBar li.MenuOpen ul li ul,  #SiteNavBar li.MenuOpen ul ul li ul {
position: absolute;
visibility:hidden;
margin:-22px 0 0 180px;
background:#fff;
border:1px solid #999;
border-bottom:none;
z-index:99;
width:180px;
}

/* second level drop */
#SiteNavBar li:hover ul ul, #SiteNavBar li.sfhover ul ul, #SiteNavBar li.MenuOpen ul ul li ul, #SiteNavBar li.MenuOpen ul li:hover ul ul, #SiteNavBar li.MenuOpen ul li.sfhover ul ul { visibility:hidden}

/* third level drop */
#SiteNavBar ul li:hover ul ul, #SiteNavBar ul li.sfhover ul ul{ visibility:hidden}

#SiteNavBar li:hover ul, #SiteNavBar li.sfhover ul, #SiteNavBar li li:hover ul, #SiteNavBar li li.sfhover ul, #SiteNavBar li.MenuOpen ul li:hover ul, #SiteNavBar li.MenuOpen ul li.sfhover ul, #SiteNavBar ul ul li:hover ul, #SiteNavBar ul ul li.sfhover ul, #SiteNavBar li.MenuOpen ul ul li:hover ul, #SiteNavBar li.MenuOpen ul ul li.sfhover ul { 
	/* lists nested under hovered list items */
visibility:visible;
}

#SiteNavBar li.MenuOpen ul{
visibility:visible;
position:static;
margin:0 0 0 0;
border:0;
z-index:98;
}

#SiteNavBar li.MenuOpen ul li a { padding-left:20px; }
/* BEGIN arrow 4 drops fix */

/* elements with arrows */
#SiteNavBar li.drop a, #SiteNavBar li.MenuOpen li.MenuOpen a,
#SiteNavBar li.drop li.drop a {
	background-image: url(/images/navbar/bullet_drop.gif);
	background-repeat: no-repeat;
	background-position: right center !important;
}

/* elements without arrows */
#SiteNavBar li.drop li.drop li a, #SiteNavBar li.MenuOpen li.MenuOpen li a {
	background-image: none;
 }

/* END arrow 4 drops fix */


#main{
padding: 0px 10px 10px 10px;
float: right;
width: 550px;
}