/* CSS Document */
/** Copyright SunniPath LLC 2006-2007 **/

body {
    background-color:		#AA9C93;
	background-image:		url("http://www.sunnipath.com/Academy/Online/images/bg-brown-gradient.gif");
	background-repeat:		repeat-x;
	background-attachment:	fixed;
	background-position:	top left;
	text-align: 			center;
	min-width:				960px;
	margin:					0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	}

* html body {  /* IE Fix */
  overflow: hidden;
  }


.Catalog-NumberOfCourses {
	color: #A99C93;
	margin-bottom: -12px;
	}

.Catalog-CourseName, .Catalog-CourseName a, .Catalog-CourseName a:visited {
	color: #C56926; 
	font-weight: bold; 
	font-size: 16px; 
	text-decoration: none;
	}

.Catalog-CourseName a:hover {
	background-color: #FFB; 
	color: #B7601D;
	font-weight: bold; 
	font-size: 16px; 
	text-decoration: none;
	padding: 3px 6px 2px 0;
	border-bottom: 1px solid #C09046;
	}

.Catalog-CourseSubtitle {
	color: #B18264;
	font-size: 14px;
	}

.CatalogCourseDescription {
	font-size: 		12px;
	line-height: 	150%;
	color:			#3F3631;
	}

.CatalogCourseDescription a {
	color: 				#c60;
	font-size: 			10px;
	text-decoration:	none;
	}

.CatalogCourseDescription a:hover {
	text-decoration:	underline;
	background-color: #FFB; 
	padding: 3px 6px 3px 0;
	}



/* Header
---------------------------------------------------------- */
.logo {
	position:	relative;	
	top:	15px;
	left:	24px;
	border:	0;
	float: left;
	filter: Alpha(opacity=100); /* IE */
	-moz-opacity: 1; 			/* Mozilla 1.6 and below */
	opacity: 1;               	/* newer Mozilla and CSS-3 */
	}

.logo:hover {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7; 
	}

#Header {
	width:		960px;
	height:		90px;
	background-color: 	#EDD85F;
	background-image:	url("http://sunnipath.com/images/header-bg-yellow.gif");
	background-repeat:	repeat-x; 
	float:		none;
	clear:		both;
	z-index:	10;
	margin:		0 auto;
	text-align: left;
	border-left:	solid 1px black;
	border-right:	solid 1px black;
	}

#HeaderLinks {
	height:		24px;
	float:		right;
	position: relative;
	top:	12px;
	z-index:	15;
	text-align: right;
	}

#HeaderLinks  ul {
	margin: 0;
	padding-right: 10px;
	list-style: none;
	background: #383d44;
	}
#HeaderLinks  li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight:	bold;	
	}
#HeaderLinks  li a {
	float: left;
	padding: 4px 12px;
	text-decoration: none;
	color: #BC7E31;
	border: none;
	background: url(../img/1206/nav-bg.gif) no-repeat bottom right;
	}
#HeaderLinks  li a:hover {
	color: #fff;
	background: #832100;
	}



/* Main Navigation Bar
---------------------------------------------------------- */
#MainNav {
	border-right:		solid 1px black;
	border-left:		solid 1px black;
	width:		960px;
	height:		30px;
	background-color: #785844;
	background-image:	url("http://sunnipath.com/images/TopNav-bg-gradient.gif");
	background-repeat:	repeat-x;
	float:		none;
	clear:		both;
	margin:		0 auto;
	text-align: left;
	}

#MainNav  ul {
	margin: 0;
	padding-left: 6px;
	list-style: none;
	border-top: 1px solid #464a52;
	background: #383d44;
	}
#MainNav  li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight:	bold;	
	}
#MainNav  li a {
	float: left;
	padding: 7px 18px;
	text-decoration: none;
	color: #E4E0BD;
	border: none;
	background: url(../img/1206/nav-bg.gif) no-repeat bottom right;
	}
#MainNav  li a:hover {
	color: #fff;
	background: #684E3E;
	}
#MainNav  li a.active {
	font-weight: bold;
	color: #BC7E31;
	background: #fff url(../img/1206/nav-on-bg.gif) repeat-x top left;
	border-right: 1px black solid;
	border-left: 1px black solid;
	}



/* Main Container
---------------------------------------------------------- */
#TopContent {
	border-left:	solid 1px black;
	border-right:	solid 1px black;
	width:		960px;
	background-color:	#FFF;
	float:		none;
	clear:		both;
	margin:		0 auto;
	text-align: left;
	}

#TopContent img{
	border: 0px;
	width:		960px;
	background-color:	#FFF;
	float:		none;
	clear:		both;
	margin:		0 auto;
	text-align: left;
	}