/* 	Children Online Protection Service (COPS) - copyright 2009 */

.clear{clear: both; height:1px; line-height:1px; width: 10px;}
.left{clear: left; height:1px; line-height:1px; width: 10px;}
.right{clear: right; height:1px; line-height:1px; width: 10px;}

body{
	background: #131313 url(images/bg-body.gif) repeat-x 0 0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

#main-outter{
	margin: auto;
	position: relative;
	background: url(images/bg-main-shadow.png) repeat-y 0 0;
	width: 899px;
}

#main-inner{
	position: relative;
	background: #efefef url(images/bg-main.gif) repeat-x 0 0;
	margin: 0;
	padding: 25px;
	width: 794px;
	text-align: left;
}


#footer{
	position: relative;
	display: block;
	font-size: 10px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
}

#footer a{
	color: #555;
}


/* left column */
#left-col{
	float: left;
	width: 500px;

}
.content{
	float: left;
	width: 543px;
	margin: 0 0 15px 0;
	border: 1px solid #2C2C2C;
	padding: 5px;
	background: #fff;
}

.content h1{
	display:block;
	font-variant:small-caps;
	font: 30px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	margin: 0;
	padding: 3px 10px;
	font-weight: normal;
}

.content h1#info{background: #747474 url(images/sub-head-icon-info.png) no-repeat 98% 4px;}
.content h1#questions{background: #747474 url(images/sub-head-icon-questions.png) no-repeat  98% 4px;}
.content h1#timeline{background: #747474 url(images/sub-head-icon-timeline.png) no-repeat  98% 4px;}
.content h1#video{background: #747474 url(images/sub-head-icon-videos.png) no-repeat 98% 4px;}
.content h1#form{background: #747474 url(images/sub-head-icon-form.png) no-repeat 98% 4px;}




.content p{
	font: 13px Georgia, "Times New Roman", Times, serif;
	margin: 15px;
}


#pscroller2{
	width: 460px;
	height: 50px;
	border: 1px solid white;
	padding: 10px;
	color: red;
	font-weight: bold;
}

#digg{
	float: right;
	margin: -10px 10px 0 0;
}

/*****************
  Timeline START
*****************/

#event-box-may-2007{
	position: absolute;
	top: 480px;
	left: 40px;
	width: 102px;
	height: 120px;
	background: url(images/bg-hover-event.gif) repeat 0 0;
}

#event-box-may-2007 div{display: none;}

div:hover#event-box-may-2007 div{
	display: block;
	position: absolute;
	border: 1px solid #555;
	padding: 15px;
	width: 300px;
	top: -15px;
	left: 103px;
	background: #fff;
}


#event-box-june-2007{
	position: absolute;
	top: 480px;
	left: 147px;
	width: 101px;
	height: 130px;
	background: url(images/bg-hover-event.gif) repeat 0 0;
}

div#event-box-june-2007 div{display: none;}

div:hover#event-box-june-2007 div{
	display: block;
	position: absolute;
	border: 1px solid #555;
	padding: 15px;
	width: 300px;
	top: -20px;
	left: 103px;
	background: #fff;
}

#event-box-july-2007{
	position: absolute;
	top: 480px;
	left: 255px;
	width: 102px;
	height: 155px;
	background: url(images/bg-hover-event.gif) repeat 0 0;
}


#event-box-july-2007 div{
	display: none;
}


div:hover#event-box-july-2007 div{
	display: block;
	position: absolute;
	border: 1px solid #555;
	padding: 15px;
	width: 300px;
	top: -20px;
	left: 103px;
	background: #fff;
}



#event-box-july-2008{
	position: absolute;
	top: 480px;
	left: 362px;
	width: 98px;
	height: 200px;
	background: url(images/bg-hover-event.gif) repeat 0 0;
}

#event-box-july-2008 div{
	display: none;
}


div:hover#event-box-july-2008 div{
	display: block;
	position: absolute;
	border: 1px solid #555;
	padding: 15px;
	width: 300px;
	top: -50px;
	left: 103px;
	background: #fff;
}


#event-box-feb-2009{
	position: absolute;
	top: 480px;
	left: 466px;
	width: 101px;
	height: 200px;
	background: url(images/bg-hover-event.gif) repeat 0 0;
}



#event-box-feb-2009 div{
	display: none;
}


div:hover#event-box-feb-2009 div{
	display: block;
	position: absolute;
	border: 1px solid #555;
	padding: 15px;
	width: 300px;
	top: -100px;
	left: 103px;
	background: #fff;
}




/*****************
  Timeline END
*****************/

#video-container a div{
	float: left;
	text-align: center;
	padding: 5px;
	margin: 4px;
	width: 250px;
	background: #e9e9e9;
	border: 1px solid #999;
	height: 250px;
	cursor: pointer;
}

#video-container > div{
	float: left;
	text-align: center;
	padding: 5px;
	margin: 4px;
	width: 250px;
	background: #e9e9e9;
	border: 1px solid #999;
	height: 250px;
}


/*****************
  Contact START
*****************/

.ag-contact{font-weight: bold;}


/*****************
  Contact END
*****************/



/* right column */

#right-col{
	float: right;
	width: 228px;
	margin: 0;
	padding:0;
}

.cta-button{
	float: right;
	width: 228px;
	height: 112px;
	margin: 0 0 15px 0;
}

a#caution{background: url(images/cta-caution-a.png) no-repeat 0 0;}
a:hover#caution{background: url(images/cta-caution-b.png) no-repeat 0 0;}

a#contact{background: url(images/cta-contact-a.png) no-repeat 0 0;}
a:hover#contact{background: url(images/cta-contact-b.png) no-repeat 0 0;}

a#back{background: url(images/cta-back-a.png) no-repeat 0 0;}
a:hover#back{background: url(images/cta-back-b.png) no-repeat 0 0;}


.round-box-rt-col{
	float: right;
	width: 228px;
	background: #ffffff url(images/bg-box-right-col.gif) repeat-x 0 0;
	margin-bottom: 15px;
}

.round-box-rt-col h1{
	font-variant: small-caps;
	color: #fff;
	font: 22px Arial, Helvetica, sans-serif;
	background: url(images/box-right-top.gif) no-repeat 0 0; 
	padding: 5px 10px;
	margin: 0;
}

.round-box-rt-col ul{
	margin: 0;
	padding: 20px;
	list-style: none;
	background: #fff url(images/bg-box-right-col.gif) repeat-x 0 0;
}

.round-box-rt-col ul li{
	padding: 0 0 10px 0;
}

#news{
	height: 500px;
	overflow-y: scroll;
}

a#sign-petition{
	padding: 5px;
	background: url(images/bg-sign-petition-button-a.gif) repeat-x 0 0;
	color: #fff;
	text-align: center;
	display: block;
	margin: 15px 5px 5px 5px;
	cursor: pointer;
	text-decoration: underline;
}

a:hover#sign-petition{	background: url(images/bg-sign-petition-button-b.gif) repeat-x 0 0;}