.body
{
	background-color:#888888;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
}
.master
{
	background-color:#FFFFFF;
}
.topArea
{
}
.breadcrumb, .breadcrumb a, .breadcrumb:active, .breadcrumb a:active
{
   	color: #3B3B3B;
}
.logo a
{
	background-image:url("/style library/images/blk_logo.jpg");
   	color: #3B3B3B;
}
.search .ms-sbcell
{
	color:#000000;
}
.shadowRight
{
}
.shadowLeft
{
}
.topNavContainer
{
	height:60px;
	vertical-align:middle;
}
.topNavItem
{
	color:white;	
	font-size:14px;
	font-weight:bold;
	font-family:Lucida Grande, Arial, Helvetica, sans serif;
	margin-top:2px;
	margin-bottom: 10px;
	clear:both;
	float:left;
	text-decoration:none;
	vertical-align:middle;
	padding-left:0px;
	padding-right:20px;
}
.topNavItem a
{
}
.topNavSelected a
{
	color:#333;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}
.topNavHover a
{
	background-color: white;
	color:#333;
	vertical-align:middle;
	text-decoration:none;
}
.topNavHover a:hover
{
	background-color: white;
	color:#333;
	vertical-align:middle;
	text-decoration:none;
}
.topNavFlyOuts
{
	border-right-color:#DBDBDB;
}
.topNavFlyOutsItem
{
	background-color: #EFEFEF;
	border-color:#DBDBDB;
	border-bottom-color:#DBDBDB;
	background-color: #F1F1F1;
	color:#3B3B3B;
}
.topNavFlyOutsItem a
{
	color:#3B3B3B; 
}
.topNavFlyOutsHover
{
	background-color: #CACACA;
}
.topNavFlyOutsHover a
{
	color:#3B3B3B;
}
.leftNav
{
	border-color:#DBDBDB;
	background-color: #F1F1F1;
}
.leftNavSelected
{
	background-color: #CACACA;
	color: #F5F5F5;
	border-top-color: #8A8A8A;
	border-bottom-color: #8A8A8A;
}
.leftNav1, .leftNav2
{
	color: #424242;
}
.leftNavHover 
{
	background-color: #8A8A8A;
	color:#F9F9F9;
}
.leftNavFlyOuts 
{
	background-color: #EFEFEF;
	border-color:#DBDBDB;
}
.leftNavFlyOuts a
{
	color:#424242; 
}
.leftNavFlyOutsHover
{
    background-color: #CACACA;
}
.Line
{
	background-color: #F5F5F5;
}
.pageTitle
{
   	color: # 3B3B3B;
}
.topBorder 
{
	border-top-color:#DBDBDB;
}
.ms-WPHeader td
{
	border-bottom-color:#333333;
}
.BottomLinkBar
{
	color: #999999;
}
.link-item, .link-item a, .link-item a:link
{
	color: #5D5D5D;
}
.link-item a:visited, .link-item a:active
{
	color: #787878;
}
.link-item a:hover
{
	color: #3b3b3b;
}
.link-item-large, .link-item-large a, .link-item-large a:link
{
	color: #5D5D5D;
}
.link-item-large a:visited, .link-item-large a:active
{
	color: #787878;
}
.link-item-large a:hover
{
	color: #3B3B3B;
}
.description 
{
	color: #4C4C4C;	
}
.bullet{
	background-image:url("/style library/images/blk_lstbulet.gif");
}
.groupheader 
{
	color:#424242;
}
.band 
{
	background-color:#595959;
	color: #FFFFFF; 
}
.separator
{
	border-color:#CACACA;
}
.level-band
{
	background-color:#8A8A8A;
}
.level-description
{
	Color: #4C4C4C
}
.level-item, .level-item a, .level-item a:link
{
	color: #5D5D5D;
}
.level-item a:visited, .level-item a:active
{
	color: #787878;
}
.level-item a:hover
{
	color: #3B3B3B;
}
.level-bullet
{
	background-image:url("/style library/images/blk_lstbulet.gif");
}
.headertitle, .headertitle a, .headertitle a:link
{
	color: #5D5D5D;
}
.headertitle a:visited, .headertitle a:active
{
	color: #787878;
}
.headertitle a:hover
{
	color: #3b3b3b;
}
.headertitle-large, .headertitle-large a, .headertitle-large a:link
{
	color: #5D5D5D;
}
.headertitle-large a:visited, .headertitle-large a:active
{
	color: #787878;
}
.headertitle-large a:hover
{
	color: #3B3B3B;
}
.headertitle-small, .headertitle-small a, .headertitle-small a:link
{
	color: #5D5D5D;
}
.headertitle-small a:visited, .headertitle-small a:active
{
	color: #787878;
}
.headertitle-small a:hover
{
	color: #3b3b3b;
}
.headertitle-band, .headertitle-band a, .headertitle-band a:link
{
	color: #EFEFEF;
}
.headertitle-band a:visited, .headertitle-band a:active
{
	color: #EFEFEF;
}
.headertitle-band a:hover
{
	color: #EFEFEF;
}
.title-With-Background 
{ 
	background-color:#545454; 
}
/**MY added css main.css ********************/
#wrapper {
	width: 930px;
	margin: 0 auto;
}
/***navigation***/
#navigation {
	margin-top:10px;
	margin-bottom: 10px;
	clear:both;
	float:left;
}

