body { margin: 0 auto 0 auto; padding: 0 0 0 0; font: 13px 'Lucida Grande', Verdana, Sans-serif; background: #525263 repeat-x; background-image: url('/images/gradient-bkg.png'); background-attachment: fixed;
}

a.block, a:visited.block { display: block }

hr.clear {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}

blockquote { font: normal 1.3em/1.5em Georgia, serif; font-style: italic; margin: 0 25px 10px 25px; color: #555;}

#wrapper { margin: 0 auto 0 auto; padding: 0px; background-repeat: repeat-y; position: relative; width: 775px; }

#box { margin: 8px auto 0 auto; padding: 0px; width: 755px; }

/* Header */
#title-header { width: 755px; height: 153px; background-image: url('/images/nexus-header.jpg'); border-bottom: 1px solid #333; text-indent: -101em;}

#header { display: none; width: 755px; height: 300px; margin: 0 auto 0 auto; padding: 0px;  background-color: black; border-bottom: 1px solid #333;}

/* Navigation */

#navigation { border-bottom: 1px solid #BBB; }

#navibar {
	width: 755px;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-image: url('/images/nav-bkg.png');
	overflow: hidden;
	clip: auto;
}

#navibar ul {
	height: 30px; width: 755px; overflow: hidden;
	margin: 0 auto 0 auto;padding: 0 0 0 0; clip: auto;
	list-style: none; 
	}

#navibar li {
	float: left;
	list-style: none; display: block; 
	margin: 0; padding: 0; }

#navibar li a, #navibar li a:visited, #navibar li strong a {
	font-size: 11px; 
	height: 30px;
	padding: 0 0 0 0;
	color: #eee;
	text-indent: -101em;
	background-image: url('/images/navibar.png');
	margin: 0; color: Black;
	background-repeat: no-repeat; }

	#nav01 a, #nav01 a:visited { width: 78px; background-position: 0px 0px; }        /* Home */
	#nav02 a, #nav02 a:visited { width: 125px; background-position: -78px 0px; }     /* Who We Are */
	#nav03 a, #nav03 a:visited { width: 181px; background-position: -203px 0px; }    /* What We Do */
	#nav04 a, #nav04 a:visited { width: 128px; background-position: -384px 0px; }    /* How to Give */
	#nav05 a, #nav05 a:visited { width: 82px; background-position: -512px 0px; }     /* Our Partners */
	#nav06 a, #nav06 a:visited { width: 160px; background-position: -594px 0px; }    /* News & Resources */
	
	#nav01 a:hover { background-position: -0px -30px; }
	#nav02 a:hover { background-position: -78px -30px; }
	#nav03 a:hover { background-position: -203px -30px; }
	#nav04 a:hover { background-position: -384px -30px; }
	#nav05 a:hover { background-position: -512px -30px; }
	#nav06 a:hover { background-position: -594px -30px; }

	li#nav01 a:active, li#nav01.selected a, li#nav01.selected a:hover, li#nav01.selected a:visited { background-position: 0px -60px; }
	li#nav02 a:active, li#nav02.selected a, li#nav02.selected a:hover, li#nav02.selected a:visited { background-position: -78px -60px; }
	li#nav03 a:active, li#nav03.selected a, li#nav03.selected a:hover, li#nav03.selected a:visited { background-position: -203px -60px; }
	li#nav04 a:active, li#nav04.selected a, li#nav04.selected a:hover, li#nav04.selected a:visited { background-position: -384px -60px; }
	li#nav05 a:active, li#nav05.selected a, li#nav05.selected a:hover, li#nav05.selected a:visited { background-position: -512px -60px; }
	li#nav06 a:active, li#nav06.selected a, li#nav06.selected a:hover, li#nav06.selected a:visited { background-position: -594px -60px; }

	/* sub navigation
	==============================================================================*/
	
	#subnav {
		list-style: none;
		height: 5px;
		background-color: #d3d2be;
		background-image: url('/images/subnav-bkg.png');
		margin: 0;
		position: relative;
		}
		
		.about-nexus #subnav {
			padding-left: 0px; height: 30px;
			}
		
		.curriculum #subnav {
			padding-left: 150px; height: 30px;
			}
		.history #subnav {
			padding-left: 150px;
			}
		.alumni #subnav {
			padding-left: 390px; height: 30px;
			}
			
		.news #subnav {
			padding-left: 475px; height: 30px;
			}
		.howtogive #subnav {
			padding-left: 100px; height: 30px;
			}	
			
		#subnav li {
			float: left;
			padding: 0 10px 0 10px;
			height: 30px;
			background: url('/images/divider-subnav_v.gif') right bottom no-repeat;
			}
			#subnav .last, #subnav .active-last {
				background: none;
				}
				
				
			#subnav li a {
				display: block;
				font: normal 1.0em/2.7em 'Lucida Grande', verdana, tahoma, sans-serif;
				color: #7a6c5f;
				margin: 0; padding: 0;
				}
			#subnav li a:hover {
				text-decoration: underline;
				color: #444;
				}

				#subnav li.active a, #subnav li.active-last a {
					display: block;
					font: normal 1.0em/2.7em 'Lucida Grande', verdana, tahoma, sans-serif;
					color: black;
					text-decoration: none;
					margin: 0; padding: 0;
					}
				#subnav li.active a:hover, #subnav li.active-last a:hover {
					text-decoration: none;
					color: black;
					}

