@charset "utf-8";

/* Cal Aggie Christian Association header suckerfish navigation styles */
/* navigation based on: http://www.alistapart.com/articles/dropdowns/ */

#header {
	float: left;
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* top of page logos */

#left-logo {
	float: left;
	width: 225px;
	margin: 16px 0 16px 0;
}

#right-logo {
	float: right;
	margin: 32px 0 16px 0;
}

/* bread crumb navigation (http://www.mindpalette.com/tutorials/breadcrumbs/index.php) */

#breadcrumb-nav {
	float: right;
	list-style-type: none;
	font-size: 11px;
	width: 470px;
	text-align: right;
}

/* future coding fun: convert backlinks.inc to a ul and uncomment the following css . . . 

#breadcrumb-nav li {
	display: inline;
	padding: 1px 3px 1px 6px;
	border-left: 1px solid #ccc;
}

#breadcrumb-nav .first {
	border: none;
}
*/

/* suckerfish dropdown navigation (http://www.alistapart.com/articles/dropdowns) */

#main-nav-container {
	clear: both;
	width: 780px;
}

#main-nav, #main-nav ul {
	padding: 0;
	margin: 0;
	list-style:	none;
	z-index: 10;
}

#main-nav img {
	display: block; /* needed to avoid alignment with baseline of text */
	border: none;
}

#main-nav a {
	display: block;
	text-decoration: none;
	color: #000;
}

#main-nav li {
	float: left;
}

#main-nav #home {	width: 68px; }

#main-nav #community { width: 194px; }

#main-nav #programs { width: 124px; }

#main-nav #leadership {	width: 128px; }

#main-nav #resources { width: 128px; }

#main-nav #about { width: 138px; }

#main-nav li li {
	padding: 0;
	font-size: 10px;
	background-color: #D2F0B5;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#main-nav li ul {
	position: absolute;
	width: 195px;
	left: -999em;
}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left: auto;
}

#main-nav li li a {
	padding:  5px 0 5px 5px;
	width: 188px;
}

#main-nav li li {
	width: 193px;
}

#main-nav li li a:hover {
	background-color: #214da1;
	color: #fff;
}

#main-nav li:hover, #main-nav li.hover {
    position: static;
}