div#bbb {
	position:absolute;
	top:0px;
	right:0px;
}

div#links a span {
	display: none;
}

div#links a:hover span {display: block;
   position: relative; bottom: 230px; left: 0; width: 225px;
   padding: 10px; margin: 10px; z-index: 100;
   color: #000; background: #f5f9fb;
   font: 10px Verdana, sans-serif; text-align: left;
   border:1px solid #005a9b;
}

img.bb_right {
	float:right;
	margin-top:-33px;
}
/******* defines styles for common stuff like headers, fonts, utility classes, etc. *********/

/**** selectors ****/
body{
  	margin:0px; padding:0px;
	background-color:#FFF; color:#000;
	font-size:12px; font-family: Arial,Sans-serif;
	width:990px;
}

body img { display:block; }

p{
    margin-left:10px;
}

p.intro{
    margin-left:0px;
}

ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style-type:none;
}

ul  li {
	padding:2px 0px 2px 0px;
}

ul.bullet {
	list-style-type: disc;
}

ul.bullet-padded {
    padding-left:10px;
	list-style-type: disc;
}

label, input {
    display:block;
}

/* IE does not support a few of these properties, so we still need legacy stuff like cellspacing in the HTML */

/* 
table {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}
 
 

table th {
	border-width: 0px;
	padding: 2px;
	border-style: none;
    text-align:left;
}
  
table td {
	border-width: 0px;
	padding: 10px 2px 20px 2px;
	border-style: none;
    vertical-align:top;
}
 */

dl dt {
    font-weight:bold;
    margin-top:20px;
    padding:3px 0px 0px 10px;
}

dl dd {
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 10px;
}

/**** top navigation ****/
#masthead img, #masthead-home img {
    float:left;
}

#masthead-home #topnav-box {
    float:right;
    margin-top:25px;
    width:502px;
    padding:0px 0px 0px 0px;
}

#masthead-home #topnav-box blockquote {
	float:right;
	margin:0px 25px 5px 0px;
	color:#FFF;
	font-size:16px;
    letter-spacing:2px;
	word-spacing:3px;
}

#masthead-home  #topnav-box div {
  margin:0px;
  float:right;
  width:502px;
  clear:both;
}

#masthead #topnav-box {
    float:right;
    margin-top:25px;
    width:632px;
    padding:20px 0px 0px 0px;
}

#masthead #topnav-box blockquote {
  float:right;
  margin:0px 25px 5px 0px;
  color:#FFF;
}

#masthead #topnav-box div {
  margin:0px;
  float:right;
  width:632px;
  clear:both;
}

/* gets rid of annoying gaping caused by line breaks */
#topnav-box img { float:left; }

/**** left navigation  ****/

#content-left ul li {
    margin-bottom:5px;
	border:1px solid #ff9900;
    padding:2px;
    background-color:#fff;
    text-align:center;
}

/* IE will not set styles properly for hover if this is defined as a:link */
#content-left ul li a {
    display:block;
    text-decoration:none;
    color:#003366;
}

#content-left ul li a:visited { color:#003366; }

#content-left ul li a:hover {
    width:100%;
    height:100%;
    color: #FFF; 
} 

/**** footer navigation ****/

#footer-container a {
  color:#FFF;
  text-decoration:none;
}
#footer-container a:visited { color:#FFF; }
#footer-container a:hover { text-decoration:underline; }
#footer-container a:active { color:#FFF; }

#footer-container span {
    color:#FFF;
    padding:0px 20px 0px 20px;
}


/**** headers,  subheaders, boxes ****/

#content-right h2, #content-left-home h2{
	margin:0px 0px 10px 0px;
    padding:2px 0px 0px 15px;
	color:#005A9B;
	font-size:15px;
	background: url(/jany/images/img_hdrarrow.gif) no-repeat;
}

#content-right h3{
	border:1px solid #005A9B;
	margin:0px;
	padding:5px 0px 5px 10px;
    min-height:15px;
    background-color:#F3F6FB;
    color:#005A9B;
    font-size:14px;
}

#content-right h3 a{
	float:left;
}

#content-right h3 a.back{
	float:right;
    padding-right:5px;
	font-size:11px;
}

#content-right .boxed{
	border:1px solid #005A9B;
	margin-bottom:10px;
	padding:5px 0px 5px 10px;
    background-color:#F3F6FB;
    color:#005A9B;
    font-size:12px;
}

.white-box {
    border:1px solid #f96B3C;
	margin-bottom:10px;
	padding:5px;
    width:200px;
    background-color:#FFF;
    color:#005A9B;
    font-size:12px;
    text-align:center;
}

#content-right  blockquote{
	margin:10px 0px 10px 0px;
}

/**** Utilities ****/
.clear-floats{
	margin:0px; padding:0px; clear:both;
    line-height:0px; font-size:0px;
}

.clear-floats-spacing{
	margin:0px; padding:0px; clear:both;
}

#two-column-left img {
 display:block;
}

.tanbg {
    margin-left:0px;
    padding-left:10px;
    background-color:#FFF3EF;
}

.tanbg-list {
    background-color:#FFF3EF;
}

input.login {
    width:88px;
    height:22px;
    border:none;
    background:url(/jany/images/btn_login.gif);
}

/* student spotlight floated image */
#spot-img {
    float:right;
    margin:5px;
}

/* arrow lists */
.arrow-list {
	padding:0px;
    width:97%;
}

.arrow-list li {
    padding:5px 2px 5px 20px;
    background: url(/jany/images/img_arrow_white.gif) no-repeat 5px 5px;
}

.arrow-list li.tan {
    background: #FFF3EF url(/jany/images/img_arrow_tan.gif) no-repeat 5px 5px;
}

 li.arrow-tight {
    padding:3px 2px 0px 22px;
    background: url(/jany/images/img_arrow_white.gif) no-repeat 5px 5px;
}


/* right content column lists */
#content-right ul {
    margin-left:10px;
    margin-top:2px;
}

#two-column-right ul {
    margin-top:-10px;
    padding-top:0px;
}

/* table styles */
div.buffer {
    margin-bottom:10px;
}

th.bold-white {
    height:50px;
    background: #FFF;
    font-weight:bold;
}

th.lightblue {
    border:1px solid #005A9B;
    background-color:#F3F6FB;
    color:#005A9B;
    font-size:14px;
}

tr.tanbg {
    background: #FFF3EF;
}

/* tan th */
th.bold-tan {
    background: #FFF3EF;
    font-weight:bold;
}

/* tight rows for these tables */
.schools {
    margin:10px 0px 10px 0px;
}

.schools td {
    padding: 0px 2px 0px 2px;
}