body { margin: 0; padding: 0; background: url(../img/global-bg.gif) #565228; text-align: center; font-family: Arial, Verdana, sans-serif; font-size: small; font-size: 11px; color: #422416; }
a:link, a:active, a:visited, a:hover { text-decoration: none; font-weight: bold; }
p { margin: 0; padding: 0 0 10px 0; line-height: 17px; }
img { border: 0; }
.clear { display: block; clear: both; visibility: hidden; }
.readmore { text-transform: uppercase; }
hr { margin: 5px 0 5px 0; padding:0; border: 0; color: #e3dfc8; background-color: #e3dfc8; height: 1px; }

/* container centers the content on the page */
#container { margin: 0 auto 0 auto; padding: 0; width: 800px; }

/* main content area */
#main { margin: 0; padding: 0; background: #fff; text-align: left;  }
/* url(../img/main-bg.gif) repeat-y #565228; */

/* global site header */
#header { margin: 0; padding: 10px 20px 10px 20px; }
#logo { float: left; margin: 0; padding: 0; }
#search { margin: 80px 0 0 0; padding: 0; }
#login { float: right; margin: -50px 0 0 0; padding: 0 10px 0 0; text-align: right; color: #78604c; font-size:10px; text-transform: uppercase;}
.fleft { float:left !important;}
.fright { float:right !important;}
.tright { text-align:right !important;}

/* navigation  */
#topnav { float: right; margin: 0; padding: 0;}
.level-a a, .level-a a:link, .level-a a:visited { margin: 0; padding: 0; background: #78604c; }
.level-a a:hover, .level-a a:active { background: #e44521; }

.level-b a, .level-b a:link, .level-b a:visited { text-decoration: none; background: #fff; }
.level-b a:hover, .level-b a:active { text-decoration: none; font-weight: normal; background: #fff; }

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

#nav a, #nav a:active, #nav a:visited {
	display: block;
	font-weight: normal;
	color: #78604c;
}

#nav a:hover { color: #e44521; }

#nav li { /* all list items */
	float: left;
	width: 85px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 85px;
	border: 1px solid #c8c092;
	padding: 0 0 2px 3px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
	display: block;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:99999;
	min-height:0; 	
	
}

/* navigation for national site */
#new-topnav { float: right; margin: 0; padding: 0;}
.new-level-a a, .new-level-a a:link, .new-level-a a:visited { margin: 0; padding: 0; background: #F7F1E1; }
.new-level-a a:hover, .new-level-a a:active { background: #F7F1E1; }

.level-b a, .level-b a:link, .level-b a:visited { text-decoration: none; background: #fff; }
.level-b a:hover, .level-b a:active { text-decoration: none; font-weight: normal; background: #fff; }

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

#new-nav a, #new-nav a:active, #new-nav a:visited {
	display: block;
	font-weight: normal;
	color: #7C6451;
}

#new-nav a:hover { color: #E44521; }

#new-nav li { /* all list items */
	float: left;
	margin-left: 3px;
	position:relative;
	z-index:10;
}

#new-nav li ul { /* second-level lists */
	position:absolute;
	width: 90px;
	background: #fff;
	border: 1px solid #c8c092;
	padding: 0 0 2px 3px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#new-nav li ul li { /* second-level lists */
	width: 85px;
}

#new-nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
	display: block;
}

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

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

/*------------ Left Nav For Admin -------------*/
.sidenav1 {width: 209px; float:left; height: 230px; text-align: left; font-size: .80em; color: #ffffff;}
.sidenav1 ul { margin: 0; padding: 0; float: } 
.sidenav1 li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659; }

.sidenav2 {width: 209px; float:left; height: 230px; font-size: .80em; color: #ffffff;}
.sidenav2 ul { margin: 0; padding: 0;} 
.sidenav2 li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659; }


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

#nav1 a {
	display: block;
}

#nav1 li { /* all list items */
	float: left;
}

#nav1 li ul { /* second-level lists */
	position: absolute;
	background: #F6B957;
	width: 235px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav1 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav1 li:hover ul ul, #nav1 li.sfhover1 ul ul {
	left: -999em;
}

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

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

#nav2 a {
	display: block;
}

#nav2 li { /* all list items */
	float: right;
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	background: #F6B957;
	width: 235px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav2 li:hover ul ul, #nav2 li.sfhover1 ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover1 ul, #nav2 li li.sfhover1 ul { /* lists nested under hovered list items */
	left: 770px;
}


/*--------------------------------*/

.sidenav3 {width: 209px; float:right; height: 230px; font-size: .80em; color: #ffffff;}
.sidenav3 ul { margin: 0; padding: 0;} 
.sidenav3 li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659; }

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

#nav3 a {
	display: block;
}

#nav3 li { /* all list items */
	float: right;
}

