* {margin:0;padding:0;}
body {
	font:12px/16px Helvetica, Arial, Sans-Serif;
	color:#666;
}
.blog {
	display: block;
	visibility: visible;
	height: 30px;
	width: 250px;
}

#about_top {
	background-image: url(../images/about/header_bg.png);
	height: 76px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#about_content {
	background-attachment: scroll;
	background-image: url(../images/about/body_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 405px;
	position: relative;
}
.hide {
	visibility: hidden;
	display: none;
	overflow: hidden;
}

#about_contact {
	background-attachment: scroll;
	background-image: url(../images/about/contact_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 338px;
	position: relative;
	z-index: 2;
	top: -10px;
}
.stripe {
	background-attachment: scroll;
	background-image: url(../images/about/stripe3.png);
	background-repeat: repeat-x;
}
#bio {
	position: relative;
	height: 300px;
	width: 500px;
	left: 43px;
	top: 80px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000000;
	background-color: transparent;
	display: block;
	line-height: 1.2em;
	text-align:justify;
	background-image: url(../images/about/bio_back.png);
	z-index: 5;
}
#about_contact_form {
	position: relative;
	left: 35px;
	top: 80px;
	width: 500px;
}
#about_other_contacts {
	clear: right;
	float: right;
	position: absolute;
	height: 200px;
	width: 400px;
	top: 80px;
	right: 35px;
}
#about_other_contacts .blog {
	color: transparent;
	background-image: url(../images/about/blog_button.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 30px;
	width: 250px;
}
#about_other_contacts a:hover.blog {
	background-attachment: scroll;
	background-image: url(../images/about/blog_button.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 250px;
}


#about_contact_form   input {
	background-attachment: scroll;
	background-repeat: no-repeat;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 25px;
	width: 245px;
	font-size: 1.4em;
	color: #000000;
	margin: 8px;
	text-align: left;
	vertical-align: text-bottom;
	overflow: hidden;
	visibility: visible;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: right;
	background-color: transparent;
}

#about_dots {
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 3;
	height: 406px;
	width: 1024px;
	top: 75px;
}


h1 {
  font-size:22px;
  line-height:normal;
}
#social {
	overflow: visible;
	position: absolute;
	z-index: 1;
	height: 28px;
	width: 215px;
	left: 600px;
	top: 200px;
	clear: left;
	float: left;
}

#social li {
	position:relative;
	padding:5px;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-left:0px solid #EBEBEB;
	list-style-image: none;
	list-style-type: none;
}


h1 a{
  font-size:22px;
  line-height:normal;
}
#about_container {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;

}
#photo {
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 1;
	left: 422px;
	top: -805px;
	width: 600px;
	height: 470px;
}


h2 {
  font-size:17px;
  line-height:normal;
}
h3 {
  margin:12px 0 4px;
  font-size:13px;
}
h3 + p {margin-top:2px;}
p {margin:12px 0 2px;}
a {
	color:#6f6f6f;
	text-decoration:none;
	
}

a:visited {
  color:#6F6F6F;
  text-decoration:none;
  
}
a:hover,
a:active {color:#000;}

img {border:none;}
ul {list-style-type:none;}


#container {
  margin:0 auto 30px;
  width:815px;
}

/* FORM ELEMENTS --------------------------- */
input {font:11px/16px Helvetica, Arial, Sans-Serif;}

/* HEADER ---------------------------------- */
#header {
	position:relative;
	padding:30px;
	height:195px;
	background:transparent url(../images/header_bg.png) top left no-repeat;
}
#homePage #container #header #star {
	z-index: 4;
	top: -100px;
}

#header img.freephone {
  position:relative;
  right:4px;
  display:block;
  margin:0 0 10px;
}
#header a.home {
  position:absolute;
  top:15px;
  right:33px;
}

/* SEARCH FORM ---------------------------- */
#searchForm {height:52px;}
.hasJs #searchForm {height:52px;}
#searchForm label {
  padding-right:5px;
  font-weight:bold;
  text-transform:uppercase;
}
#searchForm input {
  padding:3px 5px;
  width:142px;
  border:1px solid #ccc;
  background:#EAF2F7;
}
#searchForm input.button {
	width:22px;
	height: 22px
	min-height: 22px;
	background:#7db2ce url(../images/arrow_right.png) -1px no-repeat !important;
	height: auto;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;

}

/* QUESTION DROPDOWN ------------------------ */
#searchQuestions {
	position:relative;
	display:none;
	margin:8px 0 0;
	width:230px;
	background:#fff;
	z-index:5;
	font-size:11px;
	visibility: visible;
	height:inherit;
}
.hasJs #searchQuestions {display:block;}
#searchQuestions p {
  margin:0;
  padding:2px 5px;
  width:193px;
  border:1px solid #ccc;
  background:#EAF2F7;
}
#searchQuestions img.trigger {
  position:absolute;
  top:0;
  right:0;
  border:1px solid #ccc;
  cursor:pointer;
}
#searchQuestions ul {
  position:absolute;
  display:none;
  width:228px;
  border:1px solid #ccc;
  opacity:0.9;
}
#searchQuestions ul.open {display:block;}
#searchQuestions ul li {
  padding:2px 5px;
  background:#EAF2F7;
}
#searchQuestions ul li:hover {
  background:#7DB2CE;
  cursor:pointer;
}

