@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 {
	background : url(../images/tagBack.jpg) 100% no-repeat;
	padding : 10px;
	color : #ffffff;
	letter-spacing : .1em; 
	font-weight : bold; 
	font-size : 120%; 
	text-align : center;
	border-bottom : solid white 2px;	
}

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


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

#logo {
	float : left;
	width : 156px;
	height : 156px;
	text-align : center;
}

.logoImage {
	padding-top : 2em;
}


#photos {
	float : right;
	width : 578px;
	height : 156px;
}

#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 : 570px;
	padding-right : 10px;
	border-left : 1px dashed #3985b5
	
}

 
#colorBar1 {
	background : url(../images/blueGradient2.jpg) 100% repeat-y;
	text-transform : uppercase; letter-spacing : .2em;
	font-weight : bold;
	color : #fff;
}

#colorBar2 {
	background : url(../images/blueGradient2.jpg) 100% repeat-y;
	text-transform : uppercase; letter-spacing : .2em;
	font-weight : bold;
	color : #fff;
}

#colorBar3 {
	background : url(../images/blueGradient2.jpg) 100% repeat-y;
	text-transform : uppercase; letter-spacing : .2em;
	font-weight : bold;
	color : #fff;
}

#colorBar4 {
	background : url(../images/blueGradient2.jpg) 100% repeat-y;
	text-transform : uppercase; letter-spacing : .2em;
	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;
	
}

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

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


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

#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 : 560px;
	background-color : #6ca6d8;
	
}


#anim2 {
	float : left;
	width : 485px;
	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;
	margin : auto;
 }


#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;
	margin : auto;
}
	
	
.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; border-bottom : 1px solid #93bb28; }

#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;
}
#linebreak { border-top : 1px dashed #3985b5; }   

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

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

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

}