@charset "utf-8";

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.relative{
position: relative;
}


a {
color: #253326;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

input, select {
border: 1px solid #969695;
}

input.image {
border: none;
}

.hidden {
display: none;
}

.print_page {
display: none;
}

.preload {
position: absolute;
left: -999em;
height: 0px;
width: 0px;
overflow: hidden;
}
h2 a{
text-decoration: none;
}
blockquote{
font-size:1.1em;
line-height:1.3em;
padding:0 15px 15px;
}
/*--------------------------------------------

				Layout
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

.container {
width: 780px;
margin: 0 auto;
text-align: left;
}

.header {
float: left;
padding: 0 27px 0 28px;
width: 725px;
height: 73px;
background: url(images/header_intellogo.gif) no-repeat;
}



.footer {
float: left;
padding: 0 27px 0 28px;
width: 725px;
height: 32px;
background: url(images/footer.gif) no-repeat;
}

/*--------------------------------------------

				header
				
---------------------------------------------*/

.logo {
float: left;
width: 300px;
height: 73px;
text-indent: -999em;
}

.nav {
float: left;
padding: 39px 0 0 37px;
width: 376px;
height: 34px;
}

.nav li, .nav li a {
float: left;
height: 34px;
text-indent: -999em;
}

.blog {
width: 44px;
}

.share {
width: 44px;
}

.learn {
width: 75px;
}

.speak {
width: 66px;
}

.volunteer {
width: 69px;
}

.contact {
width: 78px;
}

.blog a {
background: url(images/blog.gif) no-repeat;
}

.share a {
background: url(images/share.gif) no-repeat;
}

.learn a {
background: url(images/learn.gif) no-repeat;
}

.speak a {
background: url(images/speak.gif) no-repeat;
}

.volunteer a {
background: url(images/volunteer.gif) no-repeat;
}

.contact a {
background: url(images/contactus.gif) no-repeat;
margin-top:3px;
}

.nav li a {
width: 100%;
}

/*--------------------------------------------

				Video Feature
				
---------------------------------------------*/

.video_scroll {
float: left;
padding: 0 27px 0 28px;
width: 725px;
height: 245px;
background: url(images/video_feature_bkg.gif) no-repeat;
position: relative;
}
.votingPanel {
float: left;
padding: 0 27px 0 28px;
width: 725px;
height: 166px;
background: url(images/voting_feature_bkg.jpg) no-repeat;
position: relative;
}
.video_scroll .arrow_left {
position: absolute;
left: 35px;
top: 81px;
width: 62px;
height: 64px;
background: url(images/feature_arrow_left.png) no-repeat;
cursor: hand;
cursor: pointer;
}
.featuretext{
/*color:#FFECD4;*/
color: #fff;
float:right;
font-size:12px;
line-height:1.2em;
padding:18px 15px 0 0;
width:248px;
}
.featuretext a{
color: #6de1fd;
}
.video_scroll .arrow_right {
position: absolute;
right: 35px;
top: 81px;
width: 62px;
height: 64px;
background: url(images/feature_arrow_right.png) no-repeat;
cursor: hand;
cursor: pointer;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 637px;
height: 223px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
z-index: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
}

.feature_space {
padding: 22px 40px 0 44px;
width: 637px;
overflow: hidden;
height: 223px;
}

.videos {
height: 223px;
}

.videos li {
width: 212px;
height: 223px;
background: url(images/video_shadow.png) no-repeat;
}


.videos li img {
float: none;
padding: 2px;
border: 1px solid #fff;
margin: 25px 25px 0;
width: 158px;
height: 117px;
}

.videos li p {
padding: 5px 20px 0 25px;
color: white;
font-size: 0.9em;
}

.videos li p a {
color: #f8e1e9;
}
.shareYoursLink{
background-image: url(images/shareYoursLink.gif);
width: 139px;
height: 24px;
position: absolute;
left:602px;
top: 10px;
display: block;
}
.moreVideos{
background-image: url(images/moreVideos.gif);
height:21px;
left:693px;
position:absolute;
top:215px;
width:47px;
display: block;
}

/*--------------------------------------------

				columns
				
---------------------------------------------*/

.cols {
float: left;
background: url(images/cols_bkg.gif) repeat-y;
width: 780px;
padding: 0 0 20px;
}
.colsFull{
background: url(images/cols_bkg_full.gif) repeat-y;
padding: 0;
float: left;
width: 780px;

}
.left_col {
float: left;
width: 463px;
overflow: hidden;
}

.intro {
float: left;
width: 463px;
text-indent: -999em;
height: 123px;
}

.left_col .home {
background: url(images/left_col_home.gif) no-repeat;
height: 83px;
}

.left_col .volunteer {
background: url(images/left_col_volunteer.gif) no-repeat;
}

.left_col .learn {
background: url(images/left_col_learn.gif) no-repeat;
}

.left_col .speak {
background: url(images/left_col_speak.gif) no-repeat;
}

.left_col .share {
background: url(images/left_col_share.gif) no-repeat;
}


.content {
float: left;
width: 409px;
padding: 10px 13px 0 41px;
}
.content.full{
width: 699px;
padding: 20px 13px 20px 41px;
}
.content.sharePage{
width: 724px;
padding: 40px 0 20px 29px;
}


h2 {
font-weight: bold;
font-size: 1.8em;
line-height:1.3em;
}

h5 {
font-weight: normal;
font-size: 1.0em;
padding: 0 0 10px;
}

p, .entry ol {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0 15px;
}
#CSR ul{
padding: 0 10px 15px;
margin: 0 10px ;
list-style: disc;
font-size: 1.2em;
line-height: 1.4em;
}


