/* Generated by Font Squirrel (http://www.fontsquirrel.com) on %March %5, %2010 */



@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Book'), url('CartoGothicStd-Book.woff') format('woff'), url('CartoGothicStd-Book.ttf') format('truetype'), url('CartoGothicStd-Book.svg#CartoGothicStd-Book') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothicStd-Italic.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Italic'), url('CartoGothicStd-Italic.woff') format('woff'), url('CartoGothicStd-Italic.ttf') format('truetype'), url('CartoGothicStd-Italic.svg#CartoGothicStd-Italic') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-Bold'), url('CartoGothicStd-Bold.woff') format('woff'), url('CartoGothicStd-Bold.ttf') format('truetype'), url('CartoGothicStd-Bold.svg#CartoGothicStd-Bold') format('svg');
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothicStd-BoldItalic.eot');
	src: local('CartoGothic Std'), local('CartoGothicStd-BoldItalic'), url('CartoGothicStd-BoldItalic.woff') format('woff'), url('CartoGothicStd-BoldItalic.ttf') format('truetype'), url('CartoGothicStd-BoldItalic.svg#CartoGothicStd-BoldItalic') format('svg');
}




body {background-color:#666; margin: 0;}
p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 17px; color: #666;}
li {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 17px; color: #666;}
h1 {font-family: CartoGothicStdBold, Arial bold, sans-serif; font-size: 28px; color: #666;}
h2 {font-family: CartoGothicStdBold, Arial bold, sans-serif; font-size: 18px; color: #666;}
a, a:link, a:active, a:visited {color: #666;}
a:hover {color: #000;}


.x-form-field-wrap .x-form-trigger-span-country{width:34px;height:21px;background-color:red;position:absolute:top:0;}
.x-form-field-wrap .x-form-trigger-country{width:17px;height:21px;border:0;background:transparent url(images/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:0;}
.x-form-field-wrap .x-form-country{width:25px;height:15px;border:0;position:absolute;top:0;right:0px;padding-top:3px}



#container {width: 1000px; margin: 0 auto 0 auto; background-color:#fcf9f0; border: solid 1px #000;}
#header {width: 1000px; height: 130px; background: url(images/topbar.jpg) 0 0 no-repeat;}
#content {width: 940px; margin: 0 auto 0 auto;}
#signupbutton a:link, #signupbutton a:visited {width: 109px; height: 86px; float: right;}
#signupbutton a:hover {background: url(images/signuphover.jpg) 0 0 no-repeat;}
#loginbutton a:link, #loginbutton a:visited {width: 103px; height: 86px; float: right;}
#loginbutton a:hover {background: url(images/loginhover.jpg) 0 0 no-repeat;}
#navbuttons {clear: right;}
#navlinks {margin: 0; padding: 0 0 0 10px;}
#navlinks li {display: inline;}
#navlinks a:link, #navlinks a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 12px; list-style-type: none; color: #666; text-decoration: none; margin: 0; padding: 9px 8px 6px 8px; float: left;}
#navlinks a:hover {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#eagency {margin: 0; padding: 0 10px 0 0;}
#eagency li {display: inline;}
#eagency a:link, #eagency a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 12px; list-style-type: none; color: #666; text-decoration: none; margin: 0; padding: 9px 8px 6px 8px; float: right;}
#eagency a:hover {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#footer {width: 1000px; height: 42px; background: url(images/bottombar.jpg) 0 0 no-repeat; clear: both;}
#copyright {float: left;}
#copyright p {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 10px; line-height: 10px; color: #000; margin:0; padding: 13px 0 0 10px;}
#copyright a:link, #footerniceoffice a:visited {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 10px; list-style-type: none; color: #000; margin:0; padding: 0; text-decoration: underline;}
#copyright a:hover {color: #fff;}
#facebook {float: right; padding-right: 10px; padding-top: 15px;}
#twitter {float: right; padding-right: 10px; padding-top: 15px;}
.selected1 {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x; margin:0;padding:0;}
.selected1 a, .selected1 a:link, .selected1 a:active, .selected1 a:visited {color: #000; background:url(images/tab-strip-bg-active.gif) 0 0 repeat-x;}
#terms {text-align: center; font-size: 12px; font-weight: 600; margin-top: 10px;}
.servicemark {font-size: 6px;}




#homeleftcolumn {width: 455px; background: url(images/kidshome.jpg) 0 0 no-repeat; margin: 10px 0 0 0; float: left; position: relative;}
#homeleftcolumn h1 {margin: 0; padding: 270px 0 0 0;}
#homeleftcolumn p {font-size: 13px;line-height: 21px; margin: 0; padding: 0 0 10px 0; text-align: justify;}
#research {width: 340px; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0;}
#homerightcolumn {width: 455px; float: left;  margin: 0; padding: 10px 0 0 10px;}
#homerightcolumntop {width: 455px; margin: 0; padding: 0 0 0 10px;}
#buttonsection {width: 203px; float: left; margin: 0; padding: 0 10px 20px 0;}
#videosection {width: 240px; height: 323px; float: left; background-color: #fff; border: solid 1px #000;}
.video {width: 240px; height: 50px; border-top: solid 1px #b0b0b0; margin: 0; padding: 0; clear: both;}
.videothumb {width: 70px; text-align: center; margin: 7px 0 0 0; padding: 0; float: left;}
.videotext {float: left; margin: 11px 0 0 0; padding: 0;}
#sextingsection {clear: both; width: 455px; height: 76px; background: url(images/sextingbkgd.jpg) 0 0 no-repeat; margin: 0; padding: 0 0 10px 0;}
#sextingsection h1 {margin: 0; padding: 0 0 0 110px; font-size: 18px;}
#sextingsection p {margin: 0; padding: 0 0 0 110px; font-size: 12px; line-height: 13px}
#cyberbullyingsection {clear: both; width: 455px; height: 76px; background: url(images/cyberbullyingbkgd.jpg) 0 0 no-repeat; margin: 0; padding: 0 0 15px 0;}
#cyberbullyingsection h1 {margin: 0; padding: 0 0 0 110px; font-size: 18px;}
#cyberbullyingsection p {margin: 0; padding: 0 0 0 110px; font-size: 12px; line-height: 13px}
#appblocking {clear: both; width: 455px; background: url(images/appblocking.jpg) 0 0 no-repeat; margin: 0; padding: 0 0 10px 0;}
#appblocking h1 {margin: 0; padding: 0 0 0 110px; font-size: 18px;}
#appblocking p {margin: 0; padding: 0 0 0 110px; font-size: 12px; line-height: 13px;}
#appblocking ul li {font-size: 12px; line-height: 13px; margin: 0; padding: 0 0 5px 0;}
#videocopy {width: 455px; height: 104px; background: url(images/video.jpg) top right no-repeat;}
#videocopy p {font-size: 14px; text-align: right; margin: 0; line-height: 19px; padding: 25px 130px 0 0;}
#popupcontainer {width: 700px; height: 500px; background-color: #fff; margin: 0 auto 0 auto;}
#sextingleft {width: 360px; margin: 0; padding: 30px 0 0 0; float: left;}
#sextingleft h1 {font-size: 60px; text-align: center; margin: 0; padding: 0;}
#sextingleft p {font-size: 16px; line-height: 22px; text-align: center; margin: 0; padding: 0;}
#sextingpic {width: 308px; height: 462px; background: url(images/sexting.jpg) 0 0 no-repeat; border: solid 1px #000; float: left; margin: 18px 0 0 10px; padding: 0;}
#cybertop {margin: 0; padding: 20px 30px 10px 30px;}
#cybertop h1 {font-size: 60px; text-align: center
; margin: 0; padding: 0;}
#cybertop p { font-size: 14px; line-height: 17px; text-align: justify; margin: 0; padding: 0;}
#cyberleft {width: 240px; margin: 0; padding: 10px 20px 0 30px; float: left;}
#cyberleft p { font-size: 14px; line-height: 17px; text-align: justify; margin: 0; padding: 0;}
#cyberpic {width: 380px; height: 284px; background: url(images/cyberbullying.jpg) 0 0 no-repeat; border: solid 1px #000; float: left; margin: 0; padding: 0;}


#returnradar {float: right; margin: 0px 30px 0 0;}
#newscopy {font-family: Arial, Helvetica; font-size: 12px; line-height: 18px; margin: 0 40px 0 40px;}
#newscopy h4 {font-size: 18px; line-height: 24px;}
.fineprint {line-height: normal;}


#featurescopy {font-family: CartoGothicStdBook, Arial, sans-serif; font-size: 14px; line-height: 17px; color: #666; margin:0; padding: 10px 0 10px 0;}
#featuresleftcolumn {width: 440px; float: left; margin: 0; padding: 0 0 10px 0;}
#featuresleftcolumn h1 {margin: 0; padding: 10px 0 0 0; font-size: 18px;}
#featuresleftcolumn p {margin: 0; padding: 0; font-size: 12px; line-height: 15px;}
#featuresleftcolumn ul {margin: 0; padding: 3px 0 10px 10px; list-style-type: none;}
#featuresleftcolumn li {margin: 0; padding: 3px 0 0 20px; font-size: 12px; line-height: 15px; background: url(images/pawprint.png) 0 4px no-repeat;}
#featuresrightcolumn {width: 470px; float: left; padding-left: 30px; padding-bottom: 10px;}
#featuresrightcolumn h1 {margin: 0; padding: 10px 0 0 0; font-size: 18px;}
#featuresrightcolumn p {margin: 0; padding: 0; font-size: 12px; line-height: 15px;}
#featuresrightcolumn ul {margin: 0; padding: 3px 0 0px 10px; list-style-type: none;}
#featuresrightcolumn li {margin: 0; padding: 3px 0 0 20px; font-size: 12px; line-height: 15px; background: url(images/pawprint.png) 0 4px no-repeat;}
#featuresrightcolumn ul ul {width: 140px; margin: 0; padding: 0 0 0 40px; list-style-type: disc; float: left;}
#featuresrightcolumn ul ul li {margin: 0; padding: 0; background: none;}


#workscontent {width: 1000px; height: 635px; background: url(images/howitworks.jpg) 0 0 no-repeat; margin: 0; padding: 0; position: relative;}
#worksone {width: 350px; height: 94px; position: absolute; top: 280px; left: 20px; text-align: center;}
#workstwo {width: 202px; height: 140px; position: absolute; top: 20px; left: 375px; text-align: center;}
#worksthree {width: 190px; height: 130px; position: absolute; top: 225px; left: 440px; text-align: center;}
#worksfour {width: 205px; height: 107px; position: absolute; top: 445px; left: 480px; text-align: center;}


#faqcontent {width: 940px; margin: 0 auto 0 auto;}
#faqcontent h1 {margin: 0; padding: 10px 0 10px 0;}
#faqcontent h2 {margin: 0; padding: 0; font-size: 15px;}
#faqcontent p {margin: 0; padding: 0 0 10px 10px; font-size: 13px; line-height: 15px;}
#faqcontent ul {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
#faqcontent ul li {margin: 0; padding: 0 0 0 20px;background: url(images/pawprint.png) 0 0 no-repeat;}


.content {width: 940px; margin: 0 auto 0 auto; padding: 0;}
.resourcelink {width: 940px; margin: 0 0 10px 0; padding: 0; clear: both;}
.resourcelink2 {width: 940px; margin: 0; padding: 10px 0 0 0; clear: both;}
.resourcelogos {float: left; width: 130px; margin: 0; padding: 0;}
.resourcetext {float: left; width: 780px; margin: 0; padding: 0 0 0 10px;}
.resourcetext p {text-align: justify;}

#vision {width: 455px; margin: 0; padding: 0 20px 10px 0; float: left;}
#bobquote {width: 380px; margin: 0 auto; padding: 10px 0 0 0;}
#visiontext p {font-size: 12px; text-align: justify; margin: 0; padding: 0 0 10px 0;}
#newsrightcolumn {float: left;}
#news {width: 455px; height: 670px; background-color: white; border: solid 1px #555; margin:0; padding: 0;}
#rightcontainerabout {width: 455px; height: 660px; margin: 0 auto; padding: 10px 0 0 0; overflow: auto;}
#rightcontainerabout h2 {font-size: 14px; margin: 0; padding: 0 20px 0 20px;}
#rightcontainerabout p {font-size: 12px; line-height: 14px; margin: 0; padding: 0 20px 10px 20px;}


#medialeftcolumn {width: 580px; margin: 0; padding: 10px 20px 10px 0; float: left;}
#mediawindow {width: 520px; height: 450px; margin: 0 auto; padding: 0;}
#movielistbox {width: 325px; height: 496px; border: solid 1px #666; background-color: #fff; float: left; margin: 20px 0 0 0; padding: 0;}
#movielist {width: 325px; height: 496px; overflow: auto; margin: 0; padding: 0;}
.movielink {width: 300px; height: 81px; margin: 0; padding: 10px 0 10px 10px; border-bottom: solid 1px gray;}
.movielogos {width: 109px; height: 81px; margin: 0; padding: 0 10px 0 0; float: left;}
.movietext {width: 160px; height: 81px; margin: 0; padding: 14px 0 0 0; float: left;}
.movietext h2 {font-size: 16px;}
.movietext p {font-size: 14px; line-height: 18px; vertical-align: middle;}

#contactinfo {width: 350px; height: 400px; margin: 0; padding: 18px 60px 0 0; float: right;}
#contactleft {width: 360px; height: 400px; margin: 20px 0 20px 80px; padding: 20px 20px 0 20px; background-color: #fff; border: solid 1px #666;}
#contactform {clear: both;}
#contactcontent {width: 940px; margin: 0 auto 0 auto;}
#contactcontainer {width: 1000px; margin: 0 auto 0 auto; background-color:#fcf9f0; border: solid 1px #000;}
#publicrelations {width: 680px; margin: 0 auto; clear: both; padding: 10px 0 20px 0;}
#techsupport {width: 175px; height: 35px; margin: 0; padding: 40px 0 0 0;}