/* look3a.css, last mod 2004-07-22 */

/* When changing style colors use the following template approved colors 
#D1A73B  #404000  #CCCC99  #F6F8D3 
#E9DCBC  #D9D7B9  #450000  #333366 
#36548D  #F8F5F1  black    #333333 
#7F7F7F  #B0B0B0  #CCCCCC  #DBDBDB
or see the color.htm file in the readme folder */

/* [jah] The following is added by Joe 7/25/04 */
/* [jah] zeros out margin, padding and border to make things equal in all browsers, allows removing this from body tag */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* [jah] set font-size to 100.01% thus allowing users to re-size text, making it more accessible, this fixes problem in IE */
/* the 100.01, or the .01 of this fixes a problem in Opera */
body {
	color:#000;
	font: 100.01% Arial, Helvetica, Sans-serif;
	background: #FFFFFF;
	}
/* [jah] this holds all the other <div>'s and then centers them all on the page */	
div#container {
	width:760px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	border: 2px double #333333;
	}	
/* [jah] change footer from table to <div> */
div#footer {
	color:#FFFFFF;
	font-size:0.8em;
	text-align: center;
	padding-top: 3px;
	background: #110771;
	border-top: 4px solid #d1a73b;
	}
div#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
div#footer	a:hover {
	color:#D1A73B;
	}
/* [jah] creates a <div> that holds a portion of the logo and the site alphabet */	
div#alphabet-nav {
	width: 760px;
	margin-left: 0px;
	height: 70px;
	border-bottom: solid 2px #000;
	}
div#alphabet-nav a {
	border: 0;
	text-decoration:none;
	}
/********************************************************************************/
/******************** [jah] left navbar ******************************************/	
/* [jah] the navbar uses a stylized <h2> and unordered list, also uses a gray background in case the navbar is longer than the content area */
div#navbar {
	width: 170px;
	float: left;
	font-size: 0.8em;
	}
/* Three pixel gap hack feeds to IE Win and hides from IE Mac. Sets a negative 3 pixel margin to compensate for IE Win's extra 3 pixels on floats in certain situations. Enter your float name to replace the placeholder. */
/* hide from MacIE \*/
* html #navbar {
     margin-left: -3px; /* Set your margin side */
}
/* end hide */
div#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#navbar li { margin: 0 0 .2em 0; }

