@CHARSET "ISO-8859-1";

body 
{ 
	margin: 0;
	padding: 0; 
	font-family: "arial"; 
	font-size: 8pt; 
	font-weight: medium; 
	text-align: center; /* Added for older browser compatibility */ 
}
li { list-style: none; }
a:link { color: #777; font-weight: bold; }
a:visited { color: #777;  font-weight: bold;}
a:hover { color: #777; }
a { 
	text-decoration:none;
	
}
#container
{
	width: 1000px;
	margin: 30px auto 0 auto;
	text-align: left; /* Added for older browser compatibility */ 
}

#mainlanguage P
{ 
	margin: 10px 0;
	text-align: right;
}

#mainlanguage a
{
	font-size: 14px;
	color: #777 
}

#maincontents 
{ 
	height: 400px; 
	background: #000000;
	color: #ffffff; 
	
}

#mainbanner
{
	position: relative; 
	overflow: hidden;
	height: 400px;
}

#mainbanner blockquote 
{
	font-size: 28px;
	margin: 135px 0 0 0; 
	text-align: center; 
}

#mainbanner cite 
{ 
	font-size: 16px;
	color: #777; 
	display: block;
}

#mainbanner .mainbannertext
{
	float: left; 
	padding: 0px; 
	width: 280px; 
	display: inline;
}

#mainbanner .mainbannerimage 
{
 	float: right; 
  	width : 720px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbanner .mainbannerimage img 
{ 
	height: 400px;  
	
}

/* CSS For Testimonials for Media */ 
#mainbanner .mainbannertextmedia
{
	float: left; 
	padding: 0px; 
	width: 180px; 
	display: inline;
}

#mainbanner .mainbannerimagemedia 
{
 	float: right; 
  	width : 900px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbanner .mainbannerimagemedia img 
{ 
	height: 400px;  
}



/* removed width directive to allow auto resize with aspect preserve */ 

/* CSS For Testimonials */
#mainbanner .mainbannertexttest
{
	float: left; 
	padding: 0px; 
	width: 720px; 
	display: inline;
}

#mainbanner .mainbannertexttest blockquote 
{
	font-size: 24px;
	margin: 135px 0 0 0; 
	padding: 10px;
	text-align: center; 
}

#mainbanner .mainbannerimagetest
{
 	float: right; 
  	width : 360px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbanner .mainbannerimagetest img 
{ 
	width: 360px; 
	height: 400px;  
}


/* CSS For Double Size Text */
#mainbanner .mainbannertexttest
{
	float: left; 
	padding: 0px; 
	width: 640px; 
	display: inline;
}

#mainbanner .mainbannertexttest blockquote 
{
	font-size: 24px;
	margin: 135px 0 0 0; 
	padding: 10px;
	text-align: center; 
}

#mainbanner .mainbannerimagetest
{
 	float: right; 
  	width : 360px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbanner .mainbannerimagetest img 
{ 
	width: 360px; 
	height: 400px;  
}

/* CSS For Profile Media */ 
#mainbanner .mainbannertextprofilemedia
{
	float: left; 
	padding: 0px; 
	width: 10px; 
	display: inline;
}
#mainbanner .mainbannerimageprofilemedia
{
 	float: right; 
  	width : 975px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbanner .mainbannerimageprofilemedia img 
{ 
	width: 975px; 
	height: 400px;  
}


/* CSS For Projects Header */ 
#mainbannerproject
{
	position: relative; 
	overflow: hidden;
	height: 400px;
}

#mainbannerproject .mainbannerimage 
{
 	float: right; 
  	width : 720px; 
 	overflow: hidden; 
 	text-align: right;	
}

#mainbannerproject .mainbannertext
{
	float: left; 
	padding: 0px; 
	width: 280px; 
	display: inline;
}

#floating {
	width:280px;
	background:#000;
	position:relative;
	top: 320px;
	bottom:0;
	
}

#floating div {
	position:relative;
	bottom: 0;
	left: 10px;
}

#mainbannerproject  P
{
	font-size: 38px;
	font-weight: bold; 
	color: #777;
	margin:0; 
	padding:0;
	padding-bottom: 3px; 
	
}

#mainbannerproject a
{
	color: #fff;
	text-decoration: none;
	font-weight: normal; 
	font-size: 18px;
	width: 20px;
	background-color: #000;
	padding: 3px;
	
}
#mainbannerproject a#current
{ 
	background-color: #FFF;
	color: #000;
} 

#mainbannerproject .mainbannertext cite 
{ 
	font-size: 18px;
	color: #777; 
	display: block;
}


/* float:clear removed */ 
#logo h1 
{ 
	font-size: 28px;
	color: #3BB9FF; 
	letter-spacing: 2px;
	font-weight: normal;  
	display: inline;
}

#logo h2 
{
	color: #999; 
	font-size: 28px;
	letter-spacing: 2px;
	font-weight: normal; 
	display: inline;
}
 
#menu {
	width: 160px;
	float: left;
} 

#menu li 
{ 
	font-size: 14px;
	display: inline;
}

#menu ul
{
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu a
{
	color: #000;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 1px;
	width: 100px;
	text-align:right;
}

#menu li a#current
{
	color: #777;
}

#menu li a#currentlvl3
{
	color: #777;
	text-align:left; 

}

#menu li a#lvl3
{
	text-align:left; 

}

#maintextblock 
{
	float: right;
	display:block;
	border: 0;
	padding:0;
	margin: 0;
	width: 520px;
	height: 200px;
	overflow: auto;
	font-size: 14px;
	background: #fff;
	position: relative;
	text-align:justify;
	color: #777; 
}


#maintextblock a 
{
	color: #3BB9FF;
}

#maintextblock a#media
{
	color: #000;
	
}

#maintextblock a:hover#media
{
	color: #777;
	
}
#maintextblock H2 
{
	padding: 0 0 10px 0; 
	margin: 0; 
	border: 0;
	color: #777; 
}

#maintextblock  P
{
	padding: 0; 
	margin: 0; 
	border: 0;
}

/* CSS For larger maintextblock */
#maintextblocklarge
{
	float: right;
	display:block;
	border: 0;
	padding:0;
	margin: 0;
	width: 680px;
	height: 200px;
	overflow: auto;
	font-size: 14px;
	background: #fff;
	position: relative;
	text-align:justify;
}

#maintextblocklarge #m2jlblue
{
	color: #3BB9FF; 
	display: inline;
}

#maintextblocklarge #m2jllightgrey
{
	color: #999; 
	display: inline;
}


#maintextblocklarge  P
{
	padding: 0; 
	margin: 0; 
	border: 0;
	font-size: 12px; 
}

#maintextblocklarge  P#teaching
{
	padding: 0; 
	margin: 0; 
	border: 0;
	font-size: 15px; 
	font-weight:normal;
}

#maintextblocklarge ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
	font-size: 12px; 
	font-weight:bold;
}

#maintextblocklarge li {
	list-style-type: none;
	margin-left:0px;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	color:#3BB9FF;
}

#maintextblocklarge li#services {
	list-style-type: circle;
	color:#000000;
	margin-left:0px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px; 
}

#maintextblocklarge li p {
	color:#000;
	margin: 0px;
	padding: 0px;
}

#maintextblocklarge .textcolor {
	color:#777;
}

#maintextblocklarge h1 { 
	font-size: 16px; 	
	margin: 0px;
	padding: 0px;
}
	
