/*================================================================
HOMEPAGE stylesheet for the website.

STYLES FOR ELEMENTS SPECIFIC TO HOMEPAGE OR
THAT NEED TO BE REDEFINED.

  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
#Content {
  min-height :0px;
  _height:0px;
}

#Tabs ul ul{
   width:136px;
   padding:0px 7px;
   float:left;
   margin:0 4px;
   font-size:11px;
   height:243px;
   position:absolute;
   left:-4px;
   top:29px;
   display:none;
}

#Tabs li:hover > ul{
    display:block;
}

#Tabs ul ul ul{
    display:none;
    height:auto;
    margin:0 0 0 -3px;
    padding:0;
    text-indent:15px;
}

#Tabs li:hover ul li:hover ul{
    display:block;
    position:static;
}




#Tabs{
	height:273px;
	background:url(../images/main_tab.jpg) no-repeat;
}
#Tabs li.learn ul{
    background:url(../images/tabs_hover.jpg) no-repeat 0px 0;
}

#Tabs li.connect ul{
    background:url(../images/tabs_hover.jpg) no-repeat -150px 0;
}

#Tabs li.getInvolved ul{
    background:url(../images/tabs_hover.jpg) no-repeat -300px 0;
}

#Tabs li.learn ul ul,
#Tabs li.connect ul ul,
#Tabs li.getInvolved ul ul{
	background:none;
}


#Tabs ul ul > li{
	text-align:left;
	font-weight:bold;
	padding:0px 3px;
	width:128px;
	border-left:none;
}

#Tabs ul ul li a{
  width:128px;
	height:auto;
  border-bottom:1px dashed #CCCCCC;
}