.caption {
font-size: 1.0em;
font-style: italic;
padding-left: 5px;
}

.right_col {
float: left;
width: 317px;
background: url(images/right_col_bkg.gif) no-repeat;
padding-top: 32px;
overflow:hidden;
}

.right_col #signupUpdates{
float: left;
padding: 5px 10px 0px 20px;
}
.right_col #signupUpdatesCopy {
float: left;
padding: 0px 10px 10px 0px;
}
.right_col .unsub {
float: left;
padding: 5px 10px 10px 20px;
clear: left;
width:200px;
}
.right_col #signupUpdates #securityRed, .right_col #signupUpdatesCopy #securityRed{
float: left;
width: 150px;
}
#unsubMessages .submit, .submit{
border: none;
width: auto;
height: auto;
}
#unsubMessages input {
margin-left: 5px;
height:22px;
width:210px;
}
.right_col #signupUpdates input, .right_col #signupUpdatesCopy input  {
float: left;
width: 210px;
height: 22px;
}

.right_col #signupUpdates input.image, .right_col #signupUpdatesCopy input.image  {
width: auto;
height: auto;
margin: 0 0 0 5px;
}

.right_col #signupUpdates a, .right_col #signupUpdatesCopy a  {
clear: both;
float: left;
padding: 5px 0 0;
}

.note_bkg {
float: left;
width: 290px;
background: url(images/note_bkg.gif);
}

.note_top {
float: left;
width: 290px;
background: url(images/note_top.gif) top left no-repeat;
}

.note_bottom {
float: left;
width: 230px;
padding: 25px 40px 5px 20px;
font-size: 0.8em;
background: url(images/note_bottom.gif) bottom left no-repeat;
}


.right_col a {
color: #475ed0;
}

.right_col .more a {
color: #ff8b27;
}

.callouts {
float: left;
}

.callouts li {
float: left;
background: url(images/left_col_break.gif) no-repeat;
padding: 7px 27px 5px 0;
width: 290px;
}

.callouts h3 {
float: left;
text-indent: -999em;
height: 42px;
margin-left: 10px;
display: inline;
}

h3.education_news {
width: 166px;
background: url(images/education_news.gif) no-repeat;
}
h3.question_week {
width: 221px;
background:transparent url(images/question_week.gif) no-repeat scroll -2px 0;
}
h3.spotlight {
width: 266px;
background:transparent url(images/spotlight.gif) no-repeat scroll -2px 0;
}
h3.archive {
width: 266px;
background:transparent url(images/blog_arch_header.gif) no-repeat scroll -14px 0;
}
h3.inspired_reading {
width: 168px;
background: url(images/inspired_reading.gif) no-repeat;
}
h3.edu_events{
width: 208px;
background: url(images/eduNews.gif) no-repeat;
height: 39px;
}
h3.intel_volunteers{
width: 208px;
background: url(images/volunteer_intel.gif) no-repeat;
height: 39px;
}
h3.intel_awards{
width: 273px;
background: url(images/awardsheader.gif) no-repeat;
height: 90px;
margin: 0;
text-indent: 0;
}
h3.intel_awards a{
    width: 273px;
    height: 90px;
    display: block;
    text-indent: -999em;
}

