html {width: 100%;
height: 100%;}

body {width: 100%;
	background: #fff;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;}
div.logo { margin:0.7em;}
/* NAVIGATION HEAD AND FOOTER */
.navbar
	{	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: center;
	border-right: 1px solid #000;
	border-left: 1px solid #008983;}
.navbarfirst
	{	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: center;
	border-right: 1px solid #000;}
.navbarlast
	{	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: center;
	border-left: 1px solid #008983;}

.navBorder a  {color:#fff;
	background-color: #006460;
    text-decoration:none;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;}

.navBorder a:hover  {	color:#fc9;
			background-color: transparent;
          	text-decoration:none;}

.navBorder { border-top: 1px solid #000;
			border-bottom: 1px solid #000;
			background-color: #006460;
			color: #000;}

div.navtop {	background-color: transparent;
			color: #666;
			text-align: right;
			vertical-align: top;}
.navtop a {	background-color: transparent;
			color: #666;
			font-weight: normal;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-align: right;}
			
/* for home page*/
.row1 {color:#fff;
	background-color: #006460;
	padding: 0em;}
.row2 {color:#000;
	background-color: #fff;
	padding: 1em;
	border: solid 0.1em #006460;}
#pic {float: right;}
#mainbox {clear: right;}
#maintitle {
		font-family: Times, Geneva, Arial, Helvetica, serif;
		font-weight: bold;
		padding-top:0em;
		padding-bottom: 0.4em;
		margin: 0em;
		font-size: 15px;
		text-align: left;}
.slogan {color:#f90;
		background-color: transparent;}
/* Nav Bar */
p.navLine1 {border-top: 0.05em solid #000;
			line-height: 13px;
			color: #fff;
			background-color: #006460;
			padding: 0em;
			margin: 0em;}
p.navLine2 {line-height: 2px;
			color: #000;
			background-color: #fff;
			padding: 0em;
			margin: 0em;}
p.navLine3 {border-bottom: 0.05em solid #000;
			line-height: 3px;
			color: #fff;
			background-color: #6B1F97;
			padding: 0em;
			margin: 0em;}

a  {color:#006460;
	background-color: transparent;
    text-decoration:underline;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

a:hover  {	color:#000;
			background-color: #ccc;
          	text-decoration:underline;}

div	 {	color:#000;
		background-color: #fff;
     	font-size: 13px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding: 0.1em 0.5em 0.1em 0.7em;
}

ul.info { list-style : square;
		color: #006460;
		background-color: transparent;
		font-size: 12px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding-top: 0.7em;}
.info a  {	color:#006460;
            background-color: transparent;
			padding: 0.1em;}
div.info { color: #006460;
		background-color: transparent;
		font-size: 12px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding: 0.1em 0.5em 0.1em 1.7em;}

td.rightcolumn {border-left: dashed 0.05em #006460;}

h1  {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding-top:1em;
		padding-bottom: 0.4em;
		margin: 0em;
		font-size: 20px;
		text-align: center;}
.title  {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #000;
		background: #fff;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
		margin: 0em;
		font-size: 20px;
		text-align: center;}
.subtitle { 	font-size: 13px;
				font-family: verdana,geneva,helvetica, sans-serif;
	 			font-weight: bold;
				color: #f00;
				background-color: transparent;
				padding: 0.5em 0.1em 0.5em 0.1em;}
div.weektitle { font-size: 12px;
				font-family: verdana,geneva,helvetica, sans-serif;
	 			font-weight: bold;
				color: #000;
				background-color: #ccc;
				margin: 0.1em 0.5em 0.1em 0.7em;}
div.weektext {padding: 0.5em 0.5em 0.1em 4em;}
div.requirement { font-size: 12px;
				font-family: verdana,geneva,helvetica, sans-serif;
	 			font-weight: normal;
				color: #000;
				background-color: #fff;
				margin-top: 0em;}
ul {margin-top: 0em;}
.enroll  {	background-color: #ff8833;
  			font-family: Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  			font-weight: bold;
  			font-size: 12px;
  			font-variant: small-caps;
  			letter-spacing: 0.1em;
 			color: #fff;
  			border-top-color: #099;
  			border-left-color: #099;
  			border-right-color: #000;
  			border-bottom-color: #000;
  			border-width: thin;
  			border-style: outset;
  			padding: 0.3em;
			text-align: center;}
.enroll a {background-color: transparent;
			color:#fff;
			text-decoration:none;
			font-size: 14px;}
.enroll a:hover {background-color: transparent;
				color:#fff;
				text-decoration:none;}
.price { color: #f00;
		background-color: transparent;
		font-size: 13px;
		font-weight: bold;}
div.books {	color:#000;
		background-color: #fff;
     	font-size: 12px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding: 0em 0.5em 0em 4.5em;}
.box1 { color: #000;
		background-color: #eee;
		font-size: 12px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight: bold;
		border: solid 0.1em #006460;
		margin: 0.7em 0.7em 0.7em 0.7em;}
.button {font-size: 12px;
		font-family: verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		color: #000;
		background-color:#f1f1f1;
		padding:0em;
		margin:0.1em;
		border: 0.1em solid #006460;
		text-align: center;}
/* This style is for the course listing page */
.classtitle {color:#000;
		background-color: #eee;
     	font-size: 13px;
		font-family: arial,verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding: 0.1em;}

.classdes {color:#000;
		background-color: transparent;
     	font-size: 12px;
		font-family: arial,verdana,geneva,helvetica, sans-serif;
	 	font-weight:normal;
		padding: 0.5em 0em 0.3em 0em;}
.classtitle a:hover {color:#900;
			background-color: #fff;
          	text-decoration:underline;}
.red {color:#900;
		background-color: transparent;
     	font-weight:bold;}

.footer {color: #fff;
		 background-color: #999;
		 font-weight: normal;
		 text-decoration:none;
		 text-align: center;}
.footer a {color: #fff;
		 background-color: #999;
		 font-weight: normal;
		 text-decoration:none;}
.footer a:hover {color: #fff;
		 background-color: #999;
		 font-weight: normal;
		 text-decoration:underline;}
.copyright {color: #999;
		 background-color: #fff;
		 text-align: center;}
.hide { display: none;}
.special {font-weight: bold; 
			color: #999;
			background-color: transparent;
			text-decoration: none;}
.special a:hover {font-weight: bold; 
			color: #999;
			background-color: transparent;
			text-decoration: none;}
.ad {color:#999;
	background-color: #fff;
	padding: 0em;
	border: solid 0.1em #999;
	font-size: 11px;
	font-family: arial,verdana,geneva,helvetica, sans-serif;}
	
.mem_menu {color:#000;
	background-color: #fff;
	padding: 0em;
	font-size: 12px;
	font-family: arial,verdana,geneva,helvetica, sans-serif;}
.mem_menu a {color:#000;
	background-color: #fff;
	padding: 0em;
	font-size: 12px;
	font-family: arial,verdana,geneva,helvetica, sans-serif;
	text-decoration:none}
.mem_menu a:hover {color:#666;
	background-color: #fff;
	padding: 0em;
	font-size: 12px;
	font-family: arial,verdana,geneva,helvetica, sans-serif;}