/* TOP NAV -------------------------------- */
#topNav {
	position:relative;
	float:left;
	overflow:visible;
	width: auto;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#topNav li {
	position:relative;
	padding:5px;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-left:1px solid #EBEBEB;
}
#topNav li.firstChild {border:none;}
#topNav li a {
  position:relative;
  top:0px;
}
/* TOP SUB NAV --------------------------- */
#topSubNav {
  position:relative;
  right:26px;
  padding-left:24px;
  min-width:550px;
  min-height:30px;
  float:left;
  clear:left;
  border-top:3px solid #EBEBEB;
  overflow:auto;
  font-size:11px
}
#topSubNav li {
  margin:2px;
  float:left;
}
#topSubNav li a {padding:5px;}

/* FOOTER --------------------------------- */
#footer {
	width: 100%;
	height: 2em;
	float: left;
	clear: both;
	font-size:10px;
	color:#999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	/*background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;*/
	display:block;
}
#footer p {}
#footer a {
	font-size:10px;
	color:#aaa;
	text-transform:uppercase;
}
#footer a:hover {color:#666;}
/* homePage mod */
#homePage #footer {padding:15px 30px 3px;}

/* SPONSORS --------------------------------- */
#sponsors {
	font-size:10px;
	color:#aaa;
	text-transform:none;
	vertical-align: top;
	/*background-image: url(../images/sponsor_bg.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	/*padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;*/
	/*height: 55px;
	min-height: 55px;*/
}
#sponsors p {
	display:inline;
	top: 2px;
}

/* MAIN CONTENT -------------------------- */
#content {
	position:relative;
	width:755px;
	overflow:hidden;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
#hide_me {
	display: none;
}


#contentTop {
  position:relative;
  display:block;
  margin:0 auto;
  width:815px;
  height:4px;
}

#content h1,
#content h2 {
  position:relative;
  top:-34px;
  height:116px;
  float:left;
  border-bottom:2px solid #EBEBEB;
}
#content h1 {
	width:238px;
	text-transform:uppercase;
	border-right:2px solid #EBEBEB;
	background-image: url(../images/grey_icon.png);
	background-repeat: no-repeat;
	background-position: 0 30px;
}
#content h2 {
  width:500px;
  text-transform:capitalize;
  border-bottom:2px solid #EBEBEB;
}
#content h1 span,
#content h2 span {
  position:absolute;
  bottom:10px;
  padding:0 4px;
  width:100%;
}
#content h2 span {padding:0 20px;}

/* COPY -------------------------------------- */
#copy {
	position:relative;
	top:-34px;
	right:0px;
	margin:0 0 -50px;
	padding:0 20px 80px;
	width:475px;
	min-height:600px;
	float:right;
	clear:left;
	border-left:2px solid #EBEBEB;
	overflow: auto;
	text-align: justify;
}
#copy a, #copy a:visited{
	
	color: #000000;
}
#copy a:hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#copy p:first-child {
	font-size:16px;
	line-height:20px;
	color:#aaa;
	text-align: justify;
}

a.top {
  position:absolute;
  bottom:20px;
  left:288px;
}
#copy ul {
  margin:8px 0 4px;
  padding:0 0 0 16px;
  list-style-type:circle;
}
#copy li ul {
  margin:0;
  padding:0 0 0 12px;
  list-style-type:square;
}

/* NAVIGATION -------------------------------- */
#nav {
	position:relative;
	top:-25px;
	right:28px;
	width:238px;
	height:100%;
	float:left;
	font-size:11px;
	text-align: left;
}
#nav li {
  padding:0 0 4px 30px;
  text-transform:uppercase;
}
#nav li.open {background:url(../images/active_nav_bullet_grey.png) top left no-repeat;}
#nav li a {
  display:block;
  padding:4px 0 6px;
  border-bottom:1px solid #EBEBEB;
}
#nav li a.open {font-weight:700;}
#nav li ul li {padding:0;}
#nav li ul li a {padding:5px 20px;}
#nav li.external a,
#nav li#navAdvert a {border:none;}
#nav li ul li ul li{
	padding:0;
	background-color:#CCCCCC;
}
#nav li ul li ul li a {padding:5px 20px;}

/* TAB NAVIGATION */
#tabNav {
  position:absolute;
  top:0;
  right:-5px;
  width:41px;
  height:675px;
  background:#EBEBEB url(../images/tab_bg.png) top left no-repeat;
  overflow:hidden;
}
#tabNav li {
  position:relative;
  left:0;
  background:transparent;
  overflow:hidden;
}
#tabNav li span {
  position:absolute;
  top:11px;
  left:-16px;
  width:5px;
  height:100px;
  background:transparent url(../images/tabs_shadow_short.png) 0 4px no-repeat;
  z-index:2;
}
#tabNav li a {
  position:relative;
  right:17px;
  z-index:0;
}
#tabNav li.open {z-index:1;}
#tabNav li:hover {z-index:3;}
#tabNav li.open span,
#tabNav li:hover span {display:none;}
#tabNav li:hover a,
#tabNav li.open a {right:0;}

