body { 
  background: url('../images/grad_bg.jpg') repeat-x; 
  font-family: times new roman,helvetica,sans-serif,arial;
  font-size: 11pt;
  color: #000;
  text-align: center;
}
table,td { 
  font-size: 11pt; 
  font-family: times new roman,verdana,helvetica,sans-serif,arial;
}
#top { background: url("../images/top.jpg") no-repeat; height: 125px; width: 1000px; position: relative; }
#top #logo { padding-left: 170px; padding-top: 20px; float: left; }
#top #buttonsContainer { float: right; width: 420px; height: 110px; }
#top #buttons { height: 60px; width: 420px; }
#social_icons { text-align: right; width: 420px; }

#flash { width: 1000px; height: 196px; }

/* NAVVVVIGATIONNNNNNNNNNNNN */
#navContainer { background: url("../images/navbg.jpg") no-repeat; height: 21px; width: 1000px; z-index: 101; }
#navContainerInner { padding-left: 160px; padding-top: 4px; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a:link, #nav a:visited, #nav a:active {
	display: block;
        color: #fff;
        text-decoration: none;
}
#nav a:hover {
	display: block;
        color: #000;
        text-decoration: none;
}

#nav li { /* all list items */
	float: left;
        font-size: 11pt;
        font-family: times new roman, sans-serif,helvetica;
        width: 185px; 
        padding: 5px;
        z-index: 101;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #b12941;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        padding: 8px;
        z-index: 50;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 165px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#container { 
  width: 1000px; 
  border: 2px solid #fff; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left; 
  background: #fff;
  position: relative;
}
#btmtop { width: 1000px; }
#btmtop #btmpineapple { width: 196px; float: left; }
#btmtop #text { padding-top: 20px; width: 475px; margin-left: 10px; float: left; }
#btmtop #text h1 { font-family: garamond,times new roman,sans-serif; font-size: 21pt; color: #1d2676; }
#btmtop #right { width: 294px; float: right; }
#btm_buttons { padding-top: 25px; }

#btm_buttons #button1 { width: 250px; height: 200px; background: url('../images/btmbut1_off.jpg') no-repeat; float: left; }
#btm_buttons #button1:hover { background: url('../images/btmbut1_on.jpg'); }
#btm_buttons #button1 h1 { font-size: 16pt; font-family: garamond; color: #3c4d72;  margin: 0;  }

#btm_buttons #button2 { width: 246px; height: 200px; background: url('../images/btmbut2_off.jpg') no-repeat; float: left; }
#btm_buttons #button2:hover { background: url('../images/btmbut2_on.jpg'); }
#btm_buttons #button2 h1 { font-size: 18pt; font-family: garamond; color: #b3882c; margin: 0; }

#btm_buttons #button3 { width: 246px; height: 200px; background: url('../images/btmbut3_off.jpg') no-repeat; float: left; }
#btm_buttons #button3:hover { background: url('../images/btmbut3_on.jpg'); }
#btm_buttons #button3 h1 { font-size: 16pt; font-family: garamond; color: #1b7f5d;  margin: 0;  }
#btm_buttons .button3link a { text-decoration: none; }
#btm_buttons .button3link a:hover { text-decoration: underline; }


#btm_buttons #button4 { width: 251px; height: 200px; background: url('../images/btmbut4_off.jpg') no-repeat; float: left; }
#btm_buttons #button4:hover { background: url('../images/btmbut4_on.jpg'); }
#btm_buttons #button4 h1 { font-size: 18pt; font-family: garamond; color: #9e6685; margin: 0;  }

.inner { margin: 5px 15px 5px 15px; font-family: times new roman, sans-serif,helvetica; font-size: 9pt; }
.inner2 { margin: 5px 10px 5px 10px; font-family: times new roman, sans-serif,helvetica; font-size: 9pt; }

/* ========== Popups============== */
#popup_brochure {
	position: absolute;
	visibility: hidden;
	width: 420px;
	height: 320;
	left: 577px;
	top: 126px;
	background: url('../images/dl_box_bg.png') no-repeat;
	padding: 10px;
        color: #000;
        text-align: left;
}
#popup_brochure a { color: #000; }
#popup_brochure a:hover { color: red; }