h3.flickr_head{
width: 230px;
background: url(images/flickr_head.gif) no-repeat;
background-position: bottom left;
height: 45px;
}
h3.ourvideos{
width: 230px;
background: url(images/ourvideos.gif) no-repeat;
height: 39px;
}

.callouts li li {
background: none;
padding: 0;
width: auto;
}

.social li a {
float: left;
font-size: 1em;
line-height: 20px;
text-decoration: none;
}

.social .rss {
background: url(images/rss_icon.gif) 6px 0 no-repeat;
padding: 0 0 0 31px;
}

.social .share_this {
background: url(images/share_icon.gif) 6px 0 no-repeat;
padding: 0 0 0 31px;
}
#overwriteThis.social .stbutton{
background: url(images/share_icon.gif) 6px 0 no-repeat;
padding: 0 0 6px 31px;
}



.social .facebook {
background: url(images/facebook_icon.gif) 6px 0 no-repeat;
width: 65px;
height: 20px;
text-indent: -999em;
}

.social .twitter {
background: url(images/twitter_icon.gif) 6px 0 no-repeat;
width: 69px;
height: 20px;
text-indent: -999em;
}

.link_list {
float: left;
padding: 0 0 5px 10px;
width: 280px;
font-size: 1.1em;
line-height: 1.5em;
}

.link_list li a {
float: left;
clear: both;
width: 280px;
}

.callouts li.awardCont{
	
	
}
.awardCallout{
	background-color: #f6a650;
	padding: 10px 10px 0;
	color: white;
	margin-bottom: 10px;
}
.peoplechoice{
padding: 10px;
}
.peoplechoice img{
float: left;
/*margin:2px 10px 5px 0;*/
margin: 2px 20px 8px 15px
}
.peoplechoice p{
color: #555555;
font-size: 10px;	
}

/*--------------------------------------------

				footer
				
---------------------------------------------*/

.footer .logo {
width: 132px;
height: 32px;
}

.footer .nav {
padding: 0 0 0 207px;
height: 32px;
}

.footer .nav li, .footer .nav li a {
height: 32px;
}

.footer .blog a {
background: url(images/footer_blog.gif) no-repeat;
}

.footer .share a {
background: url(images/footer_share.gif) no-repeat;
}

.footer .learn a {
background: url(images/footer_learn.gif) no-repeat;
}

.footer .speak a {
background: url(images/footer_speak.gif) no-repeat;
}

.footer .volunteer a {
background: url(images/footer_volunteer.gif) no-repeat;
}

.footer .contact a {
background: url(images/footer_contact.gif) no-repeat;
background-position: 0 -3px;
}

.nav li a:hover, .nav li a.active {
background: none;
}
/*--------------------------------------------

				RSS Feeds
				
---------------------------------------------*/
#newsfeed{
float:left;
font-size:1.1em;
line-height:1.5em;
padding:0 0 0px 10px;
width:280px;
}
.pNews{
font-size: 11px;
font-family:inherit;
background:transparent none repeat scroll 0 0;
padding:0;
width:auto;
}
#postIt{
min-height: 55px;
height: auto !important;
height: 55px;
}