#youngPeople {top:0;}
#adults {top:-25px;}
#parentsCaregivers {top:-50px;}
#educationSector {top:-75px;}
#businessesCommunity {top:-100px;}
#computerSecurity {top:-125px;}

/* FLASH TABS */
#flashTabs {
  position:relative;
  left:-18px;
}

/* HOMEPAGE ------------------------------ */
#homePage.hasJs #header {height:202px;}
#homePage #content {
  padding:0;
  width:100%;
  background:#EBEBEB;
}
#homePage.hasJs #footer {padding-top:10px;}
#sectionsGrid {
	position:relative;
	left:1px;
	overflow:hidden;
}
#sectionsGrid li {
  position:relative;
  margin:2px;
  width:266px;
  height:186px;
  float:left;
}
#sectionsGrid li a.hector {
  position:absolute;
  bottom:15px;
  left:25px;
  display:block;
  z-index:2;
}
.hasJs #flashGrid {
  position:relative;
  right:2px;
}
#nav_res {

  position:relative;
  top:-25px;
  right:28px;
  width:238px;
  height:100%;
  float:left;
  font-size:11px;
}
#res {
	background-color: #000000;
}
#homePage #container #header #topSubNav a {
	background-color: #FFFFFF;
}
#homePage #container #header #topSubNav #young_back a:hover {
	background-attachment: scroll;
	background-image: url(../images/young_back.png);
	background-repeat: repeat-x;
}


.black {
	background-color: #000000;
}
#young_back {
	background-color: #FFE148;
}
#adult_back {
	background-color: #EE8260;
}
#news {
	font-size: 1.4em;
}
#homePage #container #header #topSubNav #adult_back a:hover {
	background-attachment: scroll;
	background-image: url(../images/adult_back.png);
	background-repeat: repeat-x;
}
#homePage #container #header #topSubNav #parent_back a:hover {
	background-attachment: scroll;
	background-image: url(../images/parent_back.png);
	background-repeat: repeat-x;
}
#homePage #container #header #topSubNav #business_back a:hover {
	background-attachment: scroll;
	background-image: url(../images/business_back.png);
	background-repeat: repeat-x;
}
#homePage #container #header #topSubNav #security_back a:hover {
	background-attachment: scroll;
	background-image: url(../images/security_back.png);
	background-repeat: repeat-x;
}
#content.main {
	position:relative;
	width:755px;
	overflow:hidden;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
#about_contact_form input:focus.name {
	background-image: url(../images/about/name_form_bg_focus.png);
}

#about_contact_form input:hover.name {
	background-image: url(../images/about/name_form_bg_hover.png);	
}

#about_contact_form input.name {
	background-image: url(../images/about/name_form_bg.png);
}

about_contact_form input:focus.email {
	background-image: url(../images/about/email_form_bg_focus.png);
}

#about_contact_form input:hover.email {
	background-image: url(../images/about/email_form_bg_hover.png);	
}

#about_contact_form input.email {
	background-image: url(../images/about/email_form_bg.png);
}

about_contact_form input:focus.message {
	background-image: url(../images/about/message_form_bg_focus.png);
}

#about_contact_form input:hover.message {
	background-image: url(../images/about/message_form_bg_hover.png);	
}

#about_contact_form input.message {
	background-attachment: scroll;
	background-repeat: no-repeat;
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 130px;
	width: 445px;
	font-size: 1.4em;
	color: #000000;
	margin: 8px;
	text-align: left;
	vertical-align: text-bottom;
	overflow: hidden;
	visibility: visible;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: right;
	background-color: transparent;
	background-image: url(../images/about/message_form_bg.png);
}
#about_contact_form input.submit {
	background-image: url(../images/about/submit.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: transparent;
	height: 30px;
	width: 255px;
}
#about_container #go_back {
	position: relative;
	height: 50px;
	width: 200px;
	overflow: visible;
	z-index: 5;
	right: 0px;
	left: 587px;
	top: 60px;
	bottom: 0px;
}

#about_contact_form input:hover.submit {
	background-image: url(../images/about/submit_hover.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: transparent;
	height: 30px;
	width: 255px;
}
#about_container #black_out {
	background-attachment: scroll;
	background-image: url(../images/about/65_black.png);
	background-repeat: repeat;
	height: 600px;
	width: 1024px;
	position: relative;
	top: 43px;
	display: block;
	visibility: visible;
}
#message textarea {
	background-image: url(../images/about/message_form_bg.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#confirm   {
	background-image: url(images/wee.png);
	visibility: visible;
	background-attachment: scroll;
	background-repeat: repeat;
	position: absolute;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	z-index: 6;
	overflow: visible;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#content #confirm #centre_box {
	background-attachment: scroll;
	background-image: url(images/big_box_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
	width: 850px;
	z-index: 7;
	top: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
	margin-top: 250px;
	margin-right: auto;
	margin-left: auto;
}
#content #confirm #centre_box #thanks {
	margin: 50px;
}