#popup_secret {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 570px;
	top: 262px;
}
#popup_icourse {
	position: absolute;
	visibility: hidden;
	width: 422px;
	height: 203px;
	left: 250px;
	top: 712px;
}
#popup_certificate {
	position: absolute;
	visibility: hidden;
	width: 422px;
	height: 203px;
	left: 250px;
	top: 712px;
}
#popup_login {
	position: absolute;
	visibility: hidden;
	width: 250px;
	height: 100px;
	left: 730px;
	top: 2px;
	background: #fff;
        border: 1px solid #cccccc;
	padding: 10px;
        color: #000;
        text-align: left;
        z-index: 5;
}

#bart {
	position: absolute;
	width: 180px;
	height: 344px;
	left: -35px;
	top: 200px;
        z-index: 6;
}
#bart_admissions {
	width: 180px;
	height: 344px;
	text-align: center;
}
#bart_academic {
	width: 180px;
	height: 344px;
}


#close {
	float: right;
}

#main_content { background: url('../images/btm_pineapple.jpg') no-repeat; padding-top: 20px; }
#main_content #left { float: left; width: 200px; margin-right: 20px; padding-top: 170px; }
#main_content #right { float: left; width: 770px;  }
#main_content #full { padding-left: 10px; padding-right: 10px; }

/* INNER CONTENT FORMATTING */
.star_hdr { 
  background: url('../images/star_bullet.jpg') no-repeat; 
  padding-left: 25px; 
  font-weight: bold;
  font-size: 12pt; 
  color: #000;
  margin-bottom: 8px;
}
.square_hdr { 
  background: url('../images/bullet_red_square.jpg') no-repeat; 
  padding-left: 15px; 
  font-weight: bold;
  font-size: 12pt; 
  color: #000;
}
.blue_square_hdr { 
  background: url('../images/bullet_square.jpg') no-repeat; 
  padding-left: 15px; 
  font-weight: bold;
  font-size: 12pt; 
  color: #000;
}
#main_content a { color: #20267e; }
#main_content a:hover { color: #000; }


.total { font-weight: bold; color: #bf2440; font-size: 12pt; }
.btmBorder { border-bottom: 1px solid #000; }
.btmBorderLE { border-bottom: 1px solid #cccccc; }

.bold { font-weight: bold; }
.indent { padding-left: 30px; }

#regadmin_add { width: 700px; }
#regadmin_add td { font-size: 8pt; font-family: arial,sans-serif,helvetica; padding-right: 5px; }
#regadmin_add input,select,textarea { font-size: 8pt; font-family: arial,sans-serif,helvetica; }

.progress td { width: 15px; height: 15px; }
.progress .fill { background: green; }

#btmlinks { text-align: center; border-top: 1px solid #cccccc; margin-bottom: 10px; }
#btmlinks a { color: #211c5c; text-decoration: none; font-size: 10pt; }
#btmlinks a:hover { text-decoration: underline; }


/* ============ Individual Page Styling ========================= */


/* All Pages */
.p_title { font-weight: bold; color: #211c5c; font-size: 13pt; }
.p_title_black { font-weight: bold; color: #000000; font-size: 13pt; }
.blue_square { list-style-type: square; list-style-image: url('../images/bullet_square.jpg'); margin-top: 0; }
.blue_square li { margin-top: 7px; margin-bottom: 7px; }
.red_square { list-style-type: square; list-style-image: url('../images/bullet_red_square.jpg'); margin-top: 0;  }

h1 { font-size: 21pt; color: #211c5c; letter-spacing: -1pt; margin-bottom: 8px; font-weight: normal; margin-top: 0; }



/* OLD Academic overview page 
#buttonsbox .button { width: 280px; height: 50px; background: #699cb4;  float: left; margin-right: 10px; margin-bottom: 10px; text-align: center; }
#buttonsbox .button .inner { padding-top: 10px; }
#buttonsbox .button a { color: #fff; font-size: 11pt; font-weight: bold; text-decoration: none; }
#buttonsbox .button a:hover { color: #fff3b2; }
*/


/* Academic overview page */
#buttonsbox { border-left: 1px solid #cccccc; }
#buttonsbox .button { border-top: 3px solid #bf7081; width: 190px; padding: 10px; background: #f1f1f1; margin-right: 10px; margin-bottom: 10px; }
#buttonsbox .button a { color: #000000; font-size: 10pt; text-decoration: none; font-family: arial,sans-serif; }
#buttonsbox .button a:hover { color: #cc1818; }