/* RESET */
/* ----------------------------------------- */

/* Global reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-padding-start: 0;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
text-decoration: none;
color: black;
}

a:hover {
text-decoration: underline;
}

input {
border: 0; padding:0;
}

hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 18px auto 18px 10px;
	width: 800px;
	border: none;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #FFF;
	font-size: 1px;
	line-height: 0;
	overflow: visible;	
}

/* Containers
----------------------------------------------------------------------------------------------------*/

html {
background: #959595;
height: 100%;
width: 100%;
display: table;
}

body {
background: #959595;
color: #4d4d4d; 
font-size: 12px; 
line-height: 1.5em	
}

.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	_height: 1%;	/* What is this? */
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16,.grid_16{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1{
	width:40px;
}

.container_16 .grid_2{
	width:100px;
}

.container_16 .grid_3{
	width:160px;
}

.container_16 .grid_4{
	width:220px;
}

.container_16 .grid_5{
	width:280px;
}

.container_16 .grid_6{
	width:340px;
}

.container_16 .grid_7{
	width:400px;
}

.container_16 .grid_8{
	width:460px;
}

.container_16 .grid_9{
	width:520px;
}

.container_16 .grid_10{
	width:580px;
}

.container_16 .grid_11{
	width:640px;
}

.container_16 .grid_12{
	width:700px;
}

.container_16 .grid_13{
	width:760px;
}

.container_16 .grid_14{
	width:820px;
}

.container_16 .grid_15{
	width:880px;
}

.container_16 .grid_16{
	width:940px;
}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .prefix_1 {
	padding-left:60px;
}

    .container_16 .prefix_2 {
	padding-left:120px;
}

    .container_16 .prefix_3 {
	padding-left:180px;
}

    .container_16 .prefix_4 {
	padding-left:240px;
}

    .container_16 .prefix_5 {
	padding-left:300px;
}

    .container_16 .prefix_6 {
	padding-left:360px;
}

    .container_16 .prefix_7 {
	padding-left:420px;
}

    .container_16 .prefix_8 {
	padding-left:480px;
}

    .container_16 .prefix_9 {
	padding-left:540px;
}

    .container_16 .prefix_10 {
	padding-left:600px;
}

    .container_16 .prefix_11 {
	padding-left:660px;
}

    .container_16 .prefix_12 {
	padding-left:720px;
}

    .container_16 .prefix_13 {
	padding-left:780px;
}

    .container_16 .prefix_14 {
	padding-left:840px;
}

    .container_16 .prefix_15 {
	padding-left:900px;
}

    .container_16 .prefix_16 {
	padding-left:960px;
}

/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .suffix_1 {
	padding-right:60px;
}

    .container_16 .suffix_2 {
	padding-right:120px;
}

    .container_16 .suffix_3 {
	padding-right:180px;
}

    .container_16 .suffix_4 {
	padding-right:240px;
}

    .container_16 .suffix_5 {
	padding-right:300px;
}

    .container_16 .suffix_6 {
	padding-right:360px;
}

    .container_16 .suffix_7 {
	padding-right:420px;
}

    .container_16 .suffix_8 {
	padding-right:480px;
}

    .container_16 .suffix_9 {
	padding-right:540px;
}

    .container_16 .suffix_10 {
	padding-right:600px;
}

    .container_16 .suffix_11 {
	padding-right:660px;
}

    .container_16 .suffix_12 {
	padding-right:720px;
}

    .container_16 .suffix_13 {
	padding-right:780px;
}

    .container_16 .suffix_14 {
	padding-right:840px;
}

    .container_16 .suffix_15 {
	padding-right:900px;
}

    .container_16 .suffix_16 {
	padding-right:960px;
}

/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .push_1 {
	left:60px;
}

    .container_16 .push_2 {
	left:120px;
}

    .container_16 .push_3 {
	left:180px;
}

    .container_16 .push_4 {
	left:240px;
}

    .container_16 .push_5 {
	left:300px;
}

    .container_16 .push_6 {
	left:360px;
}

    .container_16 .push_7 {
	left:420px;
}

    .container_16 .push_8 {
	left:480px;
}

    .container_16 .push_9 {
	left:540px;
}

    .container_16 .push_10 {
	left:600px;
}

    .container_16 .push_11 {
	left:660px;
}

    .container_16 .push_12 {
	left:720px;
}

    .container_16 .push_13 {
	left:780px;
}

    .container_16 .push_14 {
	left:840px;
}

    .container_16 .push_15 {
	left:900px;
}

    .container_16 .push_16 {
	left:960px;
}

/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_16 .pull_1 {
	right:60px;
}

    .container_16 .pull_2 {
	right:120px;
}

    .container_16 .pull_3 {
	right:180px;
}

    .container_16 .pull_4 {
	right:240px;
}

    .container_16 .pull_5 {
	right:300px;
}

    .container_16 .pull_6 {
	right:360px;
}

    .container_16 .pull_7 {
	right:420px;
}

    .container_16 .pull_8 {
	right:480px;
}

    .container_16 .pull_9 {
	right:540px;
}

    .container_16 .pull_10 {
	right:600px;
}

    .container_16 .pull_11 {
	right:660px;
}

    .container_16 .pull_12 {
	right:720px;
}

    .container_16 .pull_13 {
	right:780px;
}

    .container_16 .pull_14 {
	right:840px;
}

    .container_16 .pull_15 {
	right:900px;
}

    .container_16 .pull_16 {
	right:960px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear-vis {
clear: both;	
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Custom
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color:#107fc9; font-weight:bold; margin: 0 0 18px 10px; letter-spacing: -0.02em; line-height: 1em;}
h1 { color: #fff; font-size:28px; line-height: 1.5em; }
h2 { color: #107fc9; font-size:32px; line-height: 1em; margin-bottom:12px }
h3 { font-size:22px; line-height: 1em; }
h4 { color: #107fc9; font-size:16px; letter-spacing: -0.01em; line-height: 1.4em;}
h5 { color: #6e6e6e; font-size:14px; letter-spacing: -0.01em; line-height: 1.4em;}
p { margin: 0 0 18px 10px; }
a { color: #107fc9; text-decoration: none; }
a:hover { color:#084066; text-decoration: none; }
ul { margin: 0 0 18px 39px; }
li { list-style:square outside url(../images/parents-bullet.jpg); margin: 0 0 2px 0; padding: 0; }
ul li ul { margin: 7px 0 9px 39px; }
ol { margin: 0 0 18px 39px; }
ol li { list-style:decimal; }
strong { font-weight:bold; }
em { font-style:italic; }
sup {font-size:xx-small; vertical-align:top; } 
.superscript{font-size:xx-small; vertical-align:top;} 
.subscript{font-size:xx-small; vertical-align:bottom;} 

blockquote {
  color:#107fc9;
  float:right;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 1.5em;
  margin-top: 10px;
  margin-bottom: 18px;
  margin-left: 40px;
  padding-left: 20px;
  border-left: 6px solid #2587c9;
  width:340px;
} 

blockquote p { margin:0; }

.title {
color:#107fc9; 
font-size:18px;
font-weight:bold;  
letter-spacing: -0.02em;
line-height: 1.3em; 
}

.subtitle {
color:#107fc9; 
font-size:14px;
line-height:1.5em;	
letter-spacing: -0.00em;
}

.title2 {
color:#107fc9; 
font-size:32px;
font-weight:bold;  
letter-spacing: -0.03em; 
}

.title3 {
color:#8c8c8c; 
font-size:14px;
font-weight:bold;  
letter-spacing: -0.01em;
line-height:1.5em; 
}

.dotted-line {
margin-bottom:18px; 	
}

.wp-caption {
background:#107fc9;	
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:10px;
margin-bottom:36px;
}

.wp-caption-text {
color:#fff;	
margin-bottom:0px;
text-align:center;
}

.alignleft { float:left; margin-right: 20px; }
.alignright { float:right; margin-left: 15px; }

#header {
background: url(../images/parents-header-bg.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-fr {
background: url(../images/parents-header-bg-fr.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-article {
background: url(../images/parents-header-article-bg.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-article-fr {
background: url(../images/parents-header-article-bg-fr.jpg) no-repeat center top;
height: 698px;	
position:relative;
}

#header-toolbox {
background: url(../images/parents-header-toolbox-bg.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-toolbox-fr {
background: url(../images/parents-header-toolbox-bg-fr.jpg) no-repeat center top;
height: 698px;	
position:relative;
}

#header-resources {
background: url(../images/parents-header-resources-bg.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-resources-fr {
background: url(../images/parents-header-resources-bg-fr.jpg) no-repeat center top;
height: 698px;	
position:relative;
}

#header-default {
background: url(../images/parents-header-default-bg.jpg) no-repeat center top;
height: 698px;
position:relative;
}

#header-default-fr {
background: url(../images/parents-header-default-bg-fr.jpg) no-repeat center top;
height: 698px;	
position:relative;
}

#deal-link {
background: none;
height:34px;
left:9px;
position:absolute;
top:35px;
width: 112px;
}

#deal-link a {
display:block;
width: 112px;
height: 34px;	
}

#newsletter-link {
background: none;
height:30px;
left:684px;
position:absolute;
top:26px;
width: 157px;
}

#newsletter-link a {
display:block;
width: 157px;
height: 30px;	
}

#news-arc-link {
background: none;
height:20px;
left:850px;
position:absolute;
top:26px;
width: 60px;
}

#news-arc-link a {
display:block;
width: 60px;
height: 20px;	
}

#home-link {
background: none;
height:132px;
left:132px;
position:absolute;
top:22px;
width: 217px;
}

#home-link a {
display:block;
width: 217px;
height: 132px;	
}

#contact-link {
background: none;
height:26px;
left:796px;
position:absolute;
top:421px;
width: 82px;
z-index:6;
}

#contact-link a {
display:block;
width: 82px;
height: 26px;	
}

#contact-link-home {
background: none;
height:41px;
left:671px;
position:absolute;
top:633px;
width: 217px;
z-index:6;
}

#contact-link-home a {
display:block;
width: 217px;
height: 41px;	
}

#contact-link-toolbox {
background: none;
height:26px;
left:815px;
position:absolute;
top:240px;
width: 82px;
z-index:6;
}

#contact-link-toolbox a {
display:block;
width: 82px;
height: 26px;	
}

