/*CSS Cyber Friendly

created by Christian Geyer - Interface Creation

completed:

http://www.interfacecreation.com
*/

@import url('reset.css');  

.fl-r {
	float:right;
}
.fl-l {
	float:left;
}
#mast-head .last {
	background-image:none;
}
.clear {
	clear:both;
}

.img-cont, .img-cont-parag {
	padding:20px;
	background-color:#fcfdfb;
	float:right;
	margin:25px 0px 20px 20px;
}

.img-cont-parag {
	margin:0px 0px 20px 20px;
}

/*==================== headings typography==================*/

h1 {
	height:50px;
}

h1 a{
	background-image: url(img/tagII.gif);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	height:50px;
	width:450px;
	margin:30px 0 0 0px;
	z-index:10;
	position:relative;
}	


#sh-tag {
	background-image: url(img/sh-tag.png);
	display:block;
	margin:-47px 0 0 30px;
	width:389px;
	height:44px;
	z-index:1;
}

#home h2 {
	margin:20px 0 2px 40px;
	padding: 0 0 3px 0;
	display:inline;
	float:left;
	width:660px;
	font-size:1.5em;
	font-weight:normal;
	position:relative;
	z-index:10;
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.6);
}

#art #header h2, #header h2 {
	margin: 5px 0 0 254px;
	float:left;
	font-size:1.5em;	
}

#art #header h2 {
	display:inline;
}

#hot-newsII p{
	font-size:0.75em;
	padding:5px; 
	line-height:1.5em;
}
#hot-news h3 {
	font-weight:normal;
	color:#db0004;
	padding:0 0 10px 7px;
	font-size:0.88em;
	font-weight:bold;
	width:100px;
	display:inline;
	float:left;
}

.cyberb h3, .knowledge h3, #a-kids h3, #f-agree h3, .cyber-fam li h3 {
	color:#db0004;
	font-weight:normal;
	font-size:1.13em;
	display:block;
	padding:10px 10px 20px 10px;
}

.knowledge h3 {
	height:30px;
}

#tips h5 {
	font-size:0.8em;
	padding:4px;
	display:block;
}

#art h5 {
	font-size:1em;
	background: url(img/bg-h5-cont.png) repeat;
	padding: 6px 0 6px 30px;
	margin:30px 0 0 0px;
}

#tips p {
	font-size:0.75em;
	line-height:1.4em;
	padding:3px;
}

#home #cont1 p {
	font-size:0.88em;
	width:700px;
	line-height:1.5em;
	padding:20px 0 30px 40px;
}

#furniture {
	font-size:0.75em;
	margin:5px 0 0 0;
	padding:0px 35px 0px 10px;
}

#sidebar h4 {
	margin:40px 0 0 0;
	padding:8px 0 8px 23px;
	font-size:0.85em;
	width:177px;
	background-color:#8bcb1a;
}

#art #cont p {
	clear:left;
	font-size:0.75em;
	line-height:1.7em;
	padding:0px 0 10px 0px;
}


#art #cont .par-img {
	clear:none;
	display:inline;
	float:right;
	width:300px;
}

h6, .head-faq-bor {
	display:block;
	clear:both;
	padding:0 0 10px 0;
	border-bottom: dotted #000 1px;
	margin:20px 0 20px 0;
	width:auto;
}

.head-nd, .head-faq {
	float:left;
	clear:both;
	display:inline;
	margin:0;
	padding:0 0 10px 0;
	border:none;
}

.head-faq, .head-faq-bor {
	font-size:0.88em;
}

.h6-II {
	padding:15px 0 10px 00px;
	font-size:0.88em;
	font-style:italic;
}

#cont1 #cont p.refer {
	font-size:0.66em;
	border:0;
	border-top:1px dotted #000;
	padding:10px 0 0 0;
	margin:15px 0 0 0;
}

/*==================== layout ==================*/


#stud-sec {
	width:300px;
	margin:0 0 30px 0;
}

#child {
	background: url(../images/law-mouse.gif) no-repeat center 149px #eee;
}

