/* Basic Structure */

body {
	margin:10px;
}

#meta {
	position:absolute;
	top:10px;
	left:10px;
	width:150px;
	height:64px;
	padding:5px 10px;
	background:#ccc;
	border-top:10px solid #006;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	font-weight:bold;
}

#meta a {
	text-decoration:none;
	color:#006;
}

#meta a:hover {
	color:#fff;
}

.cart {
	float:right;
	display:inline;
}

#nav-container {
	padding:0 0 0 175px;
	border-bottom:10px solid #006;
}

#nav-wrap {
	margin:auto;
	width:712px;
}

#branding {
	margin:auto;
	width:700px;
	padding:5px 0 20px 0;
}

#nav-container #nav-wrap .clear {
	clear:both;
}

#navL *, #navR * {
	margin:0;
	padding:0;
}

#navL, #navR {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0;
	margin:0;
}

#navL li ul, #navR li ul {
	position:absolute;
	left:-10000px;
	top:100%;
	background:#ccc;
	padding:11px 11px 6px 11px;
}

#navL li ul li ul, #navR li ul li ul {
	position:static;
	padding:0;
}

#navL li, #navR li {
	position:relative;
	float:left;
	display:inline;
	background:#006;
}

#navL li ul li, #navR li ul li {
	/* Column Width */
	width:140px;
	padding:0 10px 0 0;
	background:none;
}

#navL li ul li ul li, #navR li ul li ul li {
	position:static;
	float:none;
	display:block;
	padding:0 0 5px 0;
}

/* Interaction */

#navL li:hover ul, #navL li.sfhoverL ul {
	left:0;
}

#navR li:hover ul, #navR li.sfhoverR ul {
	left:auto;
	right:0;
}

/* Classes: Column Width x #Columns */

.one {
	width:150px;
}

.two {
	width:300px;
}

.three {
	width:450px;
}

.four {
	width:600px;
}

/* Links */

#navL li a, #navR li a {
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:33px;
	text-align:center;
}

#navL li:hover, #navL li.sfhoverL, #navR li:hover, #navR li.sfhoverR {
	background:#ccc;
}

#navL li:hover a, #navL li.sfhoverL a, #navR li:hover a, #navR li.sfhoverR a {
	color:#006;
}

#navL li:hover a:hover, #navL li.sfhoverL a:hover, #navR li:hover a:hover, #navR li.sfhoverR a:hover {
	color:#fff;
}

#navL li ul li a, #navR li ul li a {
	display:inline;
	padding:0;
	color:#006;
	line-height:normal;
}

#navL li ul li a:hover, #navR li ul li a:hover {
	color:#fff;
}

/* Headings */

.home {
	width:50px;
}

.courses {
	width:59px;
}

.publications {
	width:81px;
}

.learning {
	width:129px;
}

.training {
	width:100px;
}

.faculty {
	width:116px;
}

.clients {
	width:55px;
}

.store {
	width:47px;
}

.care {
	width:75px;
}
