html, body {

}

body {
	background: #fefffc url(http://www.cleoscholars.com/_data/global/images/cleo/bg_body.gif) repeat-x;	
  font-family: Arial;
  margin: 0px;
	padding: 0px;
  text-align: center;
}

#wrapper {
  margin: auto;
  height: 100%;
  width: 959px;
}

.topBar {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_topBar.gif) no-repeat;
  height: 18px;
  margin: auto 0;
  width: 958px;
}

.logo {
  float: left;
  margin: 20px 0 12px 10px;
}

.blogButton {
  float: right;
  margin: 9px 25px 4px 0;
}

.joinButton {
  float: right;
  margin: 9px 45px 4px 0;
}

.navBar {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_navBar.gif) repeat-x;
  height: 40px;
  text-align: left;
}

.navItem {
  float: left;
}

.navItem a:link, .navItem a:visited {
  color: #fff;
  display: block;
  font-size: 12pt;
  font-weight: bold;
  height: 24px;
  margin: 3px 0;
  padding: 10px 15px 0 15px;
}

.navItem a:hover, .navItem a:active {
  background: #5a8e22 url(http://www.cleoscholars.com/_data/global/images/cleo/bg_navBarLink.gif) no-repeat 50% 0;
}

.navDivider {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/navDivider.gif) no-repeat 50% 50%;
  float: left;
  font-size: 0px;
  height: 40px;
  width: 6px;
}

.subNav {
  position: relative;
    top: -10px;
}

.topOutline {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_topOutline.gif) no-repeat;
  font-size: 0px;
  height: 5px;
  width: 959px;
}

.bottomOutline {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_bottomOutline.gif) no-repeat;
  height: 5px;
  margin-top: 0px;
  padding-top: 0px;
  width: 959px;
}

.mainContent {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_mainContent.gif) repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0 5px;
  padding-bottom: 1px;
  width: 949px;
}

.cleoFooter {
  color: #8c8d8e;
  line-height: 12pt;
  padding: 15px 0px;
  text-align: left;
}

.cleoFooter p {
  font-size: 9px;
}

.cleoFooter a:link, .cleoFooter  a:visited, .cleoFooter  a:active, .cleoFooter  a:hover {
  color: #0072cf;
  font-size: 9px;
  text-decoration: underline;
}

a img {
  border: 0;
}

.home {
  background: #02192e url(http://www.cleoscholars.com/_data/global/images/cleo/bg_home.gif) repeat-y;
  color: #fff;
  width: 945px;
}

.home a:link, .home a:visited, .home a:active, .home a:hover {
  color: #fc6;
  text-decoration: underline;
}

.welcomeBox { 
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_welcomeBox.jpg) no-repeat;
  height: 247px;
  padding-top: 67px;
}

.welcomeBox h1 {
  color: #fc3;
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 0 47px;
  padding: 0;
}

.welcomeBox h2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 47px;
  padding: 0;
}

.welcomeBox p {
	color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0 580px 15px 47px;
}

.welcomeBox a:link, .welcomeBox a:hover, .welcomeBox a:active, .welcomeBox a:visited {
 color: #fc3 !important;
 text-decoration: underline;
}

.welcomeLink {
  font-size: 12px;
  font-weight: bold;
	 margin: 5px  0 15px 7px;
}

.welcomeLink a:link, .welcomeLink a:visited, .welcomeLink a:active, .welcomeLink a:hover {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

.left { 
  float: left;
  margin-right: 10px;
}

.right {
  float: right;
  margin-left: 10px;
}

.sideBar { 
  background: #284a65 url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBar.gif) repeat-y;
  color: #fff;
  padding: 15px;
  height: 100%;
  width: 223px;
}

.sideBoarEmail {
	width: 229px;
}

.sideBarEmail a:link, .sideBarEmail a:active, .sideBarEmail a:hover, .sideBarEmail a:visited {
	font-weight: bold;
	text-decoration: underline;
}

.sideBoxDates {
	background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBoxDates.gif) repeat-y;
	font-size: 0px;
	height: 39px;
	margin-top: 18px;
	width: 229px;
}

.sideBoxRegistration {
	background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBoxRegistration.gif) repeat-y;
	font-size: 0px;
	height: 39px;
	margin-top: 18px;
	width: 229px;
}

.sideBoxPrograms {
	background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBoxPrograms.gif) repeat-y;
	font-size: 0px;
	height: 39px;
	margin-top: 18px;
	width: 229px;
}

.sideBox {
	background: #fff url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBox.gif) repeat-y;
	color: #000;
	padding: 18px 14px 14px 14px;
	width: 201px;
}

