body {text-align:center}
#shadows {margin:0 auto; margin-top:5px}
#shadows2 {margin:0 auto}
#container {text-align:left}
body {background: url(http://s3.spanglefish.com/pb/black.gif)}
#container, #blogfloat, #menu ul ul {background: url(http://s3.spanglefish.com/cb/black-black.gif)}
/*===========================================*/

#p386636 #content a:hover { url(/documents/button 2.jpg);}

#btt {display: none;}

/*===========================================*/
/*menu background and menu text colour*/
#menu a, #blogfloat, #blogfloat a {background-color: black; color: #64ff00;}

#menu a {margin: 0px; border-top: -3px;}
#menu a:hover, #menu .on, #blogfloat a:hover {background-color: #f2a518;color: #000000;}

/* side columns*/
/*#container, #blogfloat {background: black;}*/

#content {background: #000000; color: #cccccc;} 
#content {line-height: 150%}

/* all links in the content area */ 
#content a:link {color: #d1a3c8;}
#content a:visited {color: #29acbc;} 
#content a:hover {color: green;} 
#content a:active {color: red;}
#content a:focus {color: blue;} 
#content {font-size:1.3em;} 

#backtotop {display: none;}

/*added to make admin text visible*/
#adminpagemenu ul li a, #adminpagemenu ul li a:visited, .adminbutton a {
color:blue !important; 
}
/*added to make admin text visible*/
#adminpagemenu ul li a:hover, .adminbutton a:hover {color:red !important;}

#msg {color:black;}

#loginbar a, #loginbar a:visited {color:white !important;}
#loginbar {background: black;}

.nHeadline {color:black;}
.link a {color:#999999 !important;}
.link a:hover {color:white !important;}
.gtitle {color:black;}


/* changes titles on Links page */
#linkspage b {background: black; color: white;}
#linkspage .link a {color: red;}

body {background: #000000 ;}

/*Dynamic Drive*/


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}





/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='JavaScript KitComprehensive JavaScript tutorials and over 400+ free scripts!'
pausecontent[1]='Coding ForumsWeb coding and development forums.'
pausecontent[2]='CSS DriveCategorized CSS gallery and examples.'

var pausecontent2=new Array()
pausecontent2[0]='News.com: Technology and business reports'
pausecontent2[1]='CNN: Headline and breaking news 24/7'
pausecontent2[2]='BBC News: UK and international news'





/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write(''+content[0]+''+content[1]+'')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}





