#myscroller {
position:relative; // mandatory
width:200px; height:150px; // set as required
background-color:#ffffff; // set as required
overflow:hidden; // mandatory
border:solid 1px; margin:5px; // optional
} 

.facebookimage {
position: absolute;
left: 0px;
top: 10000px;
}

td.top {
vertical-align : top;
}


body { 
font-family : Tahoma, Helvetica, sans-serif;
color : #F25E24;
font-size : 12px;
line-height: 17px;
margin: 0;
text-align: center;
} 

a { border:0; margin:0; border-collapse:collapse; }
p { border:1; margin:0; border-collapse:collapse; }

ul {
text-align: left;
wrap;
}

li {
text-align: left;
wrap;
}

p.midd {
height:470px;
}

p.midd11a {
height:330px;
}

p.midd12a {
height:470px;
}

p.left {
text-align: left;
wrap; 
}

p.left1 {
text-align: left;
vertical-align : top;
wrap; 
}

h2.left {
text-align: left;
}

h3.left {
text-align: left;
}

h3.left1 {
text-align: left;
vertical-align : top;
border:1; margin:0; border-collapse:collapse;
}
h3.left2 {
color: #FF0000;
text-align: left;
vertical-align : top;
border:1; margin:0; border-collapse:collapse;
}

table.center {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 430px;
}

table.center1 {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 900px;
background-image: url('images/bs4.jpg');
background-repeat: no-repeat;
}

table.center11 {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 900px;
background-image: url('images/bs41.jpg');
background-repeat: no-repeat;
}

table.center12 {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 900px;
background-image: url('images/bs42.jpg');
background-repeat: no-repeat;
}

table.center1a {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 980px;
}

tr.topper {
height: 140px;
}




table.center2 {
text-align: center;
margin-left:auto; 
margin-right:auto;
width: 900px;
background-image: url(images/bs5.jpg);
}

td.white {
border:0; 
margin:0; 
border-collapse:collapse;
}


td.whiteb {
color: #444444;
vertical-align: top;
border:0; 
margin:0; 
border-collapse:collapse;
}

td.whiteb1 {
color: #444444;
vertical-align: top;
border:0; 
margin:0; 
border-collapse:collapse;
}

td.whiteb2 {
color: #444444;
vertical-align: top;
border:0; 
margin:0; 
border-collapse:collapse;
width: 770px;
}

td.whiteb3 {
color: #444444;
text-align: left;
height: 90px;
border:0; 
margin:0; 
border-collapse:collapse;
}



h2 {
color: #0000FF;
}

#ready {
color: #0000FF;
}

#wrapper { 
width : 975px;
text-align:left;
margin : 0px auto 0 auto;
} 
#page {background-color: #FAF6E4;
} 
#masthead {
float:left; width:975px;
height: 138px;
background: url(images/masthead.png) no-repeat;}

#menulayer {
float:left; width:975px;
background-color: #b0b4b7;}

#navigation  {float:left; 
width: 215px;
margin: 0px;
}


#content {
float:left; width:975px;
background-color: #ffffff;
margin-top: 0px;
}

#left {
float:left; width:215px;
}

#middle {
margin-top: 0px;
float:left; width:475px;
}

#right {
margin-top: 0px;
float:left; width:265px;
margin-left: 20px;
}

#footer {
float:left; width:975px;
height: 253px;
background: url(images/foot1.png) no-repeat;}

/* elements */

.button {
margin: 5px;
font-size: 10px;
text-transform: uppercase;
}

.inputbox {
margin: 5px;
font-size: 11px;
width: 180px;
}

.pathway {
padding: 10px;
line-height: 30px;
font-size: 11px;
text-transform: uppercase;
}

.pathway a {
color: #000000;
}

.moduletable_footer {
text-align:center;
margin-top: 50px;
}

blockquote {
padding: 15px;
border: #f8981d solid 1px;
}

.moduletablerandom1 img {
border: #f8981d solid 2px;
margin-top:30px;
}

.componentheading {
font-size: 20px;

margin-bottom: 60px;

}

/* links  */