#law {
	background: url(../images/law-mouse.gif) no-repeat center 149px #eee;
}
#gloss {
	background: url(../images/book.gif) no-repeat center 150px  #eee;
}

.knowledge, .cyberb {
	float:left;
	padding:15px;
	overflow:hidden;
	background:#fff;
	margin: 10px 0 0 15px;
	width:25%;
}

.cyberb {
	width:600px;
}

.knowledge ul, .cyberb ul {
	background:#eee;
	height:260px;
	margin: 10px 0 0 0;
}

.cyberb ul {
	height:300px;
	width:250px;
}

.knowledge li, .cyberb li {
	padding:10px 5px 5px 10px;
}
.header {
	margin:30px 0 20px 0;
	border-bottom:1px dotted #000;
	overflow:hidden;
	height:auto !important;
	height:30px;
	
}

#dummy {
	height:30px;
	width:30px;
}


#main-links {
	float:left;
}
							
#main-links li {
	display:inline;
}

#main-links li a:link, #main-links li a:visited {
	background: url(img/arrow-up.gif) no-repeat left 10px;
	font-size:0.88em;
	padding:3px 3px 3px 25px;
	height:20px;
	margin:20px 0 0 120px;
	color:#000;
	text-decoration:none;
}

#main-links li a:hover {
	background:#db0004;
	color:#fff;
	padding:3px 3px 3px 25px;
}

#mast-head {
	height:179px;
	width:964px;
	margin:0 auto;
}

#main-nav {
	background: url(img/search.png) no-repeat left top;
	margin:52px 2px 0 0;
	height:46px;
	width:625px;
}

#top {
	background: url(img/main-pan-top.png) no-repeat left top;
	width:963px;
	height:61px;
	margin:5px auto 0 auto;
}

#sec #top, #art #top {
	background: url(img/main-pan-top-art.png) no-repeat left top;
}


#home #cont1 {
	height:450px;
}

#cont1, #cont-index {
	background: url(img/main-pan-mid.png) left top;
	width:963px;
	margin:0px auto 0 auto;
}

#sec #cont1, #art #cont1{
	background: url(img/main-pan-mid-art.png) left top;
	width:963px;
}


#cont2-bot {
	background: url(img/main-pan-botII.png) no-repeat left top;
	height:32px;
	width:963px;
	margin:0 auto 20px auto;
}

#sec #cont1-bot, #art #cont1-bot {
	background: url(img/main-pan-bot-art.png) no-repeat left top;
	height:32px;
	width:963px;
	margin:0 auto 20px auto;
}

#cont2 {
	background: url(img/main-pan-midII.png) left top;
	width:963px;
	height:380px;
	margin:0px auto 0px auto;
	z-index:1;
}

#cont2-bot {
	background: url(img/main-pan-botII.png) no-repeat left top;
	height:32px;
	width:963px;
	margin:0 auto 20px auto;
}

#cyb {
	width:265px;
	height:195px;
	margin:50px 0px 0 -20px;
	background: url(img/bg-cyb-li-l.gif) left top no-repeat;
}

#be-act {
	width:292px;
	height:335px;
	background: url(img/be-active.gif) left top no-repeat;
	position:relative; top:-20px; left:0;
	margin:0 0 0 0;
	padding:5px 0 0 20px;
}

#hot-news {
	clear:both;
	width:550px;
	height:90px;
	padding:10px 20px 20px 20px;
	background-color:#BFF067;
	margin:30px 0 0 30px;

}
#hot-newsII {
	padding:2px;
	background-color:#fff;
}
#news {
	position:relative;
	z-index:1;
	width:630px;
	margin:-15px 0 0 0px;
	padding:10px 0 0 0;
}
#newsl {
	position:relative;
	z-index:10;
	display:block;
	height:30px;
	width:200px;
}

#head-li {
	width:360px;
	margin:20px 0 0 0;
}

#tips {
	margin:0 0 10px 0px;
  
	background:#fff;
	width:350px;
}
#tel {
	padding:26px 0 0 20px;
}
#footer {
	margin:0px auto 0px auto;
	background: url(img/main-pan-foo.png) left top;
	width:964px;
	height:150px;
	position:relative;
	z-index:1;
			
}

