/* Edited with EditCSS */
/**** Imported style sheet bu-news.css ****/

/* contains css for the newsboxes with colored borders, like what is used
   on www.bethel.edu/special-events */

.newsbox {
	background: url(/graphics/news/left-corner.gif) no-repeat left top;
	width: 260px;
	margin: 0px 10px 15px 0px;
	border-bottom: 2px solid #333;
	background-color: #006b89;
}
.newsbox .newsbox-bottom {
	height: 15px;
	border-right: 2px solid #666;
	border-left: 1px solid #999;
}
.newsbox h3.newsbox-title {
	background: url(/graphics/news/right-corner.gif) no-repeat right top;
	width: 260px;
	margin: 0px 15px 15px 0px;
	color: #FFF;
	font: bold 110%/115% Verdana, Arial, Helvetica, sans-serif !important;
	text-align: center!important; 
}
.newsbox .newsbox-content {
	padding: 5px;
	background: #FFF url(/inc/admissions/images/gradiant.jpg) repeat-x left top;
	border-top: 1px none #CCC;
	border-bottom: 2px none #666;
	border-right: 2px solid #666;
	border-left: 1px solid #999;
}
.newsbox ul {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.newsbox li {
	list-style-type: none;
	margin: 5px 2px;
	padding-top: 3px;
	border-top: 1px solid #CCC;
}
.newsbox .clear { clear: both; }
.newsbox li img.float-right, .newsbox li img[align=right] {
	float: right;
	padding: 0px 0px;
}
.newsbox li img.float-left, .newsbox li img[align=left] {
	float: left;
	padding: 0px 3px 5px;
}
.newsbox .divider, .newsbox .top-divider { 
	border-top: 1px solid #CCC;
	padding-top: 5px!important;
}
.newsbox .no-divider {
	border-top: none!important;
	padding-top: inherit;
}
.newsbox-content a {
	text-decoration: none!important;
	color: #000!important;
}
.newsbox-content a:hover {
	text-decoration: underline!important;
	color: #900 !important;
}

.newsbox-content .normal a {
	text-decoration: underline!important;
	color: #006 !important;
	font-weight: bold;
}
.newsbox-content .normal a:hover {
	text-decoration: none!important;
}


/**** LINK-tag style sheet bu.css ****/

/* @import url("/inc/bu-news.css"); */

HTML {
	margin: 0px;
	padding: 0px;
}

BODY {
	top: 0px;
	left: 0px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #5a6e50;
	text-align: center;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

#bu-container {
	/*position: relative;*/
	margin: 20px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
	overflow: visible;
	visibility: visible;
	min-width: 700px;
}

#bu-top {
	position: relative;
	width: 100%;
	height: 75px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 2px solid #fda704;
	background: #000 url(http://www.bethel.edu/graphics/logos/bu-small.gif) no-repeat center right;
}

#bu-top p.top-header {
        padding: 0px;
	margin: 12px 0px 0px 12px;
        color: #fff;
	font: normal 20pt/normal "Times New Roman",serif;
	clear: left;
}

#bu-top-nav {
	padding: 0px;
	margin: 5px 0px 0px 12px;
	height: 20px;
        color: #b6c899;
        font-size: 70%;
        font-weight: bold;
	white-space: nowrap;
	position: relative;
}

#bu-top-nav a, #bu-top-nav a:visited, #bu-top-nav a:link, #bu-top-nav a:active {
        text-decoration: none;
        color: #b6c899;
}

#bu-top-nav a:hover {
        text-decoration: underline;
        color: #fff;
}

#bu-top-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#bu-top-nav li {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

#bu-top-nav form {
        display: inline;
        margin: 0px;
        padding: 0px;
}       
        
#bu-top-nav select {
        width: 220px; 
        margin: 0px;
        padding: 0px;
        background-color: #fff;
        border: 1px solid #b6c899;
        color: #000;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}       

#bu-top-nav input.textbox {
        width: 75px;
        height: 16px;
        margin: 0px;
        padding: 0px;
        border: 1px solid #b6c899;
        font-size: 100%;
        font-weight: bold;
}

#bu-top-nav input.submit {
        width: 30px;
        height: 18px;
        margin: 0px;
        padding: 0px;
        background-color: #000;
        border: 1px solid #b6c899;
        color: #fff;
        font-size: 100%;
        font-weight: bold;
        cursor: pointer;
}

#bu-top-nav-spacer {
	width: 700px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

