* {
	margin : 0;
	padding : 0;
}

body {	
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : black;
	background : white url(../images/img_bg.gif) 0 0 repeat;
	text-align : center;
}

h1 {
	margin-bottom : 0.2em;
}

h2 {
	color : #973C00;
	font-size : 1.2em;
	margin-bottom : 0.4em;
}

h3 {
	font-size : 1em;
	color : #2D3B80;
	margin-bottom : 0.4em;
}

h4 {
	color : #8F0606;
	font-size : 1.3em;
	margin-bottom : 0.4em;
}

p {margin-bottom : 1em;}

ul {
	margin-bottom : 1em;
	list-style-type : none;
}

ul li {
	list-style-type : none;
	padding-left : 17px;
	background : transparent url(../images/img_arrowRed.gif) 0 2px no-repeat;
	margin-bottom : 1em;
}

.quick-links li {
	padding-left : 17px;
	background : transparent url(../images/img_arrowRed.gif) 0 2px no-repeat;
	margin-bottom : 0.2em;
}

input, textarea, select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : .9em;
}

a:link,
a:visited,
a:active,
a:hover {
	color : #8F0606;
	text-decoration : underline;
}

a:hover {text-decoration : none;}

img {border : 0;}

table {
	border : 1px solid #DBD9CC;
	padding : none;
	border-collapse : collapse;
}

td {
	border : 1px solid #DBD9CC;
	padding : 3px 10px;
	margin : 0;
}

th {
	border : 1px solid #DBD9CC;
	padding : 3px 10px;
	color : #2D3B80;
	margin : 0;
	vertical-align : top;
}

input.radio-button {
	border : 0;
	vertical-align : middle;
	background-color : transparent;
}

ul.quiz-options {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

ul.quiz-options li {
	list-style-type : none;
	margin-bottom : .8em;
	padding : 0 0 0 20px;
	background-image : none;
}

ul.quiz-options li input {
	margin-left : -20px;
}

.go {
	width : 50px;
	height : 16px;
	background : transparent url(../images/img_btn_go.gif) no-repeat;
	margin : 8px 0;
	border : 0;
}

.quiz {	
	width : 75px;
	height : 16px;
	background : transparent url(../images/img_btn_start.gif) no-repeat;
	margin : 8px 0;
	border : 0;
}

.retry {	
	width : 108px;
	height : 16px;
	background : transparent url(../images/img_btn_retry.gif) no-repeat;
	margin : 8px 0;
	border : 0;
}

.images {
	position : relative;
	clear : both;
}


/* Page wrapper
*******************************************************************/
#page-wrapper {
	text-align : left;
	margin : 0 auto;
	font-size : 0.8em;
	background : transparent url(../images/img_bgtile.gif) 0 0 repeat-y;
	width : 760px;
	position : relative;
}


/* Header
*******************************************************************/
#header {background : transparent url(../images/img_nav.jpg) 0 0 no-repeat;}


/* top-nav
*******************************************************************/
#top-nav {
	padding : 12px 0 0 5px;
	height : 41px;
	\height : 53px;
	he\ight : 41px;
}
#top-nav ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}
#top-nav ul li {
	list-style-type : none;
	margin : 0;
	padding : 0;
	float : left;
	background-image : none;
}

#top-nav ul li a {
	height : 28px;
	display : block;
}

#top-nav ul li a.top-nav-1 {background : transparent url(../images/nav_about.gif) 0 0 no-repeat; width : 90px;}
#top-nav ul li a.top-nav-2 {background : transparent url(../images/nav_cyberRules.gif) 0 0 no-repeat; width : 97px;}
#top-nav ul li a.top-nav-3 {background : transparent url(../images/nav_chat.gif) 0 0 no-repeat; width : 49px;}
#top-nav ul li a.top-nav-4 {background : transparent url(../images/nav_mobileRules.gif) 0 0 no-repeat; width : 102px;}
#top-nav ul li a.top-nav-5 {background : transparent url(../images/nav_cyberSurfing.gif) 0 0 no-repeat; width : 111px;}
#top-nav ul li a.top-nav-6 {background : transparent url(../images/nav_funSection.gif) 0 0 no-repeat; width : 95px;}
#top-nav ul li a.top-nav-7 {background : transparent url(../images/nav_coolSites.gif) 0 0 no-repeat; width : 82px;}
#top-nav ul li a.top-nav-8 {background : transparent url(../images/nav_forGrownUps.gif) 0 0 no-repeat; width : 123px;}
#top-nav ul li a:hover {background-position : 0 -28px;}