#footer-bot {
	background: url(img/main-pan-foo-bot.png) left top;
	height:32px;
	width:964px;
	margin:0 auto 20px auto;
	z-index:10;
}	

#foo-top {
	background: url(img/main-pan-foo-top.png) left top;
	height:30px;
	width:964px;
	margin:0 auto 0px auto;
	clear:both;
}

#work {
	width:168px;
	height:106px;
	margin:0 0px 0px 30px;
}

#lat-news {
	height:25px;
}
#stud {
	margin:35px 20px 0 60px;
	width:230px;
	height:190px;
	display:inline;
	float:left;
}
#fam {
	margin:35px 80px 0 40px;
	width:240px;
	height:190px;
	display:inline;
	float:left;
}

#breadcrumbs {
	width:400px;
	margin:20px 0 0 255px;
	font-size:0.63em;
	padding:3px;
	display:inline;
}

#header {
	min-height:36px;
	margin:0 2px;
	background: url(img/bg-header-art.png) repeat;
}

#sidebar { 
	min-height:400px;
	float:left;
	display:inline;
	width:201px;
	margin:0 0 0 2px;
	background: url(img/bg-sidebar.png) repeat-x;
}

#cont {
	width:735px;
	margin:15px 0 0 0;
	min-height:400px;
	display:inline;
	float:right;
}

#art #cont {
	width:645px;
	margin:15px 0 0 0;
	padding:15px 60px 20px 0px;
	display:inline;
	float:right;
}

#a-kids {
	float:left;
	padding:10px 20px 20px 20px;
	display:inline;
	margin:10px 5px 20px 13px;
	background:#fff;
}


#family_list {

}

#f-agree {
	float:right;
	margin:10px 40px 0 10px;
	padding:10px 20px 20px 20px;
	background:#fff;
	overflow:hidden;
	display:inline;
}

 #a-kids img, .knowledge li img {
	border:3px solid #fff;
	margin:15px 0 10px 0;	
}
.knowledge ul img {
	position:relative;
	bottom:0;
	left:0;
}

#agree-li img {
	width:170px;
	margin:0 -10px -17px 0px;
	display:block;
}

/*==================== hyperlinks ==================*/

#art #cont a#login:link,  a#login:visited {
	clear:both;
	display:block;
	background:#db0004;
	overflow:hidden;
	padding:8px;
	width:600px;
	color:#fff;
	text-align:center;
}

#art #cont a#login:hover {
	background:#fff;
	color:#db0004;
	text-decoration:none;
}

#navigation ul li a:link, #navigation ul li a:visited{
	text-decoration:none;
	color:#000;
	
}

#cyber_sep ul li a:link, #cyber_sep ul li a:visited {
	display: block;
	height:13px;
	padding:4px 4px 4px 0px !important;
}
#cyber_sep ul li a:hover {
	padding:4px 4px 4px 0px !important;
	width:628px;
}

#navigation ul li a:hover {
	padding:4px 4px 4px 3px;
	background:#fff;
	color:#db0004;
}


#navigation_sep li a:link, #navigation_sep li a:visited{
	text-decoration:none;
	color:#000;
	
}

#navigation_sep li a:hover {
	padding:4px 4px 4px 3px;
	background:#fff;
	color:#db0004;
}

.top {
	float:right;
	margin:0 0 5px 0;
}

#art #cont a:link, #art #cont a:visited {
	color:#db0004;
	text-decoration:none;
}
#art #cont a:hover {
	text-decoration:underline;
}

#mast-head #logo {
	margin:35px 0 0 3px;
	background: url(img/logoII.png) no-repeat;
	height:117px;
	width:100px;
	display:block;
}

#top a:link, #top a:visited, #sec #top a:link, #sec #top a:visited  {
	background: url(img/rep-bul-art.png) no-repeat left center;
	width:208px;
	text-decoration:none;
	color:#fff;
	font-size:0.75em;
	float:right;
	margin:2px -22px 0 0;
	padding:9px 0 10px 45px;
}

#top a:hover, #sec #top a:hover {
	color:#ff3;
}