#ribbon-tail {
background: url(../images/ribbon-tail.jpg) no-repeat;
height:80px;
left:-15px;
overflow:hidden;
position:absolute;
text-indent:-900%;
top:427px;
width:15px;
}

#nav-sections { font-size:14px; height: 20px; left:385px; overflow:hidden; margin: 0 0 18px 27px; padding: 0; position: absolute; top:83px; }
#nav-sections-fr { font-size:14px; height: 20px; left:383px; overflow:hidden; margin: 0 0 18px 27px; padding: 0; position: absolute; top:83px; width:425px; }
#nav-sections li,
#nav-sections-fr li { display:inline; }
#nav-sections a,
#nav-sections-fr a { color:#777; text-decoration: none;}
#nav-sections a.section-select,
#nav-sections-fr a.section-select { color:#107fc9; }

#nav-resources { padding-right:86px; }
#nav-toolbox { padding-right:94px; }
#nav-articles { padding-right:0px; }
#nav-resources-fr { padding-right:65px; }
#nav-toolbox-fr { padding-right:74px; }
#nav-articles-fr { padding-right:0px; }

#nav { background: url(../images/parents-nav.jpg) no-repeat; float:right; height: 169px; margin: 417px 88px 0 0; overflow:hidden; padding: 0; position: relative; width: 179px; z-index:5; }