/****************** [jah] this section deals with tabbed interface **************/	
#navbar-content-wrapper-home li.n-home a, #navbar-content-wrapper-applicants li.n-home a, #navbar-content-wrapper-residents li.n-home a, #navbar-content-wrapper-directors li.n-home a, #navbar-content-wrapper-general li.n-home a {
	display:block;
	margin: 2px 0 0 0;
	padding: 5px 4px;
	color: #000;
	text-decoration: none;
	border: solid 1px #666666;
	background: #999999 url(../bkgrd-tab-gray.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-home a:hover, #navbar-content-wrapper-applicants li.n-home a:hover, #navbar-content-wrapper-residents li.n-home a:hover, #navbar-content-wrapper-directors li.n-home a:hover, #navbar-content-wrapper-general li.n-home a:hover {
	color:#000000;
	padding-bottom: 5px;
	border-color:#333333;
	background: #D7D7D7 url(../bkgrd-tab-gray-hover.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-applicants a, #navbar-content-wrapper-applicants li.n-applicants a, #navbar-content-wrapper-residents li.n-applicants a, #navbar-content-wrapper-directors li.n-applicants a, #navbar-content-wrapper-general li.n-applicants a {
	display:block;
	margin: 2px 0 0 0;
	padding: 5px 4px;
	color:#000;
	text-decoration:none;
	border: 1px solid #4936F4;
	background: #8B7EF7 url(../bkgrd-tab-blue.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-applicants a:hover, #navbar-content-wrapper-applicants li.n-applicants a:hover, #navbar-content-wrapper-residents li.n-applicants a:hover, #navbar-content-wrapper-directors li.n-applicants a:hover, #navbar-content-wrapper-general li.n-applicants a:hover {
	color:#000000;
	padding-bottom: 5px;
	border-color:#333333;
	background: #C7C0FB url(../bkgrd-tab-blue-hover.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-residents a, #navbar-content-wrapper-applicants li.n-residents a, #navbar-content-wrapper-residents li.n-residents a, #navbar-content-wrapper-directors li.n-residents a, #navbar-content-wrapper-general li.n-residents a {
	display:block;
	margin: 2px 0 0 0;
	padding: 5px 4px;
	color:#000;
	text-decoration:none;
	border: solid 1px #FEFF6C;
	background: #FEFF6C url(../bkgrd-tab-yellow.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-residents a:hover, #navbar-content-wrapper-applicants li.n-residents a:hover, #navbar-content-wrapper-residents li.n-residents a:hover, #navbar-content-wrapper-directors li.n-residents a:hover, #navbar-content-wrapper-general li.n-residents a:hover {
	color:#000000;
	padding-bottom: 5px;
	border-color:#333333;
	background: #FEFFCE url(../bkgrd-tab-yellow-hover.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-directors a, #navbar-content-wrapper-applicants li.n-directors a, #navbar-content-wrapper-residents li.n-directors a, #navbar-content-wrapper-directors li.n-directors a, #navbar-content-wrapper-general li.n-directors a {
	display:block;
	margin: 2px 0 0 0;
	padding: 5px 4px;
	color:#000;
	text-decoration:none;
	border: solid 1px #7CF562;
	background: #7CF562 url(../bkgrd-tab-green.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-directors a:hover, #navbar-content-wrapper-applicants li.n-directors a:hover, #navbar-content-wrapper-residents li.n-directors a:hover, #navbar-content-wrapper-directors li.n-directors a:hover, #navbar-content-wrapper-directors li.n-directors a:hover {
	color:#000000;
	padding-bottom: 5px;
	border-color:#CCFBC2;
	background: #CCFBC2 url(../bkgrd-tab-green-hover.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-general a, #navbar-content-wrapper-applicants li.n-general a, #navbar-content-wrapper-residents li.n-general a, #navbar-content-wrapper-directors li.n-general a, #navbar-content-wrapper-general li.n-general a {
	display:block;
	margin: 2px 0 0 0;
	padding: 5px 4px;
	color:#000;
	text-decoration:none;
	border: solid 1px #FE5457;
	background: #FE5457 url(../bkgrd-tab-red.jpg) repeat-x left top;
}
#navbar-content-wrapper-home li.n-general a:hover, #navbar-content-wrapper-applicants li.n-general a:hover, #navbar-content-wrapper-residents li.n-general a:hover, #navbar-content-wrapper-directors li.n-general a:hover, #navbar-content-wrapper-directors li.n-general a:hover {
	color:#000000;
	padding-bottom: 5px;
	border-color:#FEB4B3;
	background: #FEB4B3 url(../bkgrd-tab-red-hover.jpg) repeat-x left top;
}
/************************* Secondary Navigation for tabs **********************************************/
ul.secondary-nav 
{
margin: 0;
padding: 0;
list-style: none;
text-align: right;
font-size:0.9em;
}
ul.secondary-nav li { display: inline; }

ul.secondary-nav li a
{
text-decoration: none;
padding: .2em 1em;
color: #000;
background:none;
}

/******************************************************************************************************************/
/* [jah] this <div> holds the left navbar and content area and uses a background image down the left side so if the content area expands below the navbar there is still a gray bar */
div#navbar-content-wrapper-home {
	width: 760px;
	min-height:500px;
	background: url(../home-vertical-navbar-bkgrd.jpg) repeat-y left top;
}
div#navbar-content-wrapper-applicants {
	width: 760px;
	min-height:500px;
	background: url(../applicants-vertical-navbar-bkgrd.jpg) repeat-y left top;
}
div#navbar-content-wrapper-residents {
	width: 760px;
	min-height:500px;
	background: url(../residents-vertical-navbar-bkgrd.jpg) repeat-y left top;
}
div#navbar-content-wrapper-directors {
	width: 760px;
	min-height:500px;
	background: url(../directors-vertical-navbar-bkgrd.jpg) repeat-y left top;
}
div#navbar-content-wrapper-general {
	width: 760px;
	min-height:500px;
	background: url(../general-vertical-navbar-bkgrd.jpg) repeat-y left top;
}
div#content {
	padding: 5px;
	font-size: 1em;
	margin-left: 175px;
}
div#content h1, div#content h2, div#content h3, div#content h4 {
	padding-left: 8px;
}
div#content h1 {
	font-size: 1.4em;
}div#content h2 {
	font-size: 1.2em;
}div#content h3 {
	font-size: 1.1em;
}div#content h4 {
	font-size: 1em;
}
div#content p, div#content li {
	padding-left: 15px;
	font-size: .9em;
}
div#content a {
	color: #333333;
}
div#content a:hover {
	color: #CCCCCC;
	background: #000000;
}
div#content li a {
	line-height: 1.5em;
}