a#newsl:link, a#newsl:visited {
	background: url(img/news.png) no-repeat left top;
	font-size:0.88em;
	height:30px;
	width:217px;
	color:#000;
	text-decoration:none;
	margin:-30px 0 0 -13px;
	padding:25px 0 0 70px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

a#newsl:hover {
	color:#fff;
}

#be-act a:link, #be-act a:visited {
	font-style:italic; 
	padding:0;
	color:#000;
	font-size:15px;
	background-image:none;
	text-decoration:none;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

#be-act a:hover {
	color:#fff;
}

#head-li h4 a:link, #head-li h4 a:visited {
	background: url(img/arr-d.png) no-repeat 0px 1px;
	display:block;
	font-size:0.88em;
	color:#db0004;
	margin:0 0 10px 0;
	text-decoration:none;
	padding:0px 0 0 30px;
}

#head-li h4 a:hover {
	color:#88cb18;
}

#head-li-ex a:link, #head-li-ex a:visited {
	background: url(img/arr-r.png) no-repeat 0px 3px;
	font-size:0.88em;
	font-weight:bold;
	color:#db0004;
	text-decoration:none;
	padding:0 0 0 30px;
}

#head-li-ex a:hover {
	color:#88cb18;
}

#tips a:link, #tips a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a#twitter:link, a#twitter:visited {
	background: url(img/twitter.png) no-repeat right center;
	height:27px;
	width:27px;
	float:left;
	
}

a#feed:link, a#feed:visited {
	background: url(img/rss.gif) no-repeat right center;
	height:27px;
	width:27px;
	float:left;
	margin:-5px	 10px 0px 10px ;
	
}

#work a:link, #work a:visited {
	margin:0 0 0 5px;
	background-color:#8bcb1a;
	display:block;
	height:70px;
	width:125px;
	color:#000;
	padding:3px 0 3px 2px;
	text-align:center;
	font-size:0.75em;
	text-decoration:none;
	position:relative;
	z-index:10;
}

#work a:hover {
	color:#fff;
}


#work a img {
	border:2px solid #8bcb1a;
	z-index:1;
	position:relative;
	height:50px;
	width:120px;
	display:block;
	padding:5px 0 0 0;
}


/*============================================================================== Navigation/Lists===================================================*/

.knowledge li a:link, .knowledge li a:visited, .cyberb li a:link, .cyberb li a:visited {
	font-size:0.75em;
	text-decoration:none;
	color:#000;
	width:120px;

}

.knowledge li a:hover, .cyberb li a:hover {
		padding:3px 0px;
	background:#fff;
	color:#db0004;
}


.cont-li ul li {
	list-style:square;
	background:none;
	padding:0;
	font-weight:normal;
	margin:10px 0 0 15px;
}

#art #cont .sec-header {
	font-size:0.88em;
	line-height:1.5em;
	padding:0;
}

#cont .head-li {
	list-style:none;
	font-weight:bold;
	margin:0;
}

.text-nc {
	background-color:#eeeeee;
	overflow:hidden;
	margin:0;
}

.text-c dt, .text-c dd, .text-nc dt, .text-nc dd {
	padding:0;
	margin:5px 0 5px 40px;
	width:200px;
}

.text-c {
	background-color:#C1DF7B;
	overflow:hidden;
	margin:0;
}

dl {
	clear:both;
	font-size:0.75em;
	line-height:1.5em;
	margin:10px 0 10px 0;
	overflow:hidden;
}

dt {
	float:left;
	display:inline;
	padding: 0 10px 0 0;
	width:130px;
	font-weight:bold;

}

dd {
	float:right;
	display:inline;
	width:450px;
	margin:0 0 15px 0;
}

.cont-refer {
	font-size:0.75em;
	line-height:1.4em;
	margin:10px 0 0 0;
	padding:0 0 0 30px;
}

.cont-refer li {
	padding:10px 0 0 0;
}


.multi-col {
	margin:10px 0 30px 20px;
	width:700px;
	font-size:0.75em;
	line-height:1.5em;	
	overflow:hidden;
}

.multi-col li {
	float:left;
	width:300px;
	background: url(img/blt-multi-c.gif) no-repeat left 9px;
	padding: 0 0 0 15px;
}