#navigation ul {
	float: left;
	width: 690px;
	display:inline;
}
#navigation li {
	display:inline;
	float:left;
	margin-right: 8px;
}
#navigation li a {
	text-decoration:none;
	font-size: 14px;
	font-weight:bold;
	color:white;
	float:left;
	padding: 5px 20px;
}
#navigation li a:hover, #navigation .active {
	background-color: white;
	color:#333;
}
#search 
{
	float:right;
	display:inline;
	margin-left: 40px;
	#margin-left: 0px;
}

#search_field {
	padding: 3px;
}
#search_button {
	width: 29px;
	height: 26px;
	margin: 0;
  	padding: 0;
 	border: 0;
	background: transparent url('../img/search_icon.gif') no-repeat top left;
  	text-indent: -1000em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
/***Main Content***/
#main_content {
	clear:both;
	background-color:#F7FCFF;
	float:left;
	width: 890px;
	padding: 20px;
}
/***column structures***/
.column1-wide {
	width: 570px;
}
.column2-narrow {
	width: 309px;
}
.column1-narrow {
	width: 200px;
}
.column2-wide {
	width: 670px;
}
.column1-narrow, .column1-wide {
	float: left;
	margin-right: 15px;
}
.column2-wide, .column2-narrow {
	float: right;
}

/**footer**/
#footer 
{
	clear:both;
	text-align:center;
	padding-bottom: 10px;
}
#footer span 
{
	float:left;
	display:inline;
}
#footer a, #footer a:hover 
{
	float: right;
	display:inline;
	margin-left: 15px;
}
/**** Index.css styles start *********/
/*****index content****/
/***column 1****/
#welcome_to_mystem 
{
	padding: 15px;
	border:1px solid #ccc;
	margin-bottom: 10px;
}
/**blobs**/
#blobs 
{
	clear:both;
	display:block;
	width: 580px;
	margin-bottom: 20px;
	margin-left:0px;
	float:left;
	padding-left:0px;
	text-align:left;
}
#blobs ul li {
	width: 188px;
	height: 230px;
	margin-right: 5px;
	float:left;
	margin-bottom: 10px;
	background-color:#efefef;
	position:relative;
}
#blobs ul
{
	 padding-left:0px;
	 margin-left:0px;
}
#index_resource_directory 
{
	background: transparent url('/SiteCollectionImages/resource_directory.jpg') no-repeat left top;
}
#index_document_library 
{
	background: transparent url('/SiteCollectionImages/document_library.jpg') no-repeat left top;
}
#index_community 
{
	background: transparent url('/SiteCollectionImages/community.jpg') no-repeat left top;
}
#blobs ul li p 
{
	margin-top: 10px;
	color:#4285BA;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	font-family:"Lucida Grande", Arial, Helvetica, sans serif;
}
#blobs ul li span {
	position:absolute;
	bottom: 10px;
	left: 2px;
}
/*news*/
#news_header 
{
	font-size: 16px;
	clear:both;
	background-color:#F0F0F0;
	color:#333;
	border:1px solid #C3C4C6;
	text-align:left;
	padding: 10px;
	margin-bottom: 10px;
}
#news_header span 
{
	color:#4285BA;
}
#news 
{
	background-color:#fff;
	clear:both;
	margin-top: 10px;
	padding: 15px;
	border:1px solid #ccc;
}

#news p 
{
	margin-bottom: 5px;
}
#news li {
		padding: 10px;
		border-bottom:1px solid #ccc;
}