input.postMessageName {
float:left;
height:22px;
width:488px;
margin-bottom: 5px;
}
textarea.postMessageQuote{
float:left;
height:85px;
width:486px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 10px;
}
.speakText{
width: 204px;
float: left;
overflow: hidden;
}
.speakText h2, .speakText p{
color: #555555;
margin-bottom: 7px;
}
.speakText p{
padding-right: 5px;
line-height: 1.2em;
}
.speakInputs{
float: left;
width: 493px;
overflow: hidden;
}
.colorDiff h2{
color: #555555;
margin-bottom: 10px;
}
.colorDiff p{
color: #555555;
}
.colorDiff a{
color: #475ed0;
}
.intelVolunteers{
padding: 0 10px 5px 10px;
width: 257px;
}
.intelVolunteers p{
color: #555555;
}
.volunteerList h2{
color: #555555;
margin-bottom: 10px;
font-size: 17px;
clear: left;
}
.volunteerList p{
color: #555555;
padding-bottom: 35px;
}
.volunteerList a{
color: #475ed0;
}
.logoFloat{
float: left;
display: block;
width: 130px;
}
.logoFloat img{
width: 120px;
}
.volunteerList .left{
width: 275px;
}
.eduInputs{
width: 600px;
margin: 0 0 5px 0;
vertical-align: middle;
}
.loginInput{
width: 300px;
margin-bottom: 10px;
vertical-align: middle;
}
/*--------------------------------------------

				Tabs Section
				
---------------------------------------------*/
.tabsSection{
width: 724px;
height: 32px;
float: left;
overflow: hidden;
}
.tabsSection .aTab{
cursor: pointer;
cursor: hand;
}
.tabsSection .shareVideos{
background-image:  url(images/shareTab.gif);
width: 211px;
height: 32px;
float: left;
} 
.tabsSection .shareStories{
background-image: url(images/storiesTab.gif);
width: 193px;
height: 32px;
float: left;
} 
.tabsSection .shareYours{
background-image: url(images/yoursTab.gif);
width: 193px;
height: 32px;
float: left;
} 
.displayNone{
display: none;
}
.tabsBody{
float: left;
width: 724px;
overflow: hidden;
}
.tabsBody #yoursTab{
float: left;
background-image: url(images/yours_bkg.jpg);
background-repeat: repeat-x;
width: 724px;
min-height: 700px;
height: auto !important;
height: 700px;
background-color: #2771b7;
}
.tabsBody #storiesTab{
float: left;
background-image: url(images/stories_bkg.jpg);
background-repeat: repeat-x;
width: 724px;
min-height: 700px;
height: auto !important;
height: 700px;
background-color: #37ba4d;
position: relative;
}
.tabsBody #videosTab{
float: left;
background-image: url(images/videos_bkg.jpg);
background-repeat: repeat-x;
width: 724px;
min-height: 700px;
height: auto !important;
height: 700px;
background-color: #f14e1b;
padding-bottom:20px;
}
.whatInspires{
position: absolute;
left: 13px;
top: 10px;
}
.flashContainer{
float: right;
}
.feature_space.larger{
width: 660px;
}
.avideoItem{
min-height: 205px;
height: auto !important;
height: 205px;
width:212px;
overflow: hidden;
float: left;
}
#videosSection{
width: 637px;
margin: 0 auto;
}

.avideoItem p{
color:white;
font-size:0.9em;
padding:5px 20px 0 25px;
}
.avideoItem p a{
color: #feb554;
}
.avideoItem img {
border:1px solid #FFFFFF;
float:none;
margin:25px 25px 0;
padding:2px;
width: 158px;
}
#storiesSection{
width: 646px;
margin: 23px auto;
background-color: white;
padding: 30px 17px;
}
.storyPic{
width: 90px;
float: left;
height: 165px;
}
.storyText{
width: 525px;
float: left;
}
#submitYours{
width: 640px;
margin: 20px auto;
background-color: white;
padding: 30px 20px;

}
#submitYours .leftCol{
width: 355px;
float: left;
overflow: hidden;
}

input.field{
border: 1px solid #d0cdcd;
width: 350px;
height:22px;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#submitYours .rightCol{
line-height: 1.2em;
padding: 27px 0 0 15px;
width: 270px;
float: left;
}
.submitYourVideos, .submitYourStory{
min-height: 375px;
height: auto !important;
height: 375px;
}
#submitTextStory textarea{
border: 1px solid #d0cdcd;
width: 350px;
height: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.more{
	display: none;
}
.pagNum, .pagination {
float: left;
font-size: 12px;
padding: 2px 3px;
text-decoration: none;
color: #feb756;
}
.pagNum a, .pagination a{
text-decoration: none;
color: #feb756;
}
a.currentPagination{
text-decoration: underline;
}
.pagCont{
float: right;
padding: 10px 0px 0;
}
.clr{
clear: both;
}
.pagSCont{
position: absolute;
left: 550px;
top: 3px;
}

