@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =html */
html { 
	margin : 0; 
	padding : 0; 
	color : #000; 
	text-align : center; 
}

/* =body */

/* =body */
body { 
	width : 737px;
	font : 76%/150% "Lucida Grande", Arial, sans-serif; 
	background-color : #fff; 
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	
}

/* =a */
a:link { 
	color : #3300cc;
	text-decoration : none; 
}

a:visited { 
	color : #663399;
	text-decoration : none;
}

a:hover { 
	color : #990066; 
	text-decoration : underline; 
}

a:active { 
	color : #990066; 
	text-decoration : underline; 
}

img, img a { 
	border : none; 
}


/* =container */
#container {
	width : 735px;
	
}

/* =tagline */
#tagline {
	color : #10599C;
	font-weight : normalbor; 
	font-size : 100%; 
	text-align : center;
	padding-bottom : 4px;
	
}

.pt {
	color : #ffffff;
	text-transform : uppercase; letter-spacing : .5em; 
}


/* =branding */
#branding {
	width : 735px;
	border-top : 1px dashed #3985b5;
	padding-top: 2px;
}

#logo {
	float : left;

	padding-top : 8px;
	text-align : right;
}

.logoImage {
	padding-top : 2em;
}


#photos {
	float : right;
	height : 100px;
	text-align : right;
}

#challenge {
	width : 735px;
}

#whiteBar {
	width : 100%;
	height : 2px;
	padding : 0;
	margin : 0;
}

/* =content */
#content{
	width : 735px;
}

#homeSidebar{
	background : url(../images/homeYellowGradient2.jpg) 100% 100% no-repeat;
	background-position : top;
	float : left;
	width : 152px;
	border-right : solid white 2px;	
}

.homeSidebarHead {
	color : #115a9e;
	font-weight : bold;
	text-transform : uppercase;
	text-align : center;
	font-size : 100%;
	padding-top : 10px;
}

.homeSidebarList{
	list-style-type : none;
	margin : 0 .5em 1em .5em;
	padding : 2px 2px 0 2px;
	line-height : 1.3em;
}

.homeSidebarBullet {
	color : #004287;
	font-weight : bold;
	font-size : 95%;
	background : url(../images/navBullet.gif) no-repeat 0 8px;
	padding-left: 8px;
	padding-top : 2px
}

.homeSidebarList2{
	list-style-type : none;
	margin : 0 .5em 1em .1em;
	padding : 2px 2px 0 2px;
	line-height : 1.3em;
}

.homeSidebarBullet2 {
	color : #004287;
	font-weight : bold;
	font-size : 95%;
	background : url(../images/navBullet2.gif) no-repeat 0 8px;
	padding-left: 8px;
	padding-top : 2px;
}

#homeContentCol{
	float : right;
	width : 580px;
	border-left : 1px dashed #3985b5
	
}

 
#colorBar1 {
	background-color : #73ADD3;
	text-transform : uppercase;
	font-weight : bold;
	color : #fff;
	border-top : 1px solid #fff;
	text-align : center;
}

#colorBar2 {
	background-color : #73ADD3;
	text-transform : uppercase;
	font-weight : bold;
	color : #fff;
}

#colorBar3 {
	background-color : #73ADD3;
	text-transform : uppercase;
	font-weight : bold;
	color : #fff;
}

#colorBar4 {
	background-color : #73ADD3;
	text-transform : uppercase;
	font-weight : bold;
	color : #fff;
}


#colorBar1Text {
	padding-top : 5px;
	padding-bottom : 5px;
}

#colorBar2Text {
	padding-top : 5px;
	padding-bottom : 5px;
}

#colorBar3Text {
	padding-top : 5px;
	padding-bottom : 5px;
}

#colorBar4Text {
	padding-top : 5px;
	padding-bottom : 5px;
}



.title { padding-left : 20px;}


#content1 {
	margin : 0;
	padding : 0;
}

