html, body { }
body {
	margin: 0 auto;
	width: 950px;
	color: #666;
	background: #fff url('uccr/background.gif') repeat-x;
}

h1 {
	padding: 2px 0 8px;
	font-weight: bold;
	font-size: 18px;
	color: #464646;
}

h2 {
	padding: 10px 0;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #000;
}
h2 a:hover, h2 a:active {
	text-decoration: underline;
}

p {
	padding: 0 0 16px;
	font-size: 1em;
	line-height: 1.5em;
}

img.bio {
	float: left;
	padding: 4px 15px 5px 0;
}

a:link, a:visited {
	color: #2378a4; /*#91a9bc;*/
}
a:hover, a:active {
	text-decoration: none;
}

header, nav, #content, footer {
	position: relative;
	padding: 0 0px;
}

header {
	height: 156px;
	background: #fff url('uccr/background.gif') no-repeat;
}
header .logo {
	position: absolute;
	top: 12px;
	left: 10px;
}

nav {
	height: 58px;
	z-index: 100;
	background: #fff url('uccr/navigation-bg.png') no-repeat;
	border-right: 2px solid #91a9bc;
	border-left: 2px solid #91a9bc;
}
nav li {
	float: left;
}
nav #navigation-primary li a:link, nav #navigation-primary li a:visited {
	display: block;
	margin: 0;
	padding: 9px 0 0 0;
	width: 124px;
	height: 25px;
	font-size: .85em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	border-right: 2px solid #91a9bc;
}
nav #navigation-primary li a:hover, nav #navigation-primary li a:active {
	margin: 0;
	text-decoration: underline;
	background: #fff;
	color: #91a9bc;
}
nav #navigation-secondary li a:link, nav #navigation-secondary li a:visited {
	display: block;
	margin: 0 2px 0 0;
	padding: 3px 4px 0 4px;
	width: 116px;
	height: 19px;
	font-size: .85em;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

nav #navigation-secondary li a:hover, nav #navigation-secondary li a:active {
	background: url('uccr/navigation-secondary.png') no-repeat;
}
nav #navigation-secondary li {
	position: relative;
	background: url('uccr/navigation-secondary.png') no-repeat;
}
nav #navigation-secondary li ul {
	position: absolute;
	display: none;
	width: 124px;
}
nav #navigation-secondary li:hover ul {
	display: block;
}
nav #navigation-secondary li ul li {
	z-index: 20;
	background: url('uccr/navigation-secondary-dropdown.png') repeat-y;
}
nav #navigation-secondary li ul li a:hover, nav #navigation-secondary li ul li a:active {
	background: url('uccr/navigation-secondary-dropdown.png') repeat-y;
}

/* Section 1 */
nav #navigation-secondary li.section-1,
nav #navigation-secondary li.section-1 ul li {
	background-position: 0px 0px;
}
nav #navigation-secondary li.section-1 a:hover,
nav #navigation-secondary li.section-1 a:active {
	background-position: 0px -22px;
}
nav #navigation-secondary li.section-1.dropdown {
	background-position: 0px -44px;
}
nav #navigation-secondary li.section-1.dropdown:hover {
	background-position: 0px -66px;
}
nav #navigation-secondary li.section-1.dropdown a:hover {
	background-position: 0px -88px;
}
nav #navigation-secondary li.section-1.dropdown ul li a:hover,
nav #navigation-secondary li.section-1.dropdown ul li a:active {
	background-position: -630px 0px;
}

/* Section 2 */
nav #navigation-secondary li.section-2,
nav #navigation-secondary li.section-2 ul li {
	background-position: -126px 0;
}
nav #navigation-secondary li.section-2 a:hover,
nav #navigation-secondary li.section-2 a:active {
	background-position: -126px -22px;
}
nav #navigation-secondary li.section-2.dropdown {
	background-position: -126px -44px;
}
nav #navigation-secondary li.section-2.dropdown:hover {
	background-position: -126px -66px;
}
nav #navigation-secondary li.section-2.dropdown a:hover {
	background-position: -126px -88px;
}
nav #navigation-secondary li.section-2.dropdown ul li a:hover,
nav #navigation-secondary li.section-2.dropdown ul li a:active {
	background-position: -630px 0px;
}

/* Section 3 */
nav #navigation-secondary li.section-3,
nav #navigation-secondary li.section-3 ul li {
	background-position: -252px 0;
}
nav #navigation-secondary li.section-3 a:hover,
nav #navigation-secondary li.section-3 a:active {
	background-position: -252px -22px;
}
nav #navigation-secondary li.section-3.dropdown {
	background-position: -252px -44px;
}
nav #navigation-secondary li.section-3.dropdown:hover {
	background-position: -252px -66px;
}
nav #navigation-secondary li.section-3.dropdown a:hover {
	background-position: -252px -88px;
}
nav #navigation-secondary li.section-3.dropdown ul li a:hover,
nav #navigation-secondary li.section-3.dropdown ul li a:active {
	background-position: -630px 0px;
}