a {
color: #c54333;
text-decoration: none;
border:0; 
margin:0; 
border-collapse:collapse;
}

a:hover {
text-decoration: underline;
border:0; 
margin:0; 
border-collapse:collapse;
}

img {
border:0; 
margin:0; 
border-collapse:collapse;

}

.leading a {
color: #ffffff;
text-decoration: none;
font-size: 16px;
line-height: 20px;
}

.leading a:hover {
text-decoration: underline;
}

/* headers  */
h2.contentheading  {
font-family : Tahoma, sans-serif;
color : #FF0000;
font-size : 30px;
line-height: 40px;
margin-top:20px;
}


h2 {
font-family : Tahoma, sans-serif;
color : #FF0000;
font-size : 22px;
line-height: 24px;
font-weight: normal;
}



.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_supporters2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssnav img
{
width: 260px;
height: 38px;
border: 0
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 




.cssfax
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_fax2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssfax a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssfax img
{
width: 260px;
height: 38px;
border: 0
}

.cssfax a:hover img
{
visibility:hidden
}

.cssfax span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssphone
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_phone2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssphone a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssphone img
{
width: 260px;
height: 38px;
border: 0
}

.cssphone a:hover img
{
visibility:hidden
}

.cssphone span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssemail
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_email2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssemail a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssemail img
{
width: 260px;
height: 38px;
border: 0
}

.cssemail a:hover img
{
visibility:hidden
}

.cssemail span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssflickr
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_flickr2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssflickr a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssflickr img
{
width: 260px;
height: 38px;
border: 0
}

.cssflickr a:hover img
{
visibility:hidden
}

.cssflickr span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.csstwitter
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_twitter2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.csstwitter a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.csstwitter img
{
width: 260px;
height: 38px;
border: 0
}

.csstwitter a:hover img
{
visibility:hidden
}

.csstwitter span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssfacebook
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_facebook2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssfacebook a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssfacebook img
{
width: 260px;
height: 38px;
border: 0
}

.cssfacebook a:hover img
{
visibility:hidden
}

.cssfacebook span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssyoutube
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_youtube2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssyoutube a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssyoutube img
{
width: 260px;
height: 38px;
border: 0
}

.cssyoutube a:hover img
{
visibility:hidden
}

.cssyoutube span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssbanners
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_widgets2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 260px;
height: 38px;
margin: 0;
padding: 0;
}

.cssbanners a
{
display: block;
color: #000000;
font-size: 11px;
width: 260px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssbanners img
{
width: 260px;
height: 38px;
border: 0
}

.cssbanners a:hover img
{
visibility:hidden
}

.cssbanners span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssupdates
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_updates2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 308px;
height: 38px;
margin: 0;
padding: 0;
}

.cssupdates a
{
display: block;
color: #000000;
font-size: 11px;
width: 308px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssupdates img
{
width: 308px;
height: 38px;
border: 0
}

.cssupdates a:hover img
{
visibility:hidden
}

.cssupdates span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssevents
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_events2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 176px;
height: 38px;
margin: 0;
padding: 0;
}

.cssevents a
{
display: block;
color: #000000;
font-size: 11px;
width: 176px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.cssevents img
{
width: 176px;
height: 38px;
border: 0
}

.cssevents a:hover img
{
visibility:hidden
}

.cssevents span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.csspicsvideo
{
position: relative;
font-family: arial, helvetica, sans-serif;
background-image: url(images/but_picsvideo2.png);
background-repeat: no-repeat;
text-align: center;
white-space: nowrap;
display: block;
width: 308px;
height: 38px;
margin: 0;
padding: 0;
}

.csspicsvideos a
{
display: block;
color: #000000;
font-size: 11px;
width: 308px;
height: 38px;
display: block;
float: left;
text-decoration: none;
border: 0 0 0 0;
}

.csspicsvideo img
{
width: 308px;
height: 38px;
border: 0
}

.csspicsvideo a:hover img
{
visibility:hidden
}

.csspicsvideo span
{
position: absolute;
left: 105px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}