#nav3 li ul { /* second-level lists */
	position: absolute;
	background: #F6B957;
	width: 235px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav3 li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav3 li:hover ul ul, #nav3 li.sfhover1 ul ul {
	left: -999em;
}

#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li.sfhover1 ul, #nav3 li li.sfhover1 ul { /* lists nested under hovered list items */
	left: 770px;
}
/*--------------------------------*/

/*--------------------------------*/

/* content area for interior pages */
#content { margin: 0; padding: 0 0 10px 0; background: url(../img/interior-bg-gradient.gif) repeat-y; }
#content-striped { margin: 0; padding: 0; background: url(../img/interior-bg-striped.gif) no-repeat; }
#interior-text { width: 550px; margin: 0 0 0 209px; padding: 20px 0 0 10px; }
#form-text { width: 770px; margin: 0 0 0 15px; padding: 20px 0 0 15px; }
#form-text ul { margin: 0; padding: 0 0 0 25px; }
#form-text li { color: #422416; line-height: 13px; }
.sidenav { float: left; width: 209px; height: 365px; text-align: center; }
.sidenav ul { margin: 0; padding: 0; } 
/*.sidenav li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659; }
.sidenav a, .sidenav a:link, .sidenav a:visited { background: #ffffff;  }
.sidenav a:hover, .sidenav a:active { background: #ffcb05; }*/