/* hide nav text from CSS version */
#top-nav ul li a span {display : none;}


/* cybersmart logo / header graphic
*******************************************************************/
#logo {
	clear : both;
	padding : 0 0 0 32px;
}
#logo img {display : block;}


/* tools panel
*******************************************************************/
#tools {
	position : absolute;
	right : 8px;
	top : 90px;
	padding : 0;
	margin : 0;
	width : 260px;
}
#tools ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}
#tools ul li {
	list-style-type : none;
	margin : 0;
	padding : 0;
	float : left;
	background-image : none;
}

#tools ul li a {
	height : 21px;
	display : block;
	margin-bottom : 8px;
}
#tools ul li a.tools-nav-1 {background : transparent url(../images/nav2_home.gif) 0 0 no-repeat; width : 41px;}
#tools ul li a.tools-nav-2 {background : transparent url(../images/nav2_nonEnglish.gif) 0 0 no-repeat; width : 133px;}
#tools ul li a.tools-nav-3 {background : transparent url(../images/nav2_contact.gif) 0 0 no-repeat; width : 65px;}
#tools ul li a:hover {background-position : 0 -21px;}

/* hide nav text from CSS version */
#tools ul li a span {display : none;}

#tools form {clear : both;}

#tools input#search-text {
	border :1px solid #AAA89C;
	background-color : #DBD9CC;
	padding : 0 0 0 3px;	
	vertical-align : top;
	width : 130px;
	height : 16px;
}

.no-bold{
	font-weight:normal;
}

#graffiti-wall-head {
	border : 0;
	width:335px;
}

#graffiti-wall {
	width:335px;
}


#graffiti-wall-head td {
	border : 0;
}

/* main body content
*******************************************************************/
#content {
	clear : both;
	padding : 0 32px 0 32px;
}

/* lefcol/nav styles */
#content #left-col {
	display : inline;
	width : 120px;
	float : left;
	margin-right : 24px;
	text-align : left;
}

#content #left-col li {
	padding-left : 17px;
	background : transparent url(../images/img_arrowRed.gif) 0 2px no-repeat;
	margin-bottom : 0.2em;
}

/* rightcol (main body content) styles*/
#content #right-col {
	display : inline;
	width : 542px;
	float : left;
	text-align : left;
}

/* wide version of right-col (left-col removed) */
#content #right-col.wide {
	width : 650px;
	margin-left : 30px;
}



ol {margin-left:25px;}

ol li {padding-bottom:12px;}




/* homepage panels left/right */
#content #hp-pane11 {
	border-right : 1px solid #C8BE81;
	float : left;
	width : 330px;
	\width : 350px;
	w\idth : 330px;
	padding-right : 20px;
	padding-top : 10px;
	margin-right : 20px;
}

#content #hp-pane12 {
	float : left;
	width : 224px;
	padding-top : 10px;
}
#content #hp-pane11 h2,
#content #hp-pane12 h2  {
	color : #973C00;
	font-size : 1.2em;
}


/*	footer
*******************************************************************/
#footer {
	font-size : 0.85em;
	background : transparent url(../images/img_footer.gif) 0 100% no-repeat;
	height : 108px;
	padding : 16px 0 5px 32px;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {color : black;}

#footer #acma {
	display: block;
	width: 230px;
	height: 108px;
	float: right;
}


/*	generic reuseable classes
******************************************************************/
.clear-hidden {
	line-height : 1px;
	font-size : 1px;
	margin : 0;
	padding : 0;
	clear : both;
}
.clear-both {clear : both;}
.paper-clip {
	position : absolute;
	right : 0;
}
.paper-clip-2 {
	position : absolute;
	right : 0;
	top : 188px;
	background : transparent url(../images/img_paperclip_content.gif) 0 0 no-repeat;
	width : 39px;
	height : 61px;
}

ul.check-list li {
	background : transparent url(../images/img_tick.gif) 0 0 no-repeat;
	padding : 10px 0 0 34px;
	/* make sure the tick is always shown */
	min-height : 1.4em;
}

* html ul.check-list li {
	/* hide from IE5 mac \*/
	height : 1.4em;
	/* end hide */
}