#nav-fr { background: url(../images/parents-nav-fr.jpg) no-repeat; float:right; height: 169px; margin: 417px 88px 0 0; overflow:hidden; padding: 0; position: relative; width: 179px; z-index:5; }

#nav.nav-article,
#nav-fr.nav-article { margin: 237px 88px 0 0; } 

#nav a, #nav-fr { text-indent: -900%; }

#nav li, #nav-fr li { list-style: none; margin: 0; padding: 0; position: absolute; }

#nav li, #nav li a,
#nav-fr li, #nav-fr li a  { display: block; height: 24px; }

#bullying,
#bullying-fr { width: 179px; height: 24px; left:0px; top:0px; }
#bullying a:hover { background: transparent url(../images/parents-nav.jpg) -179px 0px no-repeat; }
#bullying-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px 0px no-repeat; }

#drugs,
#drugs-fr { width: 179px; height: 24px; left:0px; top:24px; }
#drugs a:hover { background: transparent url(../images/parents-nav.jpg) -179px -24px no-repeat; }
#drugs-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -24px no-repeat; }

#internet-safety,
#internet-safety-fr { width: 179px; height: 24px; left:0px; top:48px; }
#internet-safety a:hover { background: transparent url(../images/parents-nav.jpg) -179px -48px no-repeat; }
#internet-safety-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -48px no-repeat; }

