﻿/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */
form
{
	height:100%;
}
html
{
	height:100%;
}
.body
{
	background-color:#596E9E;
	height:100%;
	margin:0px;
}
.master
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	background-color:#FFFFFF;
}
.masterContent
{
	background-color:#FFFFFF;
}
.shadowRight
{
	*height:100%;
	min-height:100%;
	width:12px;	
	background-repeat:repeat-y;
	background-position:left top;
	background-color:#888888;
}
.shadowLeft
{
	*height:100%;
	min-height:100%;
	width:12px;	
	background-repeat:repeat-y;
	background-position:left top;
	background-color:#888888;
}
.spacer
{
	width:12px
}
.breadcrumb
{
    font-family: tahoma; 
    color: #656b77;
    clear:both;
    font-size:9pt; 
    font-family: tahoma; 
    padding-left:7px;
    padding-bottom:2px;
    padding-top:4px;
    border-bottom:1px #CCCCCC solid;
    margin-bottom:4px;
}
.breadcrumb a:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb:active
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb a
{
	padding-left:0px;
	padding-right: 0px;
	text-decoration:none;
   	color: #656b77;
}
.breadcrumb a:hover
{
	text-decoration:underline;
}
.breadcrumbCurrent
{
	font-weight:bold; 
}
.login
{
	display:inline;
}
.login a:hover
{
	text-decoration:underline;
}
.sharepointLogin
{
	float:right;
	display:inline;
}
.sharepointLogin .ms-globallinks
{
    position:relative;
}
a.#zz1_MyLinksMenuMenu
{
    font-family:Tahoma;
}
a.#zz8_Menu
{
    font-family:Tahoma;
}
div.#zz8_Menu_t img
{
    vertical-align:middle;
}
{
	color:#333333;
}
.sharepointLogin .ms-globallinks a
{
	color:#333333;
}
.sharepointLogin .ms-globallinks
{
	color:#333333;
}
.sharepointLogin div
{
	color:#333333;
}
.topArea
{
	 
}
.topArea :active
{
	text-decoration:none;
}
.logo
{
    float:left;
	height: 42px;
	font-size:14pt; 
	font-family: tahoma;  
	padding-bottom:3px;
	padding-top:3px;
	padding-left:4px;
	padding-right: 0px;
}
.logo a
{
	color: #656B77;
	background-image:url("/Style Library/images/bl_logo.jpg");
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	padding:15px 5px 0px 75px;
}
.topLinkBar 
{
    float:right;
    width:auto;
	padding-left: 1px;
	padding-right: 7px;
   	display:inline;
}
.toplinkbar a:active
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;
}
.topLinkBar a
{
   	color: #444444;
	font-family: tahoma;  
	font-size:9pt; 
	text-decoration:none;
}
.topLinkBar a:hover
{
	text-decoration:underline;
}
.topLink
{
   	background: url("/Style Library/Images/linksdivider.gif") right 6px no-repeat;
   	display:inline;
}	
.console
{
	clear:both;
}
.search
{
    margin:6px 2px 20px 2px;
}
.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:2px;
    border:1px #555555 solid;
    height:14px;
}
.search .ms-sbcell
{
    border:none;
    font-weight:normal; 
    font-size:8pt; 
    color: #3A4663;
    padding:0px;
}
.search .ms-sbgo
{
    background:none;
}
.siteActionMenu
{
    float:right;
}
.authoringRegion
{
	width:100%;
	background-color:#888888;
}
.topNavContainer
{
	background-color:#888888;
	background-repeat:repeat-x;
	height:60px;

}
.topNav
{
    *position:relative;
    *top:-1px;
}
.topNavItem
{
	background-repeat:no-repeat;
	background-position:top right;
	font-family: tahoma;  
	font-size: 8pt; 
	color: #3a4663;	
}
.topNavItem a
{
	display:block;
	padding:4px 5px 8px 5px;
}
.topNavSelected a
{
	background-repeat:repeat-x;
	background-color:white;
	background-position:top right;
	color: #333;
}
.topNavHover a
{
	background-color: white;
	color:#333;
	vertical-align:middle;
}
.topNavFlyOuts
{
	border-top:1px #CBD1E0 solid;
}
.topNavFlyOutsItem
{	
	font-family: tahoma; 
	font-size: 8pt; 
	background-color: #ECEFF3;
	border:1px #CBD1E0 solid;
	border-top-style: none;
	color:#3A4663; 
	*width:150px;
	min-width:150px;
}
.topNavFlyOutsItem a
{
    display:block;
    padding:4px 5px 4px 5px;
}
.topNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.topNavRoundRight
{
    width:0px;
}
.topNavRoundLeft
{
    width:0px;
}
.leftNav
{
	margin-right:15px;
	margin-left:7px;
	margin-top:4px;
	padding-top:0px;
	border:1px #8997BC solid;
	background-color: #D0D6E3;
	width:160px;
}
.leftNavSpacer
{
	width:160px;
}
.leftNavSelected
{
	background-color: #B2BCD3;
	color: #F4F5F9;
	border-top:1px #B2BCDD solid;
	border-bottom:1px #B2BCDD solid;
	line-height:14pt;
}
.leftNav3
{
	color: #354260;
}
.leftNav2
{
	color: #354260;
}
.leftNav1
{
	color: #354260;
}
.leftNav1
{
	font-family: tahoma;  
	font-size: 8pt; 
	font-weight:bold; 
	line-height:14pt;
}
.leftNav1 a
{
	font-family: tahoma;  
	font-size: 9pt; 
	font-weight:bold; 
	padding-left:5px;
	display:block;
	padding-right:10px;
}
.leftNav2
{	
	font-family: tahoma;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNav2 a
{
	padding-left:10px;
	display:block;
	padding-right:10px;
}
.leftNav3
{	
	font-family: tahoma;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNav3 a
{
	padding-left:18px;
	display:block;
	padding-right:10px;
}
.leftNavHover
{
	background-color: #596E9E;
	color:#FFFFFF;
}
.leftNavFlyOuts
{
	font-family:Tahoma; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.pageTitle
{
	margin:0px;
	font-family: tahoma;  
	font-size: 12pt; 
	font-weight: bold; 
	color: #666666;
}
.pageTitle span
{
	margin:0px;
	padding:0px;
}
.mainContainer
{
	margin-left:10px;
	margin-right:10px;
}
.bottomLinkBar
{
	font-family: tahoma;  
	font-size: 8pt; 
	color: #999999;
	float:none;
}
.mainContent td.ms-pagebreadcrumb
{
	display:none;
}
.mainContent div.ms-pagebreadcrumb
{
	display:none;
}
div.ms-wikieditouter
{
	position:static;
	border-bottom: 1px #6393d4 solid;
	margin-bottom:8px;
	margin-right:5px;
	border-right-width:1px;
}
div.ms-quicklaunchouter
{
	margin-left:7px;
	margin-top:5px;
	width:158px;
	border-width:0px;
}
/*****************88  ZZZ Black Style Sheet ******************/
.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("../styles/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("../styles/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 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;
	cursor: hand;
}
#index_document_library 
{
	background: transparent url('/SiteCollectionImages/document_library.jpg') no-repeat left top;
	cursor: hand;
}
#index_community 
{
	background: transparent url('/SiteCollectionImages/community.jpg') no-repeat left top;
	cursor: hand;
}
#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_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;
}