.com-li {
	padding:0 0 0 30px;
	font-size:0.75em;
}

.com-li li {
	padding:5px 0 0 0;
	line-height:1.4em;
}

#art #cont .com-li {
	border:none;
	margin:10px 0 0 0px;
	list-style:none;
}

.quest {
	font-size:0.88em;
 	margin:20px 0 0 0;
	line-height:1.5em;
}

.quest li {
	padding:0 0 20px 20px;
	margin:0 0 0 10px;
	background: url(img/blt-cont-li.gif) no-repeat left 7px;
	font-weight:bold;
}

.quest ul {
	/*border-top:2px solid #8bcb1a;*/
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	list-style-type:square;
	
}
.quest ul li {
	font-weight:normal;
	padding: 0 10px 0 10px;
	margin:5px 0 0 5px;
	font-size:.88em;
	background:none;
}

.cont-li-w, .cont-li-wrb {
	background-color:#fcfdfb;
	clear:both;
	width:608px;
	padding:10px 20px 10px 10px;
	margin:25px 0 30px 0 ;
}

.cont-li-wrb {
	border:2px double #DB0004;
}

.cont-li-w li, .cont-li-wrb li {
	font-size:0.75em;
	margin:0 0 0 17px;
	padding:5px 5px 15px 5px;
	line-height:1.4em;
	color:#444;
}


.cont-li-bs {
	clear:both;
	margin:10px 0 10px 0;
	width:580px;
}

.cont-li-bs li {
	padding:0 0 0px 10px;
	margin:0 0 10px 45px;
	font-size:0.75em;
	line-height:1.4em;
	list-style:square;

}

.cont-li {
	float:left;
	display:inline;
	width:260px;
	font-size:0.75em;
	font-weight:bold;
	margin:10px 0 30px 00px;
	line-height:1.4em;
}
.cont-li li {
	background: url(img/blt-cont-li.gif) no-repeat left 5px;
	padding: 0 0 0 20px;
	margin:15px 0 0 0;
	width:250px;
}

.cont-li-II {
	float:left;
	display:inline;
	width:600px;
	font-size:0.75em;
	font-weight:bold;
	margin:10px 0 20px 10px;
	line-height:1.4em;
}
.cont-li-II li {
	background: url(img/blt-cont-li.gif) no-repeat left 5px;
	padding: 0 0 0 20px;
	margin:15px 0 15px 0;
}

#top-nav {
	margin:5px -5px -3px 0px;
	padding:10px 0 0 10px;
	height:25px;
}

#top-nav li, #main-nav li {
	background: url(img/slash.png) no-repeat right center;
	font-weight:bold;
	font-size:0.8em;
	float:left;
	display:inline;
	padding:7px 20px 0 2px;
}

#top-nav a:link, #top-nav a:visited {
	color:#000;
	font-size:1em;
	margin:0 0 10px 0;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

#top-nav a:hover {
	color:#DB0004;
}

#main-nav ul {
	margin:17px 0 0 30px;
}

#main-nav li {
	font-size:0.88em;
	padding:0 40px 0 25px;
} 

#main-nav li a:link, #main-nav li a:visited {
	color:#000;
	text-decoration:none;
}

#main-nav li a:hover {
	position:relative;
	border-bottom:3px solid #db0004;
}

#cyb-main {
	background: url(img/bg-cyb-li-r.gif) no-repeat right top;
	height:195px;
}

#cyb-main li{
	padding:5px 0 0 60px;
}

#cyb-main a:link, #cyb-main a:visited {
	color:#000;
	font-size:0.88em;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

#cyb-main a:hover {
	color:#fff;
}

#cyb-nest {
	margin:12px 0 0 -60px;
	background: url(img/bg-li-cyb.png) no-repeat left top;
	overflow:hidden;
	padding: 0 0 12px 0;
}

#cyb-nest li{
	margin:5px 0 0 0px;
	display:table-cell;
	height:15px;
	display:inline;
	width:200px;
	font-size:0.85em;
	width:200px;
	display:inline;
	float:left;
}

