/* Start of CMSMS style sheet 'kidsafe' */
@media screen {
html * {
padding : 0;
margin : 0;
}

#content h3 {
/*font-weight:normal;*/
font-size:1.1em;
}

body {
background : #e0f2fc url("images/body_background.jpg") repeat-x left top;
}

#wrapper {
font-family : verdana, arial, helvetica, sans-serif;
font-size:12px;
color : #000;
width : 983px;
margin : 0 auto;
}
#header {
width : 1000px;
margin : 60px 0 0 10px;
height : 103px;
float : left;
display : inline;
}
#logo {
float : left;
display : inline;
width : 150px;
margin : 0;
}
#banner {
float : left;
display : inline;
width : 740px;
margin-left : 100px;
}
a img {
border : 0;
padding : 0;
margin : 0;
}

h1 {
padding-top:0px;
margin-bottom:20px;
color : #0090d7;
font-size : 18px;
padding-left : 30px;
font-weight : normal;
}

h1.g1 { /* all h1s after 1st */
margin-top:25px;
}

h2 {
font-size : 16px;
color : #000;
font-weight : normal;
}

a {
color : #0090d7;
text-decoration : none;
margin : 0;
padding : 0;
}
a:hover {
text-decoration : underline;
}


/* Content */

#content ul.glossary {
list-style-type:none;
padding-left:0;
margin-left:0;
}

#main_content h1 {
/*margin-top:15px;*/
}

#content address {
font-style:normal;
}


#content p, #content address {
margin : 10px 0;
line-height : 1.6em;
}

#content acronym {
cursor:help;
}

#content{  /* Container for: Horizontal menu, main_content and other divs */
background:url('images/content_top_half.jpg') no-repeat center top;
width:750px;
float:right;
display:inline-block;
position:relative;
left:0px;
margin-left:0;
}


#content dl {
margin-bottom:10px;
}

#content dd {
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
}



#main_content{  /* All of our text goes in this div */

		

		/*width:688px;*/

		margin-left:2px;

		padding:0px 30px 30px 30px; 

		background:#fff  url("images/content_bottom_half.jpg") no-repeat bottom center;

min-height:400px;
		}

#content ul, #content ol {
margin-left : 20px;
margin-bottom : 15px;
}
#content li {
margin-top : 7px;
margin-bottom : 7px;
}
#content table {
margin-top : 5px;
margin-bottom : 10px;
border-collapse : collapse;
border : 1px solid #0090d7;
}
#content table td {
border : 1px solid #0090d7;
}
#content table th {
padding : 3px 5px 7px 5px;
border : 1px solid #0090d7;
font-weight : bold;
vertical-align : middle;
background : #e0f2fc;
}
#content table td {
vertical-align : top;
padding : 3px 5px 20px 5px;
}
#content table tr.zebra {
background : #f2f4fe;
}

#content table td img {
margin-top:2px;
display:block;
border:#000 solid 1px;
margin:0 auto;
vertical-align:middle;
}

/* Contact Form */

#contactform {

margin-top : 20px;
}

.contactform div.texbox, .contactform div.textfield, .contactform div.submit, .contactform div.dropdown {
margin-top : 5px;
clear : both;
width:400px;
overflow : hidden;
position:relative;
}

.contactform div.textbox {
margin-top:25px; 
width:500px;
}

.contactform label {
position : relative;
float : left;
margin-bottom : 10px;
width:150px;
}

.contactform div.textfield input {
width:200px;
padding:4px 3px;
color : #000000;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
background : #ffffff;
border : 1px solid #ccc;
float:right;
color : #000000;
}

.contactform div.dropdown select {
height:24px;
width:208px;
padding:3px 3px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
background : #ffffff;
border : 1px solid #ccc;
float:right;
color : #000000;
}

.contactform textarea {
width : 300px;
color : #000000;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
background : #ffffff;
border : 1px solid #ccc;
padding : 3px;
float:right;

}
.contactform input.fbsubmit {
margin-top:15px;
position : relative;

color : #000000;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
}
/*
.submit {
width:400px;
}
*/