.sidenav li { margin: 0; padding: 0; display: inline; width:90%; float:left; list-style-type: none; margin: 0 7px; padding: 10px 0; border-bottom: 1px solid #f4b659; }
.sidenav a, .sidenav a:link, .sidenav a:visited {margin:0 auto; overflow:hidden; }
.sidenav a:hover, .sidenav a:active { margin:0 auto; overflow:hidden;}
.sidenav a img{background: #ffffff; overflow:hidden;}
.sidenav a img:hover{background: #ffcb05; overflow:hidden;}
.image { margin: 0; padding: 0 0 15px 0; }
li.sidenav-hed { margin: 0; padding: 20px 0 10px 0; border-bottom: 0; }
li.sidenav-last { border-bottom: 0; }

/* styles for specific interior pages */
/*
#home a:link, #home a:visited { color: #e44521; }
#home a:hover, #home a:active { color: #8a3d2b; }
*/
a:link, a:visited { color: #e44521; }
a:hover, a:active { color: #8a3d2b; }

#about h2 { margin: 0; padding: 0 0 10px 0; }
#about h3 { color: #e44521; }
#about .sidenav { background: url(../img/about/about_sidenav-bg.gif) no-repeat; }
#about .jordan { background: url(../img/about/Jordan_about/about_sidenav-bg.gif) no-repeat; }

/*----- Jordan Side Nav Menues ------*/
.jordan { float: left; width: 209px; height: 365px; text-align: center; }
.jordan ul { margin: 0; padding: 0; } 
.jordan {width: 209px; height: 400px; text-align: center;}
.jordan ul { margin: 0; padding: 0; } 
.jordan li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659;}
.jordan li a{font-size:16px; color:#fff; font-weight:bold;}
.jordan li a:hover{ color:#ffcb05; font-weight:bold;}
li.jordan-hed { margin: 0; padding: 20px 0 10px 0; border-bottom: 0; font-size:22px; font-weight:bold; color:#ffcb05 }
li.jordan-last { border-bottom: 0; }
/*----- End Jordan Side Nav Menues ------*/

/*----- Fellowship Side Nav Menues ------*/
.fellowship { float: left; width: 209px; height: 365px; text-align: center; }
.fellowship ul { margin: 0; padding: 0; } 
.fellowship {width: 209px; height: 400px; text-align: center;}
.fellowship ul { margin: 0; padding: 0; } 
.fellowship li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659;}
.fellowship li a{font-size:16px; color:#fff!important; font-weight:bold;}
.fellowship li a:hover{ color:#ffcb05!important; font-weight:bold;}
li.fellowship-hed { margin: 0; padding: 20px 0 10px 0; border-bottom: 0; font-size:22px; font-weight:bold; color:#ffcb05 }
li.fellowship-last { border-bottom: 0; }
/*----- End Fellowship Side Nav Menues ------*/

/*
#about a:link, #about a:active, #about a:visited { color: #e44521; }
#about a:hover { color: #8a3d2b; }
*/
#fellowship h2 { margin: 0; padding: 0 0 10px 0; }
#fellowship h3 { color: #8f5f27; }
/*#fellowship .sidenav { background: url(../img/fellowship/fship_sidenav-bg.gif) no-repeat; }*/
#fellowship .sidenav, .sidenav1 { background: url(../img/fellowship/fship_sidenav-bg.gif) no-repeat;}
#fellowship .sidenav2 { background: url(../img/fellowship/Jordan_fellowship/fship_sidenav-bg.gif) no-repeat;}
#fellowship .sidenav3 { background: url(../img/fellowship/Jordan_fellowship/fship_sidenav-bg1.gif) no-repeat;}
#fellowship a:link, #fellowship a:active, #fellowship a:visited { color: #8f5f27; }
#fellowship a:hover { color: #66431a; }


#institutes h2 { margin: 0; padding: 0 0 10px 0; }
#institutes h3 { color: #728539; }
#institutes .sidenavni { background: url(../img/institutes/institutes_sidenav-bg.gif) no-repeat; }
/*#institutes .sidenav { background: url(../img/institutes/institutes_sidenav-bg.gif) no-repeat; }*/
#institutes a:link, #institutes a:active, #institutes a:visited { color: #85705e; }
#institutes a:hover { color: #f04e23; }

/*----- For Institute Side Nav Menues ------*/
.sidenavni {width: 209px; height: 400px; text-align: center;}
.sidenavni ul { margin: 0; padding: 0; } 
.sidenavni li { margin: 0; padding: 0; display: block; list-style-type: none; margin: 0 25px; padding: 10px 0; border-bottom: 1px solid #f4b659; }
li.sidenav-hed { margin: 0; padding: 20px 0 10px 0; border-bottom: 0; }
li.sidenav-last { border-bottom: 0; }
/*----- End Institute Side Nav Menues ------*/

/* forms and buttons */
.steps { font-weight: bold; font-size: 12px; color: #8a3d2b; }
.form ul { margin: 0; padding: 0 0 0 30px; }
.form li { margin: 0; padding: 0; line-height: 12px; }
.form-table { line-height: 13px; }
.form-table th { margin: 0; padding: 0 5px 0 0; font-weight: normal; }
.form-note { color: #6f5a32; }
.form-error { margin: 0; padding: 3px 0 3px 0; font-weight: bold; color: red; }
.question { margin: 0; padding: 10px 0 0 0; font-size: 10px; line-height: 13px; }
.answer { margin: 0 0 0 0; padding: 0; line-height: 13px; }
.input { margin: 2px 0 2px 0; font-family: Arial, Verdana, sans-serif; color: #78604c; font-size: 12px; }
.button 
{ 
	color: #fff; 
	text-align: center; 
	vertical-align: middle; 
	border-width: 1px; 
	border-style: solid; 
	border-top-color: #44b6d9; 
	border-right-color: #006884; 
	border-bottom-color: #006884; 
	border-left-color: #71d4f8; 
	padding: 0px; 
	height: 20px; 
	background-color: #0088ab; 
	font-size: 8pt; 
	font-weight: normal; 
	text-transform: none;
}
.SUBMITButton 
{ 
	color: #FFFFFF; 
	text-align: center; 
	vertical-align: top; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #44b6d9; 
	border-right-color: #006884; 
	border-bottom-color: #006884; 
	border-left-color: #71d4f8; 
	padding: 0px; 
	height: 20px; 
	background-color: #0088ab; 
	font-size: 8pt; 
	font-weight: normal; 
	text-transform: none;
}


/* footer */
#footer { clear: both; margin: 0; padding: 15px 30px 30px 20px; font-size: 10px; color: #78604c; border-bottom: 1px solid #39351a; }
#footer ul, #footer li { margin: 0; padding: 0; list-style: none; display: inline; }
#footer a:link, #footer a:active, #footer a:visited { color: #78604c; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #e44521; }
.nav-bottom { float: left; }
#copyright { float: right; margin: 0; padding: 0; font-style: italic; }

/* logos */
#logos { margin: 0; padding: 10px 10px 0 8px; }
#logos ul { margin: 0; padding: 0; }
#logos li { margin: 0; padding: 0 10px 0 10px; list-style: none; display: inline; } 
.few-logos { text-align: right; } /* for 1 or 2 logos, otherwise leave this class out */

/* header styles */
h1 { margin: 0; padding: 0 0 0 0; }
h2 { margin: 0; padding: 0 0 5px 0; font-size: 16px; font-weight: bold; }
h3 { margin: 0; padding: 8px 0 3px 0; font-size: 14px; font-weight: bold; }
h4 { margin: 0; padding: 8px 0 3px 0; font-size: 14px; font-weight: bold; }
h5 { margin: 0; padding: 8px 0 3px 0; font-size: 12px; font-weight: bold; }

/* text styles */
.readmore { text-transform: uppercase }


/* sets dropshadow for featured images */
.img-shadow { float:left; background: url(../img/shadow_alpha.png) no-repeat bottom right !important; background: url(../img/shadow.gif) no-repeat bottom right; margin: 8px 3px 0 5px !important; margin: 8px 3px 0 5px; }
.img-shadow img { display: block; position: relative; margin: -5px 5px 5px -5px; }

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: .5em;
  filter: Shadow(Color=#53351a, 
                 Direction=135, 
                 Strength=4);
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -1em 0.15em;
  padding: 0;
  color: #53351a; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #53351a 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}