#cyb-nest li a:link, #cyb-nest li a:visited {
	padding:3px;
	font-weight:normal;
	font-size:0.88em;
	text-decoration:none;
	float:left;
	width:150px;
	color:#000;
}

#cyb-nest li a:hover {
	color:#fff;
	background-color:#8bcb1a;
}

#be-act ul {
	background-color:#fff;
	height:290px;
	width:265px;
	margin:8px 0 0 -20px;
	padding:20px 0 0 0;
}

#be-act ul li {
	display:table-cell;
	display:inline;
	width:190px;
	font-size:0.85em;
	float:left;
	margin:7px 0 0 33px;
	background-color:#ccc;

}
#be-act ul li a:link, #be-act ul li a:visited {
	background-color:#eee;
	font-size:0.88em;
	font-weight:bold;
	width:190px;
	display:block;
	height:15px;
	padding:6px;
}
#be-act ul li a:hover {
	background-color:#8bcb1a;
}
#head-li-ex li {
	padding:10px 0 0 0;
}

.cb {
	min-height:100px;
	width:122px;
	background: url(img/div-vert.gif) repeat-y left top;
	float:left;
	padding:0 0 0 20px;
}

#mor-chprc {
	font-size:01em;
	font-weight:bold;
	padding:3px 0 10px 0;
}

.cb li  {
	font-size:0.75em;
	margin:0 0 0px 0;
	font-weight:bold;
	display:block;
	color:#000;
}

.cb ul {
	margin:10px 0 0 0;
}

.cb ul li a:link, .cb ul li a:visited {
	color:#000;
	padding:5px 0 5px 4px;
	font-weight:normal;
	margin:0 0 3px 0;
	display:block;
	text-decoration:none;
	font-size:0.95em;
}

#be-act #thumb {
	background-color: #fff;
	height:140px;
	width:197px	;
	padding:5px 3px 0 0;

}

#sidebar ul {
	margin:0 0 0px -17px;

}

#sidebar ul li {
	padding:5px;
	border:0;
	background: url(img/divider-hor.gif) no-repeat 38px bottom;
	margin:-5px 0 0px 0;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	display:block;
	width:190px;
	height:25px;
	color:#000;
	text-decoration:none;
	margin:-5px 0 0 0;
	padding:15px 0 2px 35px;
	font-size:0.75em;
}

.active a {
	background: url(img/hover.png) no-repeat left top !important;
	color:#fff !important;
	z-index:10;
}

#cont1 #sidebar ul li a:hover{
	color:#DB0004;
	background: url(img/arr-r.gif) no-repeat 10px 15px;
	cursor:pointer;
}


#sidebar ul li ul{
	margin:0 0 0 -5px;
}

#sidebar ul li ul li {
	margin:-20px 0 -13px 0;
	border:0;
	background:none;
}

#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited {
	font-size:0.75em;
	display:table-cell;
	display:block;
	width:160px;
	color:#000;
	padding:15px 0 2px 60px;
}
#sidebar ul li ul li a:hover {
	color:#fff;
}

#sec #rel-info, #art #rel-info {
	clear:both;
	margin:0px 0 0 0;
	width:190px;
}

#sec #rel-info li, #art #rel-info li {
	font-size:0.75em;
	background:none;
	background-color:#cbe686;
	width:190px;
}

#sec #rel-info li a:link, #sec #rel-info li a:visited, #art #rel-info li a:link, #art #rel-info li a:visited {
	height:20px;
	font-size:0.88em;
	width:170px;
	color:#000;
	padding-left: 25px;
	text-decoration:none;
}
#sec #rel-info li a:hover, #art #rel-info li a:hover {
	color:#000;
	text-decoration:underline;
	background:none !important;
}

a#tv-li {
	display:block;
	height:80px;
	width:120px;
	padding:20px 0 0px 30px;
}

#a-kids ul {
	display:inline;
	float:left;
	background-color:#eee;
	overflow:hidden;
	width:160px;
	height:272px;
	padding:0 0 0 15px;

}


#a-kids ul li, #f-agree ul li {
	padding:14px 0 0 0px;
	margin:0 0 0 0px;
	font-size:0.75em;


}