#footer {
clear : both;
width : 740px;
margin-left : 230px;
color : #35586a;
padding-top : 8px;
height : 30px;
line-height : 16px;
font-size : 11px;
text-align : center;
}

.park {
background: url("images/footer_repeater.jpg") repeat-x left bottom;
width: 100%;
text-align : center;
margin-top : 60px;
height : 245px;
display:block;
clear:both;
}
.park img, .park img a {
border : 0;
margin : 0;
padding : 0;
}
.park ul {
margin : 0 auto;
width : 1000px;
}
.park li {
padding : 0;
float : left;
list-style : none;
position : relative;
text-align : center;
border : 0;
margin : 0;
padding : 0;
}
.park a {
display : block;
color : #000;
text-decoration : none;
font-weight : bold;
background : url(images/button.gif) no-repeat center center;
border : 0;
margin : 0;
padding : 0;
}
.park li em {
font-weight : normal;
background : url(images/hover.png) no-repeat;
width : 180px;
height : 45px;
position : absolute;
top : -85px;
left : -15px;
text-align : center;
padding : 20px 12px 10px;
font-style : normal;
z-index : 2;
display : none;
}

/* Nav */

#nav {
float : left;
width : 740px;
font-weight : bold;
margin : 30px 0 0 80px;
font-size : 11px;
height : 73px;
padding : 0;
}

li.red a, body#home-safety #content h1 {
color : #d72507;
}
li.orange a,  body#playground-safety #content h1 {
color : #d76a00;
}
li.green a,  body#road-safety #content h1 {
color : #65c103;
}
li.blue a,  body#water-safety #content h1 {
color : #0090d7;
}
.first_padding {
padding : 0 2px 0 0;
}
#nav {
background : url("images/content_top.jpg") no-repeat bottom left;
}
#wrapper #header div.red {
background : url("images/content_top_red.jpg") no-repeat top left;
}
#wrapper #header div.orange {
background : url("images/content_top_orange.jpg") no-repeat top left;
}
#wrapper #header div.green {
background : url("images/content_top_green.jpg") no-repeat top left;
}
#wrapper #header div.blue {
background : url("images/content_top_blue.jpg") no-repeat top left;
}
.active, .active a {
color : #ffffff;
}
#nav ul {
float : right;
padding : 0 45px 0 0;
width : 436px;
margin : 0;
list-style : none;
height : 73px;
z-index : 100;
}
#nav a {
float : left;
display : inline;
line-height : 16px;
padding : 10px 0 6px 17px;
margin : 0;
}
#nav li {
float : left;
display : inline-block;
margin : 0;
}

#main_content h1 {
margin-left : 0;
padding-left : 0;
}

/* SecNav */

#secNav li.active li a {
color:#0090d7;
}

#secNav a {
color:#0090d7;
}

#secNav ul li ul li {
color:#0090d7;
}

#secNav ul li ul li a {
color:#0090d7;
}

#secNav li.active a {
color:#FFFFFF;
}

#secNav ul li ul {
color:#0090d7;
margin-top:10px;
margin-left:0px;
}

#secNav ul li ul li {
margin:0;
padding-left:25px;
color:#0090d7;
}


#secNav .hide {
display:none;
}



#secNav {
background : url('images/secNavMid.jpg') repeat-y top left;
margin-left : 10px;
float : left;
font-weight : bold;
overflow:hidden;
position:relative;
}

#secNavTop {
overflow:hidden;
position:relative;
background : url('images/secNavTop.jpg') no-repeat left top;
}

#secNavBottom {
overflow:hidden;
width : 200px;
padding-top:20px;
padding-bottom:20px;
position:relative;
background : url('images/secNavBot.jpg') no-repeat left bottom;
}

#secNav li {
color:#0090d7;
float : left;
text-decoration : none;
margin-left : 10px;
list-style : none;
display : block;
width : 180px;
padding : 8px 6px;
margin-left : 10px;
}
#secNav li.active {
background : url("images/button_active.jpg") no-repeat top left;
color : #ffffff;
}
#secNav a {
color:#0090d7;
text-decoration : none;
list-style : none;
display : block;
}
#secNav a:hover {
text-decoration : underline;
}
}

/* End of 'kidsafe' */