#bu-topbar {
	margin: 0px;
	padding: 2px 7px;
	background-color: #b6c899;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 90%;
        position: relative;
	overflow: hidden;
}
#bu-topbar-welcome, #bu-site-menu { margin: 0px; }
#bu-topbar a { text-decoration: underline; }
#bu-topbar a:visited { color: blue; }
#bu-topbar a:hover { text-decoration: none; color: red }

#bu-site-menu {
 text-align: right;
 float: right; 
 position: relative;
 width: 70%;
}
#bu-site-menu ul#site-menu-links { margin: 0px;}
#bu-site-menu ul#site-menu-links li {
 display: inline;
 padding-left: 1ex; 
}
#bu-site-menu ul#site-menu-links li:before {
 content: '\B7';
 padding-right: 2px;
}

#bu-body {
	/*position: relative;*/
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	/*clear: both; BREAKS ON MAC IE*/
}

#bu-left {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	text-align: left;
	background-color: #fff;
	border-right: 1px solid #a8b99e;
}

#bu-content-area {
	margin: 0px;
	margin-left: 150px;
	padding: 0px;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #a8b99e;
}

#bu-footer {
	clear: both;
	width: 100%;
	min-width: 700px;
	margin: 0px;
	padding: 0px;
	background-color: #000;
	border-top: 3px solid #fda704;
}

#bu-footer-spacer { 
        width: 700px;
        height: 1px;
        margin: 0px;
        padding: 0px;
}       

#bu-footer-pad {
        margin: 0px;
	padding: 7px 12px 12px 12px;
}

#bu-footer p {
	margin: 0px;
	padding: 0px;
        padding-top: 5px;
	color: #fff;
        font-size: 60%;
	font-weight: bold;
}

#bu-footer a, #bu-footer a:visited, #bu-footer a:link, #bu-footer a:active {
	text-decoration: none;
	color: #fff;
}
#bu-footer a:hover {
	text-decoration: underline;
}

.bu-nodisplay {
	display: none !important;
}


/**** LINK-tag style sheet bu-content.css ****/

img {
	border-style: none;
}

#bu-content-pad {
        margin: 0px;
        padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.1;
	color: #000000;
	overflow: visible;
}

#bu-content-pad a {
        text-decoration: underline;
        color: #1250A1;
}       
        
#bu-content-pad a:visited {
        text-decoration: underline;
        color: #1250A1;
}
        
#bu-content-pad a:link {
        text-decoration: underline;
        color: #1250A1;
}       

#bu-content-pad a:active {
        text-decoration: underline;
        color: #1250A1;
}       

#bu-content-pad a:hover {
        text-decoration: none;
        color: #1250A1;
}       

#bu-content-pad a[name] {
	text-decoration: inherit!important;
	color: inherit!important;
}

#bu-content-pad p {
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        font-weight: normal;
}

#bu-content-pad h1 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
	font-family: "Times New Roman", Times, serif; 
        font-size: 200%;
        font-weight: bold;
}

#bu-content-pad h2 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
	font-family: "Times New Roman", Times, serif;
        font-size: 170%;
        font-weight: bold;
}

#bu-content-pad h3 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 150%;
        font-weight: bold;
}

#bu-content-pad h4 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 125%;
        font-weight: bold;
}

#bu-content-pad h5 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 110%;
        font-weight: bold;
}

#bu-content-pad h6 {
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 95%;
        font-weight: bold;
}

#bu-content-pad div.line {
        border-top: 2px dotted #b5b4b3;
        margin: 0px;
        padding: 0px;
        width: 99%;
}       
  
#bu-content-pad div.line hr {
        visibility: hidden;
}       

#bu-left-footer {
        position: static;
        clear: both;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        padding-top: 10px;
	padding-bottom: 10px;
        font-size: 80%;
        color: #000000;
        text-align: center;
}

#bu-left-footer a {
        color: #000;
        text-decoration: none;
}

#bu-left-footer a:visited {
        text-decoration: none;
        color: #000;
}

#bu-left-footer a:link {
        text-decoration: none;
        color: #000;
}

#bu-left-footer a:active {
        text-decoration: none;
        color: #000;
}

#bu-left-footer a:hover {
        text-decoration: underline;
        color: #000;
}

#bu-content-title {
        position: relative;
        margin: 0px;
        padding: 0px;
        overflow: visible;
        background-color: #2F4C8A;
        border: 1px solid #2F4C8A;
}

#bu-content-title h1 {
        padding: 3px 5px 5px 9px;
        margin: 0px;
        font-size: 130%;
        line-height: 80%;
        font-family: "Times New Roman", Times, serif;
        color: #ffffff;
        clear: none;
}

#menu-right {
        position: relative;
        float: right;
        clear: none;
        margin: 0px;
        padding: 2px 10px 0px 10px;
        text-align: right;
}