#f-agree ul li {
	width: 160px;
}

#f-agree ul {
	display:inline;
	float:left;
	background-color:#eee;
	overflow:hidden;
	width:180px;
	height:272px;
	padding:0 0 0 15px;
}

#f-agree ul li a:link, #f-agree ul li a:visited {
	margin:-10px 0 0 0;
	height:23px;
	font-size:0.75em;
}

 
#a-kids ul li a:link, #a-kids ul li a:visited, #f-agree ul li a:link, #f-agree ul li a:visited {
	color:#000;
	margin:3px 3px 3px 0;
	text-decoration:none;
	font-size:0.88em;
}


#a-kids ul li a:hover, #f-agree ul li a:hover {
	background-color:#fff;
	color:#Db0008;
	overflow:hidden;
}

#agree-li {
	margin:0 0 0 20px;
	height:260px;
	width:148px;
	padding:0 15px 0 0;
}

.cyber-fam {
	clear:left;
	padding:3px 0 0 0;
	margin:0 0 10px 13px;
	width:681px;
	background-color:#fff;
	overflow:hidden;
}

#f-agree #agree-li li a {
	padding:0px;
	margin:0 0 0 5px;
	font-size:0.75em;
}

.cyber-fam li {
	float:left;
	display:inline;
	margin:0 60px 0 0 ;

}
.cyber-fam li a:link, .cyber-fam li a:visited {
	margin: 0 15px 0 0;
}

.cyber-fam li a:hover{
	border-bottom:3px solid #db0004;
	padding:0 0 1px 0;
	position:relative;
}

/*===================================================================================== Search Form ====================================================================*/

#searchform {

	width:250px;
	margin:0 0 0 20px;

}

#main-nav form {
	margin:12px 30px 0 0;
	display:inline;
	float:right;
}
#searchform input {
	border:0;
	font-size:0.75em;
	margin:1px 0 0 0px;
	padding:3px;
	color:#666;
	font-weight:bold;
	width:200px;
}
.btn {
	border:none;
	background-color:#fff;
	font-size:0.9em;
	font-weight:bold;
	cursor:pointer;
	
}

/*==================== Newsticker==================*/
.newsticker-jcarousellite ul li{ margin-top:0px;}

/*==================== Accordion ==================*/
#accordion {

	margin:0 20px 0 0px;
}

.basic  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.basic div {
	background-color: #eee;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}
#navigation	 {
	margin:0 0 0 12px;
	padding:0px;
	text-indent:0px;
	width:680px;
}
#navigation a.head {
	cursor:pointer;
	color:#000;
	display:block;
	margin:0px;
	height:15px;
	font-size:0.88em;
	padding:15px 15px 15px 65px;
	text-indent:14px;
	text-decoration: none;
}


#navigation a.head:hover {
	color:#f00;
	background-color:#f1efef;
}

#navigation ul {
	border-width:0px;
	background-color:#eee;
	margin:10px;
	padding:10px;
	text-indent:0px;
	overflow:hidden;
}
#navigation li {
	list-style:none outside none; 
	margin:10px 0;


}
.selected li a:link, .selected li a:visited {
	color:#000000;
	padding:4px 3px;
	display:block;
	text-decoration: none;
}
.selected li a:hover {
	background-color:#ffffff;
	padding:4px 4px 4px 3px;
	color:#FF0000;
}

#selected ul {
	background-color:#fff;
}

#gaming a.head {
	background: #fff url(img/gaming.gif) no-repeat 10px 5px;
}
#internet a.head {
	background: #fff url(img/internet.gif) no-repeat 10px 5px;
}

.selected {
	background-color:#fff;
	padding:0 0 5px 0;
}
#sns a.head {
	background: #fff url(img/sns.gif) no-repeat 10px 5px;
}
#mobile a.head {
	background: #fff url(img/mobile.gif) no-repeat 10px 5px;

}
#mobile h3, #cyber_sep h3 {
	background: #fff url(img/mobile.gif) no-repeat 10px 5px;
	display:block;
	height:40px;
	font-weight:normal;
	font-size:0.88em;
	padding:15px 0 0px 79px;
	margin:0 0 -11px 0;
}
#video a.head {
	background: #fff url(img/video.gif) no-repeat 10px 5px;
}
#file a.head {
	background: #fff url(img/file.gif) no-repeat 10px 5px;
}