#mental-health,
#mental-health-fr { width: 179px; height: 24px; left:0px; top:72px; }
#mental-health a:hover { background: transparent url(../images/parents-nav.jpg) -179px -72px no-repeat; }
#mental-health-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -72px no-repeat; }

#relationship-safety,
#relationship-safety-fr { width: 179px; height: 24px; left:0px; top:96px; }
#relationship-safety a:hover { background: transparent url(../images/parents-nav.jpg) -179px -96px no-repeat; }
#relationship-safety-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -96px no-repeat; }

#school-pressure,
#school-pressure-fr { width: 179px; height: 24px; left:0px; top:120px; }
#school-pressure a:hover { background: transparent url(../images/parents-nav.jpg) -179px -120px no-repeat; }
#school-pressure-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -120px no-repeat; }

#sexuality,
#sexuality-fr { width: 179px; height: 24px; left:0px; top:144px; }
#sexuality a:hover { background: transparent url(../images/parents-nav.jpg) -179px -144px no-repeat; }
#sexuality-fr a:hover { background: transparent url(../images/parents-nav-fr.jpg) -179px -144px no-repeat; }

#language { position: absolute; top:128px; left:745px; }
#language ul { margin: 0; }
#language li { background: none; font-size: 11px; font-weight: bold; padding-left: 0; margin: 0 10px 0 0; display:inline; }
#language li a { color: #107fc9; text-decoration: none; }
#language li a:hover { color:#9dd8ff; }

#content {
background: url(../images/parents-content-bg.jpg) repeat-y;
}

#article {
margin-top: -415px;
}

#article-toolbox {
margin-top: -415px;
}

#article-title { 
float:left; 
height: 30px;
margin: 172px 0 0 160px;
position: relative;
}

#article-title-fr { 
	float:left; 
	height: 30px;
	margin: 172px 0 0 165px;
	position: relative;
}

#toolbox-title { 
	float:left; 
	height: 30px;
	margin: 172px 0 0 203px;
	position: relative;
}

#toolbox-title-fr { 
float:left; 
height: 30px;
margin: 172px 0 0 222px;
position: relative;
}

#resources-title { 
float:left; 
height: 30px;
margin: 172px 0 0 192px;
position: relative;
}

#resources-title-fr { 
float:left; 
height: 30px;
margin: 172px 0 0 202px;
position: relative;
}

#default-title { 
float:left; 
height: 30px;
margin: 172px 0 0 60px;
position: relative;
}

#default-title-fr { 
float:left; 
height: 30px;
margin: 172px 0 0 69px;
position: relative;
}

.first-paragraph {
color:#107fc9;
font-size:16px;	
letter-spacing: -0.01em;
line-height: 1.4em;
width:580px;
}

.first-paragraph a {
color:#0c6098;
}

.second-paragraph {
width:570px;
z-index:0;
}

#toolbox-issues {
margin: 0 0 18px 33px;	
}

#toolbox-issues li {
float:left;
list-style:none;
margin:0 6px 10px 0;	
display:inline;
width:248px;
}

#icebreaker { clear:both; margin:0 0 32px 20px; }

.top-of-page { background: url(../images/top-of-page.jpg) no-repeat; float:right; height:20px; margin-top:10px; overflow:hidden; text-indent:-900%;width:84px; }
.top-of-page a { display:block; width: 84px; height: 20px; }
.top-of-page-fr { background: url(../images/top-of-page-fr.jpg) no-repeat; float:right; height:20px; margin-top:10px; overflow:hidden; text-indent:-900%;width:106px; }
.top-of-page-fr a { display:block; width: 106px; height: 20px; }

#tip {
background: url(../images/parents-tip-bg.jpg) no-repeat;
float:left;
height:267px;
margin: 0 20px 20px -37px;
width:318px;	
}

#tip-fr {
background: url(../images/parents-tip-bg-fr.jpg) no-repeat;
float:left;
height:267px;
margin: 0 20px 20px -37px;
width:318px;	
}

.tip {
float:left;
height:267px;
margin: 0 20px 20px -47px;
width:318px;	
}

#footer {
clear: both;
background: url(../images/parents-footer-bg.jpg) no-repeat center top;
height: 186px;
position:relative;
}

#footer-fr {
clear: both;
background: url(../images/parents-footer-bg-fr.jpg) no-repeat center top;
height: 186px;
position:relative;
}

#important-notices {
color:#474344;
font-size:14px;
left:460px;
letter-spacing: -0.01em;
position:absolute;
text-decoration: none;
top:35px;
}