#content2 {
	margin : 0;
	padding : 0;
}

#content3 {
	margin : 0;
	padding : 0;
}

#content4 {
	margin : 0;
	padding : 0;
}


#highlights {
	padding-top : 20px;
	width : 562px;
	text-align : center;
}

#side-a {
	float : left;
	width : 110px;
	text-align : center;
}

#side-b {
	float : right;
	width : 150px;
	text-align : center;
}


#surveys {
	float : left;
	width : 300px;
	text-align : center;
	
}

.takeSurvey {
	background-color : #08558C;
	color : #fff;
	font-weight : bold;
	margin : 0;
	padding: 5px;
}

.takeSurvey a { color : #fff; text-decoration : underline; }

.surveys2 {
	text-align : center;
	color : #000099;
	font-size : 90%;
	font-weight : bold;
}

.surveys3 {
	text-align : center;
	color : #000099;
	font-weight : bold;
}


.Bold {
	color : #10599C;
	font-weight : bold;
}


.surveyRed {
	color : #ff0000;
	font-weight : bold;
}

#sponsors {
	clear : both;
	width : 731px;
	margin-top : 10px;
	margin-bottom: 10px;
	margin-left : auto;
	margin-right : auto;
}

#statsBottom {
	clear : both;
	width : 580px;
	margin-top : 10px;
	margin-bottom: 10px;
	margin-left : auto;
	margin-right : auto;
}



#googleAds{
	width : 731px;
	margin-top : 10px;
	margin-bottom: 10px;
	margin-left : auto;
	margin-right : auto;
}




#facebook {
	float : right;
	margin-top : 20px;
	margin-left : 20px;
	margin-right : 20px;
	margin-bottom: 20px;
	text-align : center;
	font-weight : bold;
}


.bulletList{
	list-style-type : none;
	margin : 0 .5em 1em .5em;
	padding : 15px 2px 10px 2px;
}

.Bullet {
	font-weight : bold;
	background : url(../images/bullet_green.gif) no-repeat 0 8px;
	padding-left: 20px;
	padding-top : 6px
}

#animQuotes {
	padding-left : 10px;;
	padding-top : 10px;

}

#animHead {
	clear : both;
	background-color : #FBCB4D;
	width : 100%;
	text-align : center;
	font-weight : bold;
	color : #10599C;
	padding-top : 5px;
	padding-bottom : 5px;
}

#animFoot {
	clear : both;
	background-color : #FBCB4D;
	width : 100%;
	text-align : center;
	font-weight : bold;
	font-size : 90%;
	color : #10599C;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom : solid white 2px;
}

#anim {
	width : 100%;
	
}

#anim1 {
	width : 570px;
	background-color : #6ca6d8;
	
}


#anim2 {
	float : left;
	width : 495px;
	background-color : #6ca6d8;
	
}

#obama {
	float : right;
	width : 75px;
	height : 170px;
	background-color : #6ca6d8;
}

#QuoteStyle {
    color: #ccff33;
	background-color : #6ca6d8;
    font-weight: bold;
    height: 150px;
	padding-top : 20px;
	padding-bottom : 20px;
	padding-left : 40px;
	padding-right : 40px;
	
 }


#QuoteStyle2 {
   	float : left;
	color: #ccff33;
	background-color : #6ca6d8;
    font-weight: bold;
    height: 150px;
	padding-top : 20px;
	padding-bottom : 0;
	padding-left : 15px;
	padding-right : 15px;
	margin : auto;
}

#quotes {
    display: none;
}

.typicalQuoteStyle {
    color: #ccff33;
	background-color : #6ca6d8;
    font-weight: bold;
    height: 150px;
	padding-top : 20px;
	padding-bottom : 20px;
	padding-left : 40px;
	padding-right : 40px;
	
}
	
	
.typicalQuoteStyle2 {
    color: #ccff33;
	background-color : #6ca6d8;
    font-weight: bold;
    height: 150px;
	padding-top : 20px;
	padding-bottom : 0;
	padding-left : 15px;
	padding-right : 15px;
	margin : auto;
 }
	