#news li:last-child 
{
	border:none;	
}
/****column2 ****/
#featured_student_artwork 
{
	float:left;
	clear:both;
	display:block;
	padding-bottom: 10px;
}
#featured_student_artwork ul
{
	padding-left:0px;
	text-align:left;
	margin-left:0px;
}
#featured_student_artwork ul li{
	width: 90px;
	padding: 0px 5px;
	float: left;
	display:inline;
}
#featured_student_artwork ul li a 
{
	clear:both;
	display:block;
	color:#4285BA;
	text-decoration:none;
}
#featured_student_artwork .student_artwork_img 
{
	border:1px solid #efefef;
	width: 85px;
	height: 70px;
	display:block;
	padding-top: 0px;
	overflow:hidden;
	margin-bottom: 10px;
	background-color:white;
	margin-top:0px;
}
#featured_student_artwork .student_artwork_img img {
	margin-left: auto;
    margin-right: auto;
	display:block;
}
.date 
{
	font-size: 10px;
}
/****videos*****************/
#featured_student_video li 
{
	clear:both;
	margin-bottom: 5px;
}
#featured_student_video ul 
{
	text-align:left;
	margin-left:0px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}
#featured_student_video a 
{
	color:#4285BA;
	text-decoration:none;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
	font-size:1.1em;
}
.student_video 
{
	float:left;		
	padding-right: 10px;
}
.video_description 
{
	display:block;
}
/**mentor**/
#mentoring 
{
	margin-top: 10px;
}
#mentoring p
{
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
	font-size:1.1em;
	padding-top:0px;
	margin-top:10px;
}
#mentoring a
{
	color:#4285BA;
	text-decoration:none;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
	font-size:1.1em;
}
/**IE FIXES**/
#featured_student_video, #featured_student_artwork, #mentoring  
{
	display:block;
	float:left;
	width: 100%;
	clear:both;
} 
/****partners section***********************/
#partners 
{
	clear:both;
	padding-top: 20px;
}
/****recyled***/
.more 
{
	display:block;
	text-align: right;
}
.title 
{
	color:#4285BA;
}
/***** typography css ************/
h1 
{
	clear:both;
	font-size: 28px;
	margin-bottom: 10px;
}

h1 span 
{
	color:#4285BA;
}

#featured_student_artwork h2 
{
	font-size: 15px;
	clear:both;
	background-color:#F0F0F0;
	color:#4285BA;
	border:1px solid #C3C4C6;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
}
#featured_student_artwork Div1 
{
	font-size: 9px;
	clear:both;
	background-color:#F0F0F0;
	color:#4285BA;
	border:1px solid #C3C4C6;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
	word-break:break-all;
	overflow:hidden;
	text-wrap: none;
	clip:auto;"
}
#featured_student_video h2 
{
	font-size: 15px;
	clear:both;
	background-color:#F0F0F0;
	color:#4285BA;
	border:1px solid #C3C4C6;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
}
#mentoring h2 
{
	font-size: 15px;
	clear:both;
	background-color:#F0F0F0;
	color:#4285BA;
	border:1px solid #C3C4C6;
	text-align:center;
	padding: 10px;
	margin-bottom: 10px;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
}
a 
{
	text-decoration:none;
	color:#4285BA;
}
a:hover 
{
	text-decoration:underline;
}
p 
{
	margin-bottom: 5px;
}
/***typography for inner pages************/
.column2-wide h1 
{
	font-size: 20px;
	border-bottom:1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.column2-wide h3 
{
	clear:both;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 10px;
}
/************ iNDEX.CSS right column****************/
/****column2 ****/
#featured_student_artwork 
{
	float:left;
	clear:both;
	display:block;
	padding-bottom: 10px;
}
#featured_student_artwork ul li
{
	width: 90px;
	padding: 0px 5px;
	float: left;
	display:inline;
}
#featured_student_artwork ul li a 
{
	clear:both;
	display:block;
}
#mentoring .temp a:link
{
	color:#fff;
	border:0px;
}
#footerLeft
{
	background-color:#888888;
	background-position:left top;
	background-repeat:repeat-y;
	width:12px;
}
#footerRight
{
	background-color:#888888;
	background-position:left top;
	background-repeat:repeat-y;
	width:12px;
}
#center_content
{
	color:#333333;
	font-family:"Lucida Grande",Arial,Helvetica,sans serif;
	font-size:12px;
	line-height:1.5em;
	padding-left:20px;
	padding-right:20px;
}
.date 
{
	font-size:10px;
}