/* Headings */

h1 { font-size: 24px; }
h2 { font-size: 18px; margin-bottom: 0; padding-bottom: 0; }
h3 { font-size: 18px; margin-bottom: 0; padding-bottom: 0; }


/* Content */

#content { width: 755px; border-collapse: collapse; }

#content-main { padding: 15px 25px 15px 25px; margin: 0; background-color: #FFF; float: left; width: 530px; }

#content-main a:link, #content-main a:visited {
	color: rgb(102, 102, 153); text-decoration: underline; font-weight: bold;
}

#content-main a:hover {
	color: #900; text-decoration: none; font-weight: bold;
}


#content p, #content ul { color: #333; font: normal 1.0em/1.6em 'Lucida Grande', verdana, tahoma, sans-serif; padding-bottom: 5px;
}

#content p.intro {font-weight: bold;}

#content-main li { padding: 0 25px 10px 0; font: normal 1.0em/1.4em 'Lucida Grande', verdana, tahoma, sans-serif;
	list-style: inherit;
}

/* Footer */

#footer { text-align: center; background-color: #aaa; padding: 5px 0 5px 0; margin: 0; border-top: 1px solid #BBB; background-image: url('/images/footer-bkg.png'); height: 20px; clear: both;}

#footer a:link {
	color: rgb(102, 102, 153); text-decoration: underline;
}

#footer a:hover {
	color: #444;	text-decoration: none;
}

#bottomshadow {	height: 9px; margin: 0 auto 10px auto; width: 775px; text-align: center; background-repeat: repeat-y; }

/* Sidebar */
#right-sidebar { padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; width: 175px; vertical-align: top; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; font-size: 12px; float: right;}
	
#right-sidebar a:link, #right-sidebar a:visited,  #right-sidebar a:hover { font-size: 11px; font-weight: normal;}
#right-sidebar ul { margin: 5px 0 0 0;	border-top: 1px solid #DDD;
padding:  0;
}

#right-sidebar li {
	list-style: none;
	border-bottom: 1px solid #DDD;
	margin:  0; padding: 0;
}

#right-sidebar li a, #right-sidebar li a:visited {
	display:  block;
	margin:  0; padding:  4px 0 6px 10px;	
	text-decoration: underline;
	color: rgb(102, 102, 153);
}

#right-sidebar li a:hover {
	background-color: #eee; text-decoration: none; color: #333;
}
#right-sidebar strong { padding: 4px 0 6px 10px; font-size: 13px;}

.floatie-left { padding: 3px; margin: 5px; border: 1px solid #bbb; background-color: #eee; float: left; }
.floatie-right { padding: 3px; margin: 5px; border: 1px solid #bbb; background-color: #eee; float: right;}

.audio-box { border: 1px solid #bbb; padding: 8px 5px 8px 45px; background: url('/images/audio-icon.gif')  #EEE no-repeat; background-position: 5px 0px }

/* Tabular Data */

table.data th { background-color: #eee; padding: 2px 5px 2px 5px; color: #454545;}
table.data td { padding: 2px; border-bottom: 1px solid #eee; }


/* CMXForm */
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}

form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* Pretty Styles */


form.cmxform {
	width: 420px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend, form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(/images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(/images/cmxform-divider.gif) left bottom repeat-x;
	}