/****************** Question of the Week *********************/
li.question, .resultsArea{
font-size: 12px;
color: #666666;
}
li.question p{
color: #666666;
font-size: 11px;
clear: left;
padding: 0 15px 0 10px;
}
li.question ul{
padding: 10px;
}
li.question ul li{
clear:left;
float:left;
padding:7px 0;
width: 290px;
}
li.question ul li .results{
color: #ff8b27;
font-size: 12px;
}
li.question ul li input{
margin-right: 10px;
vertical-align: middle;
border: none;
float: left;
margin-top: 2px;
}
li.question ul li label{
float:left;
line-height:1.3em;
vertical-align:middle;
width:240px;
}
li.question .submitVote{
padding-left: 30px;
}
li.question .submitVote input{
border: 1px solid #666666;
}
#questionError{
color: red;
}
.dropShadow{
width: 780px;
background-image: url(images/dropShadow.gif);
height: 23px;
float: left;
clear: left;
}
.dropShadow.voting{
background-image: url(images/voting_dropShadow.gif);
}
.votingContent{
float: left;
padding: 0px 0 0px 28px;
width: 725px;
}
.votingCont{
padding: 0 13px 40px;
background-image: url(images/voting_content_bkg.gif);
background-repeat: repeat-y;
color: #555555;
}
.votingPod{
width: 226px;
float: left;
padding: 0 7px 20px 0;
overflow: hidden;
}
.projpic{
height: 144px;
overflow: hidden;
text-align: center;
background-color: #e0e0e0;
}
.votingPod p{
padding: 0 3px 3px 0px;
}
.votingPod a.votingButton{
background-image:url(images/votingButton.gif);
display:block;
height:27px;
margin:8px auto 0;
width:185px;
}

.resultsArea{
border: 1px solid #cccccc;
width: 570px;
padding: 20px 20px 40px;
margin-bottom: 40px;
}
.resultsCont{
width: 610px;
margin: 0 auto;
}
.resultsArea p{
color: #666666;
font-size: 12px;
}
.graphicVote p{
padding: 0 0 5px 0;
clear: left;
}
.graphicVote{
padding: 0 0 15px 23px;
}
.resultsArea .percent{
width: 50px;
float: left;
}
.resultsArea .graphic{
height: 15px;
float: left;
}
#percentGraphic1{
background-color: #ffcc00;
}
#percentGraphic2{
background-color: #fef900;
}
#percentGraphic3{
background-color: #ce00fe;
}
#percentGraphic4{
background-color: #66cccc;
}
li.spotlightSection p{
color:#666666;
font-size:12px;
padding:0 15px 0 10px;
}
li.spotlightSection p a{
color: #ff9933;
padding:5px 0;
}
li.spotlightSection img{
float: left;
clear: left;
margin: 2px 10px 5px 0px;
width: 72px;
padding: 0;
}
li.spotlightSection .spotlightProfile img{
width: 72px;
}
#commentform textarea{
width: 100%;
height: 100px;
}
.avatar{

margin: 0px 10px 10px 0;
}
.commentmetadata{
display: block;
padding: 5px 0;
}
#comments{
font-size: 14px;
padding: 10px 0;
font-weight: bold;
}
.intellinks{
clear:both;
padding:10px 28px;
text-align:center;
}
.post{
margin-bottom: 15px;
}
ul.twitter{
float:left;
line-height:1.3em;
padding:10px 0 5px 10px;
width:270px;
}
ul.twitter li{
padding: 3px 0;
}
ul.twitter li div{
float: left;
width: 235px;
overflow: hidden;
}
.twitterLogo{
float: left;
margin-right: 5px;
}
ul.twitter li a{
text-decoration: none;
}
ul.twitter li a:hover{
text-decoration: underline;
}
.facebookImage{
padding: 12px 0 10px 23px;
display: block;
}
ul#flickr li{
height: 60px;
width: 60px;
overflow: hidden;
margin: 5px;
}
ul#flickr{
float:left;
line-height:1.3em;
padding:0px 0 5px 33px;
width:270px;
}
ul#youtube li{
margin: 5px 8px;
}
ul#youtube{
float:left;
line-height:1.3em;
padding:0px 0 5px 33px;
width:270px;
}

/***
 * Colors
 */
.orange{
	background-color: #fece00;
}
.yellow{
	background-color: #fef900;
}
.green{
	background-color: #3bfe00;
}
.purple{
	background-color: #ce00fe;
}
.pink{
	background-color: #fe007a;
}
.votingPod h4{
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: bold;
    height: 78px;
}
.votingPod .candidate-name{
    font-size: 1.1em;
}