.sideBox ul {
  margin: 0;
  padding: 0;
}

.sidebox ul li {
  margin: 5px 0 5px 15px;
}

.sideBoxBottom {
	background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_sideBoxBottom.gif) repeat-y;
	font-size: 0px;
	height: 6px;
	width: 229px;
}

.mainColumn { 
   margin: 0 280px 0 20px;
}

.onlyColumn {
  margin: 0 20px;
}

h1, .appTitle1 {
	color: #000;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0;
}

h2, .appTitle2 {
  color: #699;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 17px 0;
}

p {
  color: #999;
  font-size: 12px;
  margin: 0 0 22px 0;
}

ul {
  color: #999;
  margin-top: 5px;
}

p img, .caption img, img.right {
  border: 1px solid #999;
}

.mainContent a:link, .mainContent a:visited {
  color: #0072cf;
  text-decoration: underline;
}

.mainContent a:active, .mainContent a:hover {
  color: #0072cf;
  text-decoration: underline;
}

.subMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.subMenu ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

.subMenuOn a:link, .subMenuOn a:active, .subMenuOn a:hover, .subMenuOn a:visited {
  background-color: #eee;
  border-bottom: 1px solid #eee;

}

.subMenuOff a:link, .subMenuOff a:active, .subMenuOff a:hover, .subMenuOff a:visited {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.subMenu a:link, .subMenu a:hover, .subMenu a:active, .subMenu a:visited {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #0072cf;
  display: block;
  margin-left: 15px;
  padding: 2px 10px;
  position: relative;
    top: 1px;
  text-decoration: none;
  width: 100px;
}

.subPage {
  background: #eee;
  border: 1px solid #ccc;
  clear: both;
  margin-bottom: 15px;
  padding: 20px;
}

.subPage p {
  color: #666;
}

.subPage h2 {
  color: #333;
  margin: 0 0 3px 0;
}

.addressList {
  color: #999;
  float: left;
  height: 75px;
  margin: 0 5px;
  width: 289px;
}

.peopleList {
  color: #999;
  float: left;
  height: 125px;
  margin: 0 5px;
  width: 289px;
}

.businessList {
  color: #999;
  float: left;
  height: 175px;
  margin: 0 5px;
  width: 289px;
}

.caption {
  font-size: 8pt;
  font-style: italic;
  width: 300px;
}

.infoBox { 
  float: left;
  margin-left: 2px;
  width: 233px;
  position: relative;
    left: 1px;
}

.infoBox p { 
	color: #fff;
  margin: 0;
  padding-bottom: 5px;
}

.infoBox a, .infoBox a:link, .infoBox a:active, .infoBox a:hover, .infoBox a:visited {
  color: #8fd400;
  text-decoration: underline;
}

.infoBoxMiddle {
  background: #215586;
  height: 175px;
  padding: 15px;
}

.infoBoxTop {
  background: url(http://www.cleoscholars.com/_data/global/images/cleo/bg_infoBoxTop.gif) no-repeat;
  height: 3px;
  font-size: 0;
}

.infoBoxBottom {
  background: url
  (http://www.cleoscholars.com/_data/global/images/cleo/bg_infoBoxBottom.gif) no-repeat;
  height: 3px;
}

#C1TABLE {

}


/* SLIDESHOW */
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#fade-example-1 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 368px;
	height: 229px;
	visibility: hidden;
}

ul.crossfade li img {
	display: block;

}

ul.crossfade li {
	background:#fff;
	padding:6px 6px 42px 6px;
	margin-top: 5px;
}

.caption {
	clear: both;
	font-size: 9px;
	padding: 1em;
	background-color: #FFF;
}
.gallery {
	color: #999;
	font-weight: bold;
	position: relative;
	background-color:#eaeaea;
	margin-bottom:20px;
	padding:7px;
	width: 380px;
	height: 298px;
}

.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

#fade-example-1-next {
	right: 13px;
	top: 280px;
}
#fade-example-1-previous {
	right: 30px;
	top: 280px;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

#contactus  {
	display: block;
	margin-bottom: 20px;
	width: 400px;
}

.logoBlock {
	float: left;
	height: 192px;
	width: 192px;
	margin: 0 20px 0 10px;
}

.news_style, .news_mark, .news_title {
	display: none;
}

.news_show { 
	overflow: hidden;
	padding: 0px;
}

.promoImg { 
	border: 0px;
}

.news_border {
	height: 313px;
	width: 945px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.buttondiv { 
	cursor: pointer;
	position: absolute!important; // Don't change!
	margin: 0px;
	padding: 0px;
}


#news_prev, #news_pause, #news_next { 
	cursor: pointer;
}



.hidden {
	display: none;
}