@charset "utf-8";
/* CSS Document */
/*color:#bf2c37;*/

body {
	font-size:12px;
	color:#000;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/background3.jpg);
	background-position: 50% 0;
	background-color: #666;
	padding:0 0 50px;
	background-repeat: repeat-y;
}
body.home_bg {
	font-size:12px;
	color:#000;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/background4.png);
	background-position: 50% 0;
	background-color: #666;
	padding:0 0 50px;
			
}

a {
	color:#000;
}
p, article {
	color:#333333;
	font-size:14px;
	padding:7px 0;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
ul {
	color:#efc003;
	font-size:12px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	outline:none;
	font-size:12px;
	line-height:18px;
	vertical-align:middle;
}
h1, h2, h3, h4, h5 {
	font-weight:normal;
}
/*=====Common CSS=====*/
#wrapper {
	width:888px;
	margin:0 auto;
	position:relative;
}
/*=====Common CSS=====*/

/*============================================================*/
/*INDEX CSS START=============================================*/
/*============================================================*/ 
header {
	width:888px;
	vertical-align:middle;
	margin-bottom:-5px;
}
.content {
	clear:both;
	/* background:#b5b199; */
	/* background:#000; */
	padding:0 auto;
	/* bamckground:url(../images/content_bg2.png) 0 0 repeat; */
	margin-top:-48px;
	background-color:#eae8e0;
}
.tabs_content {
	clear:both;
	width:888px;
	/* background:url(../images/box_img.png) right repeat-y;  */
	margin:0 auto;
	background-color:#eae8e0;
}
.tabs_content .tc_top {
	float:left;
	width:888px;
	height:7px;
	overflow:hidden;
	/* background:url(../images/box_img.png) 0 0 no-repeat; */
	/* background-color:#eae8e0; */
}
.tabs_content .tc_bottom {
	float:left;
	width:888px;
	height:7px;
	overflow:hidden;/* background:url(../images/box_img.png) 0 -7px no-repeat; */
}
.tabs_navi {
	clear:both;
	position:relative;
	/* margin-bottom:-4px */
	margin-bottom:0;
	z-index:999;
	float:left;
	padding:0;
	background-color:#D1B73A;
}
.tabs_navi li {
	float:left;
}
.tabs_navi li a {
	float:left;
	height:23px;
	padding:10px 14px 0 5px;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	/* background:url(../images/tabs2.png) 100% -198px no-repeat; */
	color:#fff;
	text-transform:none;
}
.tabs_navi li span {
	float:left;
	width:9px;
	height:33px;
	cursor:pointer;/* background:url(../images/tabs.png) 0 -132px no-repeat; */
}
.tabs_navi li.lines_2 a {
	padding:11px 14px 0 5px;
	height:33px;
}
.tabs_navi li:hover a, .tabs_navi li.ui-tabs-selected a {
	/* background:url(../images/tabs.png) 100% -66px no-repeat; */
	
	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.tabs_navi li:hover span, .tabs_navi li.ui-tabs-selected span {
	/* background:url(../images/tabs.png) 0 0 no-repeat; */

	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.content_padding {
	padding:25px 0 25px 25px;
	background-color:#eae8e0;
}
.content_padding h2 {
	/* background:url(../images/title_bg.png) bottom repeat-x; */
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	
}

.content_padding  .cust_h2 {
	/* background:url(../images/title_bg.png) bottom repeat-x; */
	color: #333;
	
	text-transform:Uppercase;
	word-spacing:1px;
	font-family:  Tahoma !important;
	font-weight:bold;
	font-size:18px;
	
}
.content_padding  .cust_h3 {
	/* background:url(../images/title_bg.png) bottom repeat-x; */
	color: #333;
	padding-bottom:2px;
	float:left;
	text-transform:Uppercase;
	letter-spacing:1px;
	word-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	font-weight:bold;
	font-size:18px;
	
}
h2 {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.content_padding h2 span {
	color: #333;
	padding:3px 10px 0 0;
	float:left;
	text-transform:Uppercase;
	letter-spacing:1px;
	word-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}



.content_padding article {
	color: #000;
	padding:5px 10px 0 0;
	font-size: 14px;
	clear:both;
	margin:10px 0;
	text-align:justify;
}

.content_padding p {
	color: #000;
	padding:0px 0px 0 0;
	font-size: 14px;
	clear:both;
	margin:10px 0;
	text-align: left;
}
.content_padding article span {
	line-height:20px;
	font-size:14px;
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
}

.content_padding p span {
	line-height:20px;
	font-size:14px;
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
}

.content_padding article.highlightsparagraph {
	font-size: 14px;
	margin:10px 10px;
	background-color: #cccccc;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px;
}

.content_padding p.highlightsparagraph {
	font-size: 14px;
	margin:10px 10px;
	background-color: #cccccc;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}

.content_padding .bullets_section {
	clear:both;
	padding:0 10px 0 10px;
	margin-bottom:30px;
}
.content_padding .bullets_section ul {
	float:left;
	width:550px;
	padding:0 0 0 0;
    
}
.content_padding .bullets_section ul li {
/*	background:url(../images/bullet.gif) 3px 6px no-repeat; */
	padding:2px 0 2px 2px;
	margin-left:10px;
	color:#000;
	text-decoration:none;
	font-size:14px;
	list-style-position: inherit;
	list-style:disc;
	
}
.content_padding .bullets_section ul li a {
	color:#000;
	text-decoration:none;
	font-size:14px;
	word-break:break-all;
}
.content_padding .bullets_section ul li a:hover {
	text-decoration:underline;
}
.content_padding .thumbnail {
	float:right;
	width:105px;
	padding:10px 0;
}
footer {
	clear:both;
	width:888px;
	/* background:url(../images/box_img.png) right repeat-y; */
	background-color:#FFF;
	margin:0 auto;
}
footer .tc_bottom {
	float:left;
	width:888px;
	height:7px;
	overflow:hidden;
	/* background:url(../images/box_img.png) 0 -7px no-repeat; */
	background-color:#FFF;
}
footer .flinks {
	clear:both;
	background:#58564f;
	width:888px;
	margin-left:0;
	padding:7px 0;
}
footer .flinks a {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	margin-left:20px;
}
footer .flinks a:hover {
	text-decoration:underline;
}
footer .f_left {
	float:left;
	width:630px;
	padding:10px 0 0 30px;
	color:#333333;
	font-size:10px;
}
footer .f_left a {
	color:#333333;
	font-size:10px;
	text-decoration:none;
	margin:0 2px;
	line-height:10px;
}

footer .f_left a img {
	vertical-align:middle;
}
footer .f_left a:hover {
	color:#000;
	text-decoration:underline;
}
.f_left a:link {
	text-decoration: none;
}
#footer .f_left a:hover {
	color:#000;
	text-decoration:underline;
}

#footer .f_left a:link {
	text-decoration: none;
}
footer .flogo {
	float:right;
	margin:5px 15px 15px 0;
}
footer .address {
	clear:both;
	color:#333333;
	padding:3px 0 0;
	display:block;
}
footer .address span {
	background:url(../images/bullet_red.gif) 0 2px no-repeat;
	padding:0 0 0 14px;
	margin-left:8px;
}
/*raxa*/

.home-link a {
	font-size:14px;
	color:#d7b03a;
	text-decoration:underline;
	padding-left:20px;
	padding-top:10px;
}
.home-link a:hover {
	font-size:14px;
	color:#000;
	text-decoration:underline;
}
.content_padding .bullets_section2 {
	clear:both;
}
.content_padding .bullets_section2 ul {
	float:left;
	width:655px;
	padding:10px 0;
}
.content_padding .bullets_section2 ul li {
	background:none;
	padding:2px 0 2px 20px;
	color:#b5b199;
	text-decoration:none;
	font-size:14px;
}
.content_padding .bullets_section2 ul li a {
	color:#efc003;
	text-decoration:none;
	font-size:14px;
}
.content_padding .bullets_section2 ul li a:hover {
	text-decoration:underline;
}
.content_padding .bullets_section p {
	padding:10px 0 10px 20px;
	color:#26507b;
	text-decoration:none;
	font-size:14px;
	clear:both;
	width:100%;
}
.content_padding .bullets_section p a {
	color:#3a7ed7;
	text-decoration:none;
	font-size:14px;
}
.link {
	color:#3a7ed7 !important;
}
.link2 {
	color:#000 !important;
	font-weight:bold;
}
.inner-ul {
	width:96% !important;
	padding-left:20px !important;
}
.padding-top {
	padding-top:0px !important;
}
.ul-100 {
	width:96% !important;
}
.mainNav {
	background-color:#666666;
	text-align:center;	
	clear:both;
	position:relative;
	/* margin-bottom:-4px */
	margin-bottom:0;
	z-index:999;
	float:left;
	padding:0;

}
.mainNav li {
	width: 144px;
	height:auto;
	float:left;
	/* old 
	padding:1px;*/
	padding:2px;
	vertical-align:middle;
	margin-top:1px;
}
.mainNav li a {
	font-size: 13px;
	text-decoration: none;
	display: block;
	background-color: #FC0;
	background-repeat: no-repeat;
	color:#666;
	zoom: 1;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	height:32px;
	margin-bottom: 2px;
	margin-top:2px;
	margin-left: 2px;
	margin-right: 1px;
	padding: 7px 7px 7px 7px;
	text-align:center;/* width: 128px; */
	
	
	
}


.mainNav li a span {
	float:left;
	width:9px;
	height:33px;
	cursor:pointer;/* background:url(../images/tabs.png) 0 -132px no-repeat; */
	
	
	
}
/* CSS only for HOME button to make it equal vertically */



.mainNav li:hover a {
	
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	color: #000;
}


.mainNav li.ui-tabs-selected a {
	/* background:url(../images/tabs.png) 100% -66px no-repeat; */
	
	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.mainNav li:hover span, .tabs_navi li.ui-tabs-selected span {
	/* background:url(../images/tabs.png) 0 0 no-repeat; */

	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}


.mainNav .home a {
	line-height: 32px;
}
.mainNav a:hover {
	color: #000;
}









.tabs_navi {
	clear:both;
	position:relative;
	/* margin-bottom:-4px */
	margin-bottom:0;
	z-index:999;
	float:left;
	padding:0;
	background-color:#D1B73A;
}
.tabs_navi li {
	float:left;
}
.tabs_navi li a {
	float:left;
	height:23px;
	padding:10px 14px 0 5px;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	/* background:url(../images/tabs2.png) 100% -198px no-repeat; */
	color:#fff;
	text-transform:none;
}
.tabs_navi li span {
	float:left;
	width:9px;
	height:33px;
	cursor:pointer;/* background:url(../images/tabs.png) 0 -132px no-repeat; */
}
.tabs_navi li.lines_2 a {
	padding:11px 14px 0 5px;
	height:33px;
}
.tabs_navi li:hover a, .tabs_navi li.ui-tabs-selected a {
	/* background:url(../images/tabs.png) 100% -66px no-repeat; */
	
	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.tabs_navi li:hover span, .tabs_navi li.ui-tabs-selected span {
	/* background:url(../images/tabs.png) 0 0 no-repeat; */

	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}


#home #homeLink, #research_statistics #researchLink, #curriculum_resources #curriculumLink, #programs_activities #programLink, #related_resource #relatedLink, #tipsforparents #tipsforparentsLink {
	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}



body #mainNav #safewalking a {
	
	background-color: #666;
	background-position: 3px 100%;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FC0;
	text-align:center;
}
.pdf_link {
	font-size:11px;
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
}
.leftsection {
 width:65%;
 float:left;
 background-color:#eae8e0;
 height:auto;	
 
}
.rightsection {
	width:35%;
	float:right; 
	

}

.mar {
	
	
	margin-bottom:30px;
	
}
 
 
@font-face {
	font-family: Arialcustom;
	src: url(../fonts/ArialMT.otf) format("opentype");
}
body p.test {
	font-family: 'ApolloMTStd', serif;
	font-size: 18px;
}