#menu-right a {
        font-size: 70%;
        line-height: 1.5;
        color: #ffffff;
        border-left: 1px solid #CCCCCC;
        margin: 0px;
        padding: 2px 5px 2px 5px;
        text-decoration: none;
}

#menu-right a:hover {
        text-decoration: underline;
        color: #ffffff;
}

/* DELETE AFTER CONVERSION */
#sub-menu-right {
        position: relative;
        margin: 0px;
        padding: 5px 10px 0px 0px;
        overflow: visible;
        border: 1px solid #ffffff;
        height: 21px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1;
        text-align: right;
}

#sub-menu-right a {
        float: right;
        text-decoration: none!important;
        color: #2F4C8A;
        border-left: 1px solid #000000;
        margin: 0px;
	margin-bottom: 2px;
        padding: 0px 5px 0px 5px;
}

#sub-menu-right a:hover {
        text-decoration: underline!important;
}

#sub-menu-right li a {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
}
/* END DELETE SECTION */

#sub-menu-right ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
	margin-top: -4px;
        float: right;
        display: block;
}

#sub-menu-right li {
        display: inline;
        border-left: 1px solid #000000;
        margin: 0px;
        padding: 0px 5px 0px 5px;
	line-height: 1.2;
}

#bu-content-area #sub-menu-right {
	font-size: 80%;
}

#bu-content-pad #sub-menu-right {
	margin-top: -10px;
        margin-right: -10px;
}

.form-errors {
	border: 1px solid red;
	background: #ffcbcb;
	padding: 5px;
	margin: 20px;
}

.form-error {
	color: red
}

.form-required {
	color: #003399;
}

.form-message {
	border: 1px dashed #31659c;
	background: #dee6ee;
	padding: 5px;
	margin: 8px;
}


/**** Imported style sheet menu.css ****/

/* 
 *	Vertical, left-2-right menu
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by-sa/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/

#menu {
	/*
	width: ?;
	YOU MUST specify some width, otherwise menu would span whole page.
	Since this depends on design, do it in make-up section.
	*/
	display: block;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
}

#menu li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	position: relative;
}

#menu a {
	display: block;
}

#menu li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li ul {
	top: 0px;
	left: 0px;
}

/* ...and then place it where it should be when shown */
#menu li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0px;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #384c30;
        width: 150px;
}

#menu a {
        text-decoration: none;
        background-color: transparent;
        color: #384c30;
        padding: 4px 10px 5px 8px;
}

#menu li {
        margin: 0px;
        padding: 0px;
}

#menu a:hover {
        color: #103d94;
        text-decoration: underline;
}

#menu li li {
        width: 250px;/*         we can't use 100% because LIs have margin and padding (although latter is more important) */
}

#menu li ul {
        color: #000;
        background-color: #ccc;
        border: 1px solid #000;
        border-bottom: none;
        width: 250px;
}

#menu li ul a {
        text-align: left;
        padding: 4px 16px 5px 5px;
        color: #000;
        background-color: #ccc;
        border-bottom: 1px solid #000;
        text-decoration: none;
}

#menu li ul a:hover {
        background-color: #fc0;
        color: #000;
        text-decoration: none;
}

#menu a.submenu {
        background-image: url(http://www.bethel.edu/inc/menu/arrow.gif);
        background-repeat: no-repeat;
        background-position: 98% 7px;
}

#menu a.divider {
        margin-top: 15px;
}

#bu-left h5 {
        text-decoration: none;
        background-color: transparent;
        color: #384c30;
        padding: 4px 5px 5px 8px;
        font-weight: bold;
        font-size: 90%;
        margin: 0px;
}

#bu-left div.line {
        border-top: 1px dotted #a8b99e;
        margin: 0px;
        padding: 0px;
        width: 99%;
        speak: none;
        height: 0px;
}

#bu-left div.line hr {
        visibility: hidden;
}

/*
		------   Specific fixes	(thank to W3C for these) --------			

		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu script re-positioning is applied.
		Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu li ul {
	margin-top: -1px;
}


/**** Inline STYLE-tag style sheet ****/

        /* @import "/inc/menu/menu.css"; */


/**** Inline STYLE-tag style sheet ****/

#bu-footer {
        border-top: 3px solid #ED1D1C;
}
#bu-content-title {
        background-color: #ED1D1C;
        border: 1px solid #ED1D1C;
}
#sub-menu-right a {
        color: #ED1D1C;
}


/**** LINK-tag style sheet academic-dept.css ****/

img.bu-left-logo {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
}

#menu a.divider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E3A82B;
	margin-top: 0px;
}