@charset "UTF-8";

/* ///////// NAV STYLES ///////// */
a{
border:0px;
}
a img{
border:0px;
}
#identity {
	float:left;
	margin-left:30px;
[?]	margin-left:15px;
}


#mainnav  {
	padding-right:30px;
	margin:0;
	margin-top:15px;
}

#content_subtop1{
	float:left;
	margin:0px;
	padding:0px;
}

#content_subtop2{
	float:right;
	margin:0px;
	padding:0px;
}

#subnav_text {

	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type:none;
	margin:0;
	padding:20px 0 0 30px;
}
#subnav_btn {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-type:none;
	padding:20px 26px 0 0;
	text-align:right;
	margin:0;
}


#mainnav ul {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	list-style-type:none;


}

#mainnav ul li {
	display:inline;
	margin: 0 0px 0 0;
	padding:20px 0 0 0px;
}

#mainnav a{
	color:#00BCD2;
	padding:2px 0px 2px 30px;
	text-decoration:none;
}

#subnav_text li {
	display:inline;
	margin: 0 0px 0 0;
	padding:20px 0 0 0px;
}
#subnav_text a {
	color:#00BCD2;
	padding:2px 15px 2px 0px;
	text-decoration:none;
}
#mainnav li.events{
padding-right:35px;
background:url(/images/black/nav_sep.png) bottom right no-repeat;
}

#mainnav a:hover, #mainnav a.active, #subnav_text a:hover, #subnav_text a.active {
	color:#FFF;
}


#subnav_btn li {
	background:url(/images/black/btn_bg_l.png) top left no-repeat;
[?] background:url(/images/black/btn_bg_l.gif) top left no-repeat;
	display:inline;
	padding:6px 0 6px 15px;
[?]	padding:0 0 6px 15px;
	margin:0;
}

#subnav_btn a {
	background:url(/images/black/btn_pulldown_r.png) top right no-repeat;
[?] background:url(/images/black/btn_pulldown_r.gif) top right no-repeat;
	color:#00BCD2;
	padding:6px 30px 6px 0;
	text-align:left;
	text-decoration:none;
}

#subnav_btn li.home{
	background:url(/images/black/btn_bg_home.png) top left no-repeat;
	padding:6px 25px 6px 25px;
[?]	padding:0 25px 6px 25px;
	position: relative;  /* the most unbelievable css fix I have ever seen -- necessary to make the whole bg image display in IE (before bottom was cut off) */
}
#subnav_btn li.home a{
	background:none;
	text-align:center;
	padding:6px 0px 6px 0px;
}
#subnav_btn a:hover, #subnav_btn a.active {
	color:#FFF;
	text-decoration:none;
}

#subnav_btn li a.selected, a.selected {
	color: #ccc;
}

#subnav_btn a.active {

}

#content_subtop1{
	float:left;

}
#content_subtop2{
	float:right;

}

#content_top .breadcrumbs{
	padding-left:30px;
	font-size: 14px;

}

/*  not logged in -- sub nav should be as follows */

#loglinks {
 color:#333333;
 margin-top:20px;
 margin-right:48px;
 font-weight:normal;
 font-size:14pt;
 font-family:Georgia;
}

#loglinks a{
 font-style:italic;
}

#loglinks img{
 margin-right:10px;

}
/*  vertical-align: bottom;?  */