html {margin:0;padding:0} /*DO NOT EDIT - removes browser defaults*/
/*
body, td {font:15px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} 
table {font-size:inherit;font:100%;} 
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} 
h1, h2, h3, h4, h5, h6 {margin:0;}


h1 {
	font-weight:bold;
	font-size:23px;
	font-weight:normal;
}

h3 {
	font-size:19px;
	font-weight:normal;
}

h4 {
	font-size:17px;
	font-weight:normal;
}
h5 {
	font-size:13px;
	font-weight:normal;
}



#header2 h1 {
	font-size:33px;
}
#header2 h2 {
	font-size:21px;
}
#content h2 {
	font-size:27px;
}
#content h3 {
	font-size:19px;
}
#content h4 {
	font-size:19px;
}
#content #videosContent h1{
	font-size: 15px;
	height:20px;
}
#content #videosContent h2{
	font-size: 21px;
	height:30px;
}
#content #videosContent h3{
	font-size: 14px;
	height:18px;
}
*/

	
/****************************************/
/********  BEGIN PAGE STRUCTURE  ********/
/****************************************/
#content {
	width:960px;
	height:415px;
	margin:auto;
	padding-top:30px;
}	

#headerWrap {
	background: transparent url(/images/organizations/cms/sfdotcomV2/images/header.png) no-repeat 50% 0;	
}

#header2Wrap {
/*	min-height:375px;	*/
	min-height:327px;	
}

#header2 {
	width: 1000px;
	height:327px;
	margin:auto;
	padding-top:0px;
	position:relative;
	overflow:hidden;
}

	
/**************************************/
/********  END PAGE STRUCTURE  ********/
/**************************************/

/**************************************/
/*******  BEGIN HEADER2 CONTENT *******/
/**************************************/
.slider ul, .slider li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#textSlider {
	width:900px; /*421*/
	height:275px; /*311*/
	overflow:hidden;
	float:left;
	margin:18px 0 0 35px;
	display:inline;
	font-size:15px;
}

#textSlider li {
	width:421px;
	height:311px;
	position:relative;
}

#textSlider li li {
	width:auto;
	height:auto;
}

#textSlider a {
	color: #424242;
}

#textSlider a:hover {
	color: #ef8c2d;
}

.lcButtons a {
	background: transparent url(images/lcButtons.png) no-repeat 0 0;		
	width:116px;
	height:36px;
	display:block;
	float:left;
}

a.greyBtn {
	background: transparent url(images/lcButtons.png) no-repeat -116px 0;		
	width:116px;
	height:18px;
	display:block;
	float:left;
	text-align:center;
	padding:9px 0;
	color:#fff !important;
	clear:both;
	margin-top:10px;
}

a.orangeBtn {
	background: transparent url(images/lcButtons.png) no-repeat 0px 0;		
	width:116px;
	height:18px;
	display:block;
	float:left;
	text-align:center;
	padding:9px 0;
	color:#fff !important;
	margin:10px 0 0 10px;
}

#imageSliderWrap {
 	background: transparent url(images/imageSliderBg.png) no-repeat 0 0;	
 	float:right;
	position:relative;
	right:0px;
	width:447px;
	height:311px;
}

#imageSlider {
	width:374px;
	height:284px;
	overflow:hidden;
	float:right;
	margin:20px 38px 0 0;
	display:inline;
}

#imageSlider li {
	width:374px;
	height:284px;
}

#imageSlider li img {
	border:none;	
}

.previousBtn a {
	position:absolute;
	top:117px;
	left:-6px;
	width:30px;
	height:75px;	
	text-indent:-9999em;
	overflow:hidden;
}

.nextBtn a {
	position:absolute;
	top:117px;
	right:-3px;
	width:30px;
	height:75px;
	text-indent:-9999em;
	overflow:hidden;
}

.sliderControls {
	position:absolute;
	bottom:5px; /*5*/
	left:10px; 
	list-style:none;
	margin:0;
	padding:0;
}

.sliderControls li {
	background: url("images/sliderControls-new.png") no-repeat 0 0px;
	float:left;
	padding:0;
	width:25px;   /*25*/
	height:22px;   /*22*/
	margin-right:3px;
	
	cursor:pointer;
	display:inline;
}

.sliderControls li.mytwo {
	background: url("images/pricing w.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:80px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.mytwo:hover {
	background: url("images/pricing g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:80px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.mytwo:active {
	background: url("images/pricing g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:80px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}

.sliderControls li.myone {
	background: url("images/sharepoint w.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:102px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myone:hover {
	background: url("images/sharepoint g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:102px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myone:active {
	background: url("images/sharepoint g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:102px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.mythree {
	background: url("images/features w.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.mythree:hover {
	background: url("images/features g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.mythree:active {
	background: url("images/features g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfour {
	background: url("images/open source w.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:104px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfour:hover {
	background: url("images/open source g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:104px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfour:active {
	background: url("images/open source g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:104px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfive {
	background: url("images/custom w.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfive:hover {
	background: url("images/custom g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}
.sliderControls li.myfive:active {
	background: url("images/custom g.png") no-repeat 0 0px;
	background-position:0px 0px;
	float:left;
	padding:0;
	width:81px;   /*25*/
	height:34px;   /*22*/
	margin-right:3px;
	cursor:pointer;
	display:inline;
}



.sliderControls li.number {
	background-position:-89px 0px;
	color:#383838;
	padding:2px 0px;
	text-align:center;
	height:36px;
	font-size:14px;
	font-weight:bold;
}

.sliderControls li.number:hover {
	background-position:-110px -23px;
}

.sliderControls li.number:active {
	background-position:-110px bottom;
}

.sliderControls li.prev {
	background-position:0 0px;
}

.sliderControls li.playBtn {
	background: url("images/sliderControls.png") no-repeat 0 0px;
	background-position:-52px 0px;
}

.sliderControls li.pauseBtn {
	background: url("images/sliderControls.png") no-repeat 0 0px;
	background-position:-26px 0;
}

.sliderControls li.next {
	background-position:-79px 0;
}

.sliderControls li.prev:hover {
	background-position:0 -23px;
}

.sliderControls li.playBtn:hover {
	background-position:-52px -23px;
}

.sliderControls li.pauseBtn:hover {
	background-position:-26px -23px;
}

.sliderControls li.next:hover {
	background-position:-79px -23px;
}

.sliderControls li.prev:active {
	background-position:0 bottom;
}

.sliderControls li.playBtn:active {
	background-position:-52px bottom;
}

.sliderControls li.pauseBtn:active {
	background-position:-26px bottom;
}

.sliderControls li.next:active {
	background-position:-79px bottom;
}

#textSlider dt {
	float:left;
	clear:both;
	width:150px;
	margin-bottom:5px;
}
#textSlider dd {
	float:left;
	margin-bottom:5px;
}



/*=====================================
slider content
=======================================*/
a.spotlightSchool {
	float:left;
	clear:both;
	color:#ef8c2d;
	margin-bottom:10px;
}

a.spotlightSchool:hover {
	color:#424242;
}

a.spotlightSchool img {
	width:40px;
	height:40px;
	border:1px solid #383838;;
}

/**************************************/
/********  END HEADER2 CONTENT ********/
/**************************************/

#header2 h1 {
	color:#336600;
	line-height:100%;
	font-size:28px;
	font-weight:bold;
}
#header2 h2{
	color:#FFFFFF;
	line-height:100%;
	font-size:20px;
	font-weight:bold;
}
#header2 p{
color:#F0F0F0
}