.more {
	font-size : 95%;
	font-weight : bold;
	text-align : center;
	color : #cc0000;
}

.attributes {
	font-size : 90%;
	font-style : italic;
	text-align : right;
	margin-top : 0;
	
	
}



/* =site info2 */
#siteinfo2 {
	clear : both;
	text-align : center;
	font-size : smaller;
	color : #93bb28;
	padding-top : 10px;
	padding-right : 20px;
	padding-left : 20px;

	
}

#links { width : 100%; text-align : center; padding-bottom : 10px; }

#links2 { width : 100%; text-align : center; padding-top : 10px; padding-bottom : 5px;}

.blueBoldTiny {
	color : #10599C;
	font-weight : bold;
	font-size : 90%;
}

#video1 {
	float : left;
	background : url(../images/change.jpg) no-repeat;
	width : 251px;
	height : 228px;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 90%;
	color : #A1BA44;
	text-align : center;
	font-weight : bold;
	line-height : 100%;
	margin : 10px;
	display: inline;
	
}

#video2 {
	float : right;
	background : url(../images/KidsTech.jpg) no-repeat;
	width : 251px;
	height : 228px;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 90%;
	color : #A1BA44;
	text-align : center;
	font-weight : bold;
	line-height : 100%;
	margin : 10px;
	display: inline;
}

#video3 {
	float : right;
	background : url(../images/MrPresVideo.jpg) no-repeat;
	width : 251px;
	height : 228px;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 90%;
	color : #A1BA44;
	text-align : center;
	font-weight : bold;
	line-height : 100%;
	margin : 10px;
	display: inline;
}

#video4 {
	float : right;
	background : url(../images/Evans_Survey.jpg) no-repeat;
	width : 251px;
	height : 228px;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 90%;
	color : #A1BA44;
	text-align : center;
	font-weight : bold;
	line-height : 100%;
	margin : 10px;
	display: inline;
}

#video5 {
	float : right;
	background : url(../images/Listening.jpg) no-repeat;
	width : 251px;
	height : 228px;
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	font-size : 90%;
	color : #A1BA44;
	text-align : center;
	font-weight : bold;
	line-height : 100%;
	margin : 10px;
	display: inline;
}
#linebreak { border-top : 1px dashed #3985b5; }   

#linebreak2 { border-top : 1px dashed #3985b5; }

#linebreak3 { border-top : 1px dashed #3985b5; }

#linebreak4 { border-top : 1px dashed #3985b5; }

#linebreak5 { border-left : 1px dashed #3985b5; }

#speakupBox { border : 1px dashed #3985b5; padding : 8px; }

.vertLine { border-right : 1px dashed #3985b5;}

.surveyRed {
	color : #ff0000;
	font-weight : bold;
}

#stats {
	float : left;
	width : 275px;
	text-align : center;
	padding : 8px;
	color : #000099;
	font-weight : bold;
	border : 1px dashed #3985b5;
}

.tinyBullet {
	color : #004287;
	font-weight : bold;
	font-size : 10px;
	background : url(../images/navBullet.gif) no-repeat 0 8px;
	padding-left: 8px;
	padding-top : 2px
}

.tinyBold {
	color : #004287;
	font-weight : bold;
	font-size : 10px;
}
#QuoteHead
    {
        background-color: #93BB28;
        font : 12px "Lucida Grande", Arial, sans-serif;
        font-weight: bold;
        width: 550px;
		padding-top : 10px;
		padding-bottom : 10px;
		padding-left : 20px;
		
    }
	
#QuoteClose
    {
        background-color: #C6E857;
        font : 10px "Lucida Grande", Arial, sans-serif;
        font-weight: bold;
        width: 530px;
		padding-top : 10px;
		padding-bottom : 10px;
		padding-left : 20px;
		padding-right : 20px;
		
    }
}