* { margin: 0; padding: 0; outline: 0; }
body { font: 13px/20px Helvetica, Arial, sans-serif; color: #363636; text-align: left; background: #fff url(../../images/bg3.png) repeat-x 0 0; }
body.inside {background: #fff url(../../images/bg2.gif) repeat-x 0 0; }



a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none !important; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; overflow:hidden; }
.shell { margin: 0 auto; width: 1030px;}

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:222px;
	height:217px;
	position:absolute;
	top:28px;
	left:0;
	z-index: 100;
}
h1#logo a{
	display: block;
	height:217px;
	background:url(../../images/logo.png);
	z-index:100;
}
h2{font-size: 25px; line-height:28px; color:#140a3e;}
h3{font-size: 18px; line-height:21px; color:#140a3e}

#header{height:125px; position:relative;}
#header .shell{position:relative; z-index: 100;}

.vote{float: right; display: inline; width:498px; height:109px; margin:5px 55px 7px 0px; position:relative; z-index: 2;}
.vote .elect-box {
	margin:0;
	padding:0;
	position:relative;
}
.vote .elect-box div.countdown {
	margin:0;
	padding:0;
	position:relative;
	color:#FFF;
	
}
.vote .elect-box .countdown span.countdown-number {
	position:absolute;
	right:165px;
	bottom:25px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
}
.vote .elect-box .countdown span.countdown-text {
	position:absolute;
	right:20px;
	bottom:25px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.vote .elect-box a {
	background:url(../../images/vote.png) top left no-repeat;
	display:block;
	width:498px;
	height:109px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:25;
}
.vote .elect-dropdown {
	margin:0;
	padding:0;
	position:absolute;
	top:99px;
	left:6px;
	width:488px;
	display:none;
	background:#014058 url("../../images/ddbox_bg.png") bottom left no-repeat;
	z-index:10000 !important;
}
.vote .elect-dropdown ul {
	margin:20px;
	padding:0;
}
.vote .elect-dropdown ul li {
	margin:10px 20px;
	padding:5px 0 0 0;
	list-style:url("../../images/link_arrow_green.png");
}
.vote .elect-dropdown ul li a, .vote .elect-dropdown ul li a:visited {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
.vote .elect-dropdown ul li a:hover, .vote .elect-dropdown ul li a:active {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}
.vote .elect-dropdown a.toggle, .vote .elect-dropdown a.toggle:visited, .vote .elect-dropdown a.toggle:hover, .vote .elect-dropdown a.toggle:active {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	bottom:5px;
	right:20px;
	position:absolute;
}

#nav{  position:relative; z-index: 10; background:url(../../images/line2.png) repeat-x; height:57px}
#nav ul{list-style-type: none; height:57px; width:764px; float: right; display: inline; padding-right:20px; }
#nav li{float:left; display:inline; position:relative; z-index: 100; height:57px; }
#nav li .sub-nav{width:153px; background:#c7c5c5; position:absolute; top:54px; left:0; z-index: 10;}
#nav li .sub-nav ul{width:130px; padding-left:23px;}
#nav li .sub-nav li{width:153px; padding-bottom:2px;}
#nav li .sub-nav li a{ color:#005372; text-indent: 0px; font-size: 12px; line-height:19px; background-image: none; font-weight: bold; }
/*#nav li a{float:left; height:57px;  font-size: 0; line-height:0; text-indent: -4000px; overflow:hidden;}*/
#nav li a.support, #nav li a:visited.support { float:left; width:153px; background:url(../../images/li-1.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.support, #nav li a:active.support{ float:left;background:url(../../images/li-1.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a.lang, #nav li a:visited.lang { float:left; width:114px; background:url(../../images/li-2.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.lang, #nav li a:active.lang{float:left; background:url(../../images/li-2.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a.who, #nav li a:visited.who{float:left; width:147px; background:url(../../images/li-3.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.who, #nav li a:active.who{float:left; background:url(../../images/li-3.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a.news, #nav li a:visited.news{float:left; width:130px; background:url(../../images/li-4.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.news, #nav li a:active.news{float:left; background:url(../../images/li-4.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a.involved, #nav li a:visited.involved{float:left; width:137px; background:url(../../images/li-5.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.involved, #nav li a:active.involved{float:left; background:url(../../images/li-5.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a.blog, #nav li a:visited.blog{float:left; width:83px; background:url(../../images/li-6.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; height:57px;}
#nav li a:hover.blog, #nav li a:active.blog{float:left; background:url(../../images/li-6.png) no-repeat 0 -57px; text-indent:-9999px; overflow:hidden; display:block; height:57px;}

p.breadcrumbs{font-size: 11px; padding-top:2px; padding-bottom:30px}
p.breadcrumbs a{color:#363636}

.section-image {height:194px;}
#main .article{}
#main .article h2{padding-bottom:10px}
#main .article h4{font-size: 15px; color:#140a3e; padding-bottom:5px}
#main .article img{float: left; margin:0 8px 5px 0; display:inline;}
#main .article img.normal-video {float:none; margin:0; padding:0;}
#main .article p{padding-bottom:20px}
#main .article ul{color:#000; list-style-type: disc; padding-left:12px; padding-bottom:15px}
#main .article li{padding-bottom:10px}

.frame{ margin:0; position:relative; z-index: 1; width:100%}
.frame img{display: block;}


/*.frame .img-nav ul{list-style-type: none; width:155px; margin:0 auto; padding-top:15px}*/
/*.frame .img-nav li{float: left;}*/
/*.frame .img-nav li a.larr{width:17px; height:17px; background-image: url(../../images/larr.gif); margin-top:0px; margin-right:20px}*/
/*.frame .img-nav li a.rarr{width:17px; height:17px; background-image: url(../../images/rarr.gif);  margin:0 0 0 13px}*/
/*.frame .img-nav li a{float: left; width:14px; height:14px; background-image: url(../../images/circle.gif); background-position: 0 0; margin-top:2px; margin-right:7px}*/
/*.frame .img-nav li a:hover, .frame .img-nav li a.active{background-position: 0 bottom;}*/


/*-- added for Carousel nav buttons 3-19-10 ARF 
	Had to remove everything commented out above and reposition everything to work properly
-- */
.frame .img-nav{height:72px; background:url(../../images/img-nav.jpg) no-repeat; margin-top:1px; position: relative;}
.frame .img-nav a{float: left; width:14px; height:14px; background-image: url(../../images/circle.gif); background-position: 0 0; margin-top:2px; margin-right:7px}

.frame .img-nav a:hover, .frame .img-nav a.active{background-position: 0 bottom;}

.carousel-nav-holder {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width:160px;
}

.circle-nav {
	width: inherit;
	margin: 0 5px;
}
#mycarousel-next {
	width:17px; height:17px; background-image: url(../../images/rarr.gif);  margin: 0;
}
#mycarousel-previous {
	width:17px; height:17px; background-image: url(../../images/larr.gif); margin: 0 5px;
}

/* -- END site edits needed for new carousel 3-19-10 ARf -- */

/* not needed, old carousel stuff
.stepcarousel{
	position: relative;
	border:none;
	overflow: scroll;
	width: 1030px; 
	height: 324px; 
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
	text-align:center;
}

.stepcarousel .panel{
	text-align:center;
	float: left; 
	overflow: hidden;
	margin:0;
	width: 1030px;
}
*/


body.inside #content{background-image: none; }
#content{background:url(../../images/cnt.jpg) no-repeat center 0; min-height:300px}
.video-box{padding-top:43px; padding-left:35px}
.video-box .holder{background:url(../../images/holder.jpg); width:298px; height:217px; text-align: center; position:relative; z-index: 1;}
.video-box .holder a.play{display: block; background:url(../../images/play.png); width:97px; height:58px; text-align: center; position:absolute; top:73px; left:100px;  z-index: 10;}
.video-box .holder img{ border:solid 1px #000}
.video-box ul{list-style-type: none;}
.video-box li{float: left; width:298px; text-align: center; color:#140a3e; font-size: 12px; padding-right:32px;}
 h3.testimonial{width:881px; height:16px; background:url(../../images/testimonial.gif); margin:0 auto; margin-top:23px; margin-bottom:10px}
 
a.see-all{display: block; width:75px; height:30px; line-height:25px; background:url(../../images/see-all.gif); margin:0 auto; text-align: center; color:#fff; font-weight: bold; text-transform: uppercase;}

.tab-header{height:48px; background:url(../../images/shadow.gif) no-repeat 0 bottom; margin-bottom:15px}
.tab-header a{line-height:20px; float: left; background:url(../../images/tab.gif) no-repeat; padding-left:20px; color:#fff; text-transform: uppercase; margin-left:10px}
.tab-header a strong{line-height:20px; float: left; background:url(../../images/tab.gif) no-repeat right 0; padding-right:20px}
.tab-header a:hover, .tab-header a.active{background-position: 0 bottom; text-decoration: none;}
.tab-header a:hover strong , .tab-header a.active strong{background-position: right bottom;}

#main{padding-bottom:35px}
#main .left-col{width:650px; float: left; display: inline;}
#main .right-col{width:326px; float: left; display: inline; padding-left:10px}
#main .right-col .link-box{padding:0 0 20px 0;} 
#main .right-col .link-box h3 { margin:0 0 10px 0; font-size:20px; } 
#main .right-col .link-box ul.right-nav{list-style-type: none;} 
#main .right-col .link-box ul.right-nav li{padding:0 0 10px 22px;} 
#main .right-col .link-box ul.right-nav li a{font-size: 16px; color:#005372; font-weight: bold;} 
#main .right-col .link-box ul.right-subnav {list-style-type: none;padding-top:5px;} 
#main .right-col .link-box ul.right-subnav li{ margin:0; padding:5px 0 5px 32px; } 
#main .right-col .link-box ul.right-subnav li a{font-size:14px; color:#859499; font-weight:normal;} 
#main .right-col .grey-box{width:326px; background:url(../../images/grey-rep.gif) repeat-y; margin-bottom:30px; position:relative;}
#main .right-col .grey-box .top{width:326px; background:url(../../images/grey-top.gif) no-repeat; position:relative;}
#main .right-col .grey-box .btm{width:310px; background:url(../../images/grey-btm.gif) no-repeat 0 bottom; padding-bottom:20px; padding-left:16px; position:relative;}
#main .right-col .grey-box h3{width:288px; height:33px; background:url(../../images/signup.gif) no-repeat 0 bottom; margin-top:18px}
#main .right-col  a.get{width:156px; height:26px; background:url(../../images/get.gif) no-repeat; display: block; margin-top:10px}
#main .right-col .grey-box form{float: left; width:206px;}
#main .right-col .grey-box .phone{position:absolute; right:5px; top:110px; width:91px; height:122px; background:url("../../images/phone.jpg") no-repeat top left; text-indent:-9999px; overflow:hidden;}
#main .right-col .grey-box p.small{font-size: 11px;}
#main .right-col .grey-box .fld{width:206px; height:28px; background:url(../../images/rounded.png) no-repeat 0 bottom !important; background:url(../../images/rounded.gif) no-repeat 0 bottom;}
#main .right-col .grey-box .field{width:190px; margin:7px 0 0 7px; padding:3px 0 0 0; border:0; font-weight: bold; color:#363636; font-size: 14px; font-family: Helvetica, sans-serif;}
#main .right-col .grey-box select {
	margin:10px 0 0 5px;
	padding:0;
	width:190px;
}
#main .right-col .grey-box .space{margin-bottom:10px}
#main .right-col .grey-box .btnp input{width:90px; height:26px; background:url("../../images/send.png") no-repeat !important; background:url("../../images/send.gif") no-repeat; border:0; margin-top:12px; cursor:pointer;}
#main .right-col .grey-box{width:326px; }
#main .post{width:650px; padding-bottom:55px}
#main .post h2{font-size: 25px; color:#140a3e;}
#main .post strong.date{ display: block; font-size: 12px; color:#140a3e;}
#main .entry{padding:5px 0 20px 0;}
#main .bot{border-top:solid 1px #8e8e8e}
#main a.more{float: left; width:92px; height:30px; background:url(../../images/more.gif); line-height:25px; color:#fff; text-transform: uppercase; text-align: center; font-weight: bold; margin:8px 9px 0 7px}
#main .links{float: left; display: inline; border-left:solid 1px #8e8e8e; height:38px; color:#140a3e; font-size: 12px; font-weight: bold;}
#main .links p{padding-top:12px; padding-left:15px}
#main .links a{color:#140a3e}
#main .links span{padding:0 8px}
#main .light-box{width:326px; background:url(../../images/rep.gif) repeat-y; margin-bottom:25px}
#main .light-box .top{width:326px; background:url(../../images/top.gif) no-repeat}
#main .light-box .bottom{width:308px; background:url(../../images/bottom.gif) no-repeat 0 bottom; min-height:230px; padding:21px 0 15px 13px}
#main .light-box em{display: block; color:#4d4d4d}
#main .light-box p{font-size: 12px; color:#112545; padding-bottom:25px}
#main .light-box p span{color:#ff8c00}
#main h3.follow{width:295px; height:28px; background:url(../../images/follow.gif) no-repeat ; margin-bottom:20px}
#main .social{height:67px; background:url(../../images/dbl.gif) no-repeat 0 9px;}
#main .social a{float: left; margin-right:15px; height:67px; width:40px; background-position: 0 0;}
#main .social a:hover, #main .social a.active{background-position: 0 bottom !important;}
#main .social a.twitter{ background-image:url(../../images/twitter.gif); }
#main .social a.fb{ background-image:url(../../images/fb.gif);}
#main h3.involve{ background-image:url(../../images/get-involved.gif); width:194px; height:25px; margin-bottom:11px}
#main .grey{background-image:url(../../images/grey.jpg); width:308px; height:140px; padding:20px 0 0 18px}

#footer{height:211px; background:url(../../images/ftr.gif) repeat-x}
#footer .cnt{padding-left:20px;	padding-top:30px}
#footer a.ftr-logo{float: left; width:157px; height:167px; background:url(../../images/ftr-logo.gif)}
#footer form{float: left; display: inline; width:730px; }
#footer form p{padding-left:20px}
#footer form p a{font-weight: bold; color:#3f3f3f}
#footer .fld{float: left; width:366px; height:51px; background:url(../../images/fld2.gif); margin:30px 0 0 15px}
#footer .field{float: left; width:300px; margin-left:40px; font-weight: bold; color:#363636; font-family: Helvetica, sans-serif; margin-top:8px; border:0}
#footer .btnp input{float: left; width:26px; height:26px; background:url(../../images/arr.gif); border:0; cursor:pointer; margin-top:30px; margin-left:9px}

.italic {font-style:italic;}
.dark-blue {color:#140A3E;}
/* JCL ADDED */
.news-post h2 {font-size:18px;}
.news-post .date {font-size:14px;}
.cleaner {clear:both;}
/* -- Video Page Style -- */
.featured-video {
	width:596px;
	margin:0;
	/*padding:20px 20px 0 20px;*/
	padding:20px;
	background:#fff8db;
	border:1px solid #848484;
	float:left;
}
.featured-video .img-box {
	float:left;
	width:273px;
	display:inline;
	padding:0 20px 0 0;
}
.featured-video .text-box-scroll {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	width:300px;
	height:194px;
}
.video-box2 {
	float:left;
	display:inline;
	margin:10px 10px 10px 0;
	padding:10px;
	width:184px;
	height:300px;
	border:1px solid #848484;
	overflow:hidden;
	text-align:left;
}
.video-box2 img.normal-video {
	float:none;
	margin:0;
	padding:0;
}
#video-1, #video-2, #video-3, #video-4 {
	height:684px;
}
.scroll {
	margin:0;
	padding:0;
	width:192px;
	height:179px;
	float:left;
	display:inline;
}
.pagination {
	width:638px;
	border-bottom:1px solid #848484;
	text-align:right;
	float:left;
	display:inline;
	margin:10px 0 0 0;
}
.pagination a, .pagination a:visited {
	display:block;
	float:right;
	width:21px;
	height:30px;
	background:none;
	padding:0 13px 0 0;
	text-decoration:none;
}
.pagination a:hover, .pagination a:active, .pagination a.pagination-active {
	display:block;
	float:right;
	width:21px;
	height:30px;
	background:url("../../images/pagination_arrow.png") bottom no-repeat;
	padding:0 13px 0 0;
	text-decoration:none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.select-box-dropdown {
	margin:10px 0 0 10px;
}

.select {
	cursor:default;
	height:22px;
	position:relative;
	width:190px !important;
	text-align:left;
}
.select-head {
	background:url("../../images/carrier_dropdown.jpg") no-repeat scroll 0 0 transparent;
	color:#000;
	font-size:16px;
	height:22px;
	width:190px;
	padding:2px 0 0 10px;
	position:relative;
	z-index:2;
}

.select-dd { position:absolute; top:0; left:0; width:100%; display:none; z-index:1; font-size:16px; color:#000;}
.select-dd ul{ background:#FFF; padding:0; margin:0; padding-top:0; border-bottom:0; font-size:16px;}
.select-dd ul li{ float:none; display:block; width:auto; color:#000; padding:2px 10px; cursor:default;}
.select-dd ul li:hover{ background:#CCC;}

select.custom-select { position:absolute; top:-4000px; left:-4000px; border:0; font-size:0; line-height:0; }

blockquote {padding-left:30px;padding-right:30px;}
.center {
	text-align:center;
}

/* added for new home page content on 3-29-10 ARF */


#main a.help-tab, #main a.help-tab:visited {
	margin: 0 5px;
	display: block;
	width: 122px;
	height: 20px;
	float: left;
	background: url("../../images/home_tabs.png") -55px -20px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#main a.help-tab:hover, #main a.help-tab:active, #main .home-tabs a.active-help {
	margin: 0 5px;
	display: block;
	width: 122px;
	height: 20px;
	float: left;
	background: url("../../images/home_tabs.png") -55px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#main a.blog-tab, #main a.blog-tab:visited {
	margin: 0 5px;
	display: block;
	width: 55px;
	height: 20px;
	float: left;
	background: url("../../images/home_tabs.png") 0 -20px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#main a.blog-tab:hover, #main a.blog-tab:active, #main .home-tabs a.active-blog {
	margin: 0 5px;
	display: block;
	width: 55px;
	height: 20px;
	float: left;
	background: url("../../images/home_tabs.png") 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#main #blog-home {
	display: none;
}

#main .ways-help-box {
	margin: 20px 0;
	padding: 0;
	width: 600px;
	float: left;
	display: inline;
	border-bottom: 1px solid #d1d1d1;
}
#main .ways-help-box .ways-help-left {
	margin: 10px;
	padding: 0;
	width: 204px;
	float: left;
	display: inline;
}
#main .ways-help-box .ways-help-right {
	margin: 50px 10px 10px 10px;
	padding: 0;
	width: 350px;
	float: left;
	display: inline;
}

#school-data-results {padding-top:20px;font-size: 20px; line-height:28px; color:#140a3e;}

.polling-location {padding-bottom:20px;padding-left:135px;}
.polling-location h3 {font-size:12px;}

.polling-location .submit-btn {
	border:0;
	padding:0;
	margine:0;
	width: 267px !important;
	height: 41px;
	background-image: url("../../images/volunteer-button.jpg");
	background-repeat: no-repeat;
	cursor:pointer;
}

.polling-location .checkbox {
	width:auto !important;
	float:left;
	position:relative;
	top:5px;
	margin: 0 5px 0 0;
}