#mobile li, #gaming li, #cyber_sep li {
	font-size:0.75em;
	display:block;
}

#navigation ul li {
	font-size:0.75em;
	padding:4px;
}

#mobile, #cyber_sep {
	background-color:#fff;
}

#cyber_sep {
	padding-bottom:5px;
	width:681px;
	margin-left:1px!important;
}

#more-li {
	margin:0px;
	font-size:0.88em;
	padding:5px 15px 5px 15px;
	background-color:#fff;

}

#more-li a {
	margin:0 20px 0 0;
	border:0;
	text-decoration:none;
}


/*============================================================================== tables===================================================*/

.tab_law {
	width:625px;
	font-size:0.75em;
	margin:20px 0 40px 0;
	border-bottom:6px solid #C1DF7B;
}

.tab_law td, .tab_law th {
	padding:15px 10px 15px 10px;
	text-align:left;
}


th {
	background:#C1DF7B;
	letter-spacing:2px;
	padding:10px 10px 10px 10px;
}

td {
	border-top:2px solid #C1DF7B;
	background:#eee;
	line-height:1.3em;
}

td.alt, .alt-state  {
	background:#dbdbdb;

}

.state, .alt-state {
	font-weight:bold;
	
}


/*============================================================================== comment ===================================================*/


#comment form {
	padding: 20px 0 0 0;
	overflow:hidden;
	height:500px;
	width:500px;
	display:block;
}

#comment legend {
	position:relative;
	top:-30px;
	left:0;
	background:#db0004;
	padding:5px 200px 5px 30px;
	margin:0px 0 0 10px;
	color:#fff;
	letter-spacing:1.5px;
	
	font-size:0.88em;
}
#comment fieldset {
	background: #BFF067;
	padding:20px;
	margin:20px 0 0 0;
}

#comment input, #comment textarea {
	border:1px solid #fff;
	color:#283B08;
	padding:5px;
}

#comment input:focus, #comment input:focus, #comment textarea:focus {
	border:1px #db0004 solid;
} 

#comment dl {
	width:410px;
	margin:0 0 10px 40px;
}

#comment dt {
	float:left;
	color:#283B08;
	width:100px;

}
form #submit_com {
	background:#8bcb1a;
	position:relative;
	top:-20px;
	left:30px;
	font-size:0.75em;
	font-weight:bold;
	border:none !important; /* for IE7 */
	cursor:pointer;
	color:#fff;

}

#submit_com[type="submit"]:hover{
	background:#db0004;
	color:#fff;
}

#comment dd {
	float:left;
	width:250px;
	
}	

/*============================================= Newsletter Form ================================*/

#news-form {
	background:#BFF067;
	height:75px;
	width:250px;
	margin:0 0 0 35px;
	padding:5px;
}

#news-form h5 {
	background:#db0004;
	color:#fff;
	font-weight:normal;
	font-size:0.75em;
	margin:5px 0px 10px 0px;
	text-align:center;
	padding:5px;
}

#submit {
	position:relative;
	top:10px;
	left:-10px;
	border:none;
	background:#8BCB1A;
	width:160px;
	text-align:center;
	padding:2px;
	color:#fff;
	margin:0 0 0 10px;
	cursor:pointer;
}

#submit[type="submit"]:hover{
	background:#db0004 ;
	color:#fff;
}

#email, #name {
	color:#283B08;
	width:110px;
	font-size:0.66em;
	border: 1px solid #fff;
	padding:5px;


}
#news-form input:focus, #news-form input:focus {
	border:1px #db0004 solid;
}

/*============================================= Sponsor ================================*/

#cobrand {
	text-align:right;
	padding:0 20px 0 0;
	width:963px;
	margin:0px auto 0 auto;
}
#cobrand img {
	float:right;
}
#telstra {
	float:right;
	margin:0 25px 0 0;
}