/* Section 4 */
nav #navigation-secondary li.section-4,
nav #navigation-secondary li.section-4 ul li {
	background-position: -378px 0;
}
nav #navigation-secondary li.section-4 a:hover,
nav #navigation-secondary li.section-4 a:active {
	background-position: -378px -22px;
}
nav #navigation-secondary li.section-4.dropdown {
	background-position: -378px -44px;
}
nav #navigation-secondary li.section-4.dropdown:hover {
	background-position: -378px -66px;
}
nav #navigation-secondary li.section-4.dropdown a:hover {
	background-position: -378px -88px;
}
nav #navigation-secondary li.section-4.dropdown ul li a:hover,
nav #navigation-secondary li.section-4.dropdown ul li a:active {
	background-position: -630px 0px;
}

/* Section 5 */
nav #navigation-secondary li.section-5,
nav #navigation-secondary li.section-5 ul li {
	background-position: -504px 0;
}
nav #navigation-secondary li.section-5 a:hover,
nav #navigation-secondary li.section-5 a:active {
	background-position: -504px -22px;
}
nav #navigation-secondary li.section-5.dropdown {
	background-position: -504px -44px;
}
nav #navigation-secondary li.section-5.dropdown:hover {
	background-position: -504px -66px;
}
nav #navigation-secondary li.section-5.dropdown a:hover {
	background-position: -504px -88px;
}
nav #navigation-secondary li.section-5.dropdown ul li a:hover,
nav #navigation-secondary li.section-5.dropdown ul li a:active {
	background-position: -630px 0px;
}

#content {
	display: block;
	position: relative;
	padding: 20px 40px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	color: #362f2b;
	background: #fff;
	border-left: 2px solid #91a9bc;
	border-right: 2px solid #91a9bc;
	border-bottom: 2px solid #91a9bc;
}

#main-content {
	display: block;
	clear: both;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: #fff;
}
#main-content ul {
	margin: 0 0 20px 30px;
	list-style-type: square;
}
#main-content ul ul {
	margin: 0 0 0 16px;
	list-style-type: circle;
}

.layout-two-column #main-content {
	float: left;
	width: 63%;
}

.layout-two-column aside {
	float: right;
	width: 30%;
	
}

#quoteBox {
	height: 150px;
	background: #e2e2e2;
	padding-left: 350px;
	border-left: 2px solid #91a9bc;
	border-right: 2px solid #91a9bc;
	border-bottom: 2px solid #91a9bc;
}


#quoteBox.homePic {	background-image: url(../images/quotebox-pics/home.jpg); background-position: top left;	background-repeat: no-repeat; }


#quote {
	vertical-align: middle;
	display: block;
	height: auto;
	padding-top: 70px;
}

footer {

}

footer .copyright {
	display: block;
	position: relative;
	font-size: .85em;
	padding: 5px 10px 50px 0;
	color: #d2d2d2;
	text-align: right;
}

footer .copyright a {
	text-decoration: none;
}

.box {
	margin: 15px;
	padding: 12px 15px 0;
	background: #eee;
}

#membership_price, #chapter_price, #section_price, #total_price {
	font-size: 1.3em; font-weight: bold;
}

#final_total {
	font-size: 1.6em; font-weight: bold;
}

.price_display {
	display: block; margin: auto;
	margin: 0 0 25px 0;
	font-size: 1.2em; font-weight: bold;
}

.price_total {
	font-size: 1.6em; font-weight: bold; color: #339933;
}


/* Roles Icons */

.role_icon { 
	display: inline-block; position: relative; vertical-align: middle;
	width: 20px; height: 20px; background: url(uccr/users.gif) top left no-repeat;
}

.role_admin { background-position: -80px 0; }
.role_login { background-position: -20px 0; }
.role_member { background-position: 0 0; }
.role_guest { background-position: -60px 0; }
.role_student_member { background-position: -40px 0; }

#legendBox {
	display: none; position: absolute; border: 2px solid #f2f2f2; background: #f8f8f8; z-index: 20; padding: 10px; right: 115px; top: 10px; font-size: .95em;
}
.legendLink {
	display: block; position: absolute; z-index: 50; top: 10px; right: 10px;
}
.legendLink, .legendLink a { 
	display: block; width: 100px; height: 20px; border: 1px solid #f2f2f2; background: #f8f8f8; text-align: center; text-decoration: none;
}