#alpha-search {
	margin-top:15px;
	font-size: .9em;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}
.alpha-search-table {
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #999999;
}
.alpha-search-table tr td {
	border: 1px solid #666666;
	padding: 2px;
	font-size: .8em;
}
div#alpha-search caption {
	color: #FFFFFF;
	background: #333333;
	font-weight: bold;
	text-align:left;
	padding: 3px 0 3px 5px;
}
/********************************************************************/
#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
#navbar ul {
	margin: 0 0 0 10px;
	}	
#navbar ul a {
	color: #000000;
	display: block;
	text-decoration: none;
	width: 90%;
	padding: 0.3em 0.8em 0.3em 0.2em;
	}
#navbar ul a.home {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
#navbar ul a:hover.home {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#navbar ul a.applicants {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
#navbar ul a:hover.applicants {
	border-top: 2px solid #1F0CCE;
	border-bottom: 2px solid #1F0CCE;
}
body.applicants #navbar ul a.applicants {
	border-bottom: none;
	border-top: none;
	border-right: 2px solid #CCCCCC;
}
body.applicants #navbar ul a:hover.applicants {
	border-top: none;
	border-bottom: none;
	border-right: 2px solid #1F0CCE;
}
#navbar ul ul a.applicants {
	border-right: 2px solid #CCCCCC;
	border-top: none;
	border-bottom: none;
}
#navbar ul ul a:hover.applicants {
	border-right: 2px solid #1F0CCE;
	border-top: none;
	border-bottom: none;
}
body.applicants #navbar ul li.applicants {
	border-bottom: 2px solid #1F0CCE;
	border-top: 2px solid #1F0CCE;
}
#navbar ul a.residents {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
#navbar ul a:hover.residents {
	border-top: 2px solid #FEFF00;
	border-bottom: 2px solid #FEFF00;
}
#navbar ul a.directors {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
#navbar ul a:hover.directors {
	border-top: 2px solid #2ECE0C;
	border-bottom: 2px solid #2ECE0C;
}
#navbar ul a.general {
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
#navbar ul a:hover.general {
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
	
/*********************************************************************************/
div#whatsnew {
	padding: 1px 2px 2px 4px;
	float: right;
	width: 240px;
	border: 2px solid #000000;
	margin-left: 5px;
}
div#whatsnew h2 {
	font-size: 1em;
	color: #333333;
	padding-left: 5px;
	margin-top: 1px;
	margin-bottom: 0px;
}
div#whatsnew h3 {
	font-size: .9em;
	font-variant: small-caps;
	margin-top: 1px;
	margin-bottom: 1px;
}
div#whatsnew p {
	font-size: .8em;
	margin-top: 1px;
	margin-bottom: 1px;
}
div#whatsnew .whatsnew-listing {
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
}
.row-color {
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
.highlights {
	background: #FFFF66;
}
div#content dt {
	font-weight: bold;
	margin-top: 4px;
	margin-left: 4px;
	font-size: 1em;
}
div#content dd {
	font-size: .9em;
	}
.second-dd {
	margin-top: 5px;
	padding-top: 5px;
}
p.return2top {
	font-size: .8em;
	text-align: center;
}
.quoted-stuff {
	margin-right: 35px;
	margin-left: 35px;
}
.course-name {
	margin-right: 5px;
}
.course-date {
	margin-right: 5px;
}
.course-instructor {
	font-weight: bold;
}
.course-size {
	font-size: .9em;
	margin-left: 15px;
}
.course-description {
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 0px;
}
.course-information {
	margin-bottom: 0px;
}
div#alpha-skip {
	text-align: center;
}
div#alpha-skip ul {
	list-style: none;
	margin: 0px;
	padding-top: .3em;
	padding-bottom: .3em;
}
div#alpha-skip ul li {
	display: inline;
	font-size: 0.8em;
	color: #000000;
	padding: .6em 0.5em;
}
div#alpha-skip ul li a {
	text-decoration:none;
	color: #333333;
}
div#alpha-skip ul li a:hover {
	color: #D1A73B;
}
.picture-right {
	float: right;
	width: 144px;
	margin-right: 5px;
	margin-left: 5px;
}
.tracks, td p {
	font-size: 0.9em;
	text-align: left;
}
div#content dt.unbold {
	font-weight: normal;
}
div#content li li {
	font-size: 1em;
}
div#content li li li {
	font-size: 1em;
}