#maintextblocklarge H2 
{
	padding: 0 0 0px 0; 
	margin: 0; 
	border: 0;
	color: #777; 
}

#maintextblocksitemap
{
	float: right;
	display:block;
	border: 0;
	padding:0;
	margin: 0;
	width: 680px;
	overflow: none;
	font-size: 14px;
	background: #fff;
	position: relative;
	text-align:justify;
	color: #444; 
}

#maintextblocksitemap h2 { color: #999; } 
#maintextblocksitemap a:link { color: #666; font-weight: bold; }
#maintextblocksitemap a:visited { color: #666;  font-weight: bold;}
#maintextblocksitemap a:hover { color: #666; }
#maintextblocksitemap a { 
	text-decoration:none;
}

#maintextblocksitemap P { 
	color: #777; 
} 

#footer 
{ 
	padding: 50px 0 0 0px; 
	clear: both; 
}

#footer hr 
{
	color: #fff; 
	background-color: #fff; 
	border: 1px solid #999; 
	border-style: none none solid; 
}
	
#footer .alignleft 
{
	float: left;
	padding: 0; 
	margin: 0; 
}

#footer .alignright 
{
	padding: 0; 
	margin: 0; 
	float: right;
}

#footer B 
{ 
	font-size: 12px;
	color: #3BB9FF; 
	font-weight: bold;  
}

#footer a 
{ 
	font-size: 12px;
	color: #777; 
	text-decoration: none;
	font-weight: normal;  
}

#footer P
{ 
	font-weight: normal;
	font-size: 12px;
	color: #777;  
}