/*RULES FOR ALL ELEMENTS*/


/*UNIVERSAL OVERRIDE*/
* {
margin : 0;
padding : 0;
}

/*BODY RULES GENERAL*/
body {
width : 100%;
font-size : 80%;
font-family : "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
margin : auto;
background-repeat : repeat-x;
background-repeat : repeat-y;
background-attachment : scroll;
border-style : none;
line-height : 150%;
}
/*BODY RULES BIG PAGES*/
#mikko {
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
width : 100%;
border : none;
background : url(img/miikobg3.jpg);

background-position : left top;
background-attachment : scroll;
border-style : none;
}

#mikko2 {
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
width : 100%;
border : none;
background : url(img/bg5.gif);
background-repeat : repeat-x;
background-repeat : repeat-y;
background-position : left top;
background-attachment : scroll;
border-style : none;
}
/*BODY RULES SMALL PAGES*/
#mikko2 {
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
width : 100%;
border : none;
background-repeat : repeat-x;
background-repeat : repeat-y;
background-position : left top;
background-attachment : scroll;
border-style : none;
}
/*THE CONTAINER OF EVERYTHING THAT IS DISPLAYED APART FROM THE BACKGROUND*/
#container {
width : 965px;
height : 2000px;
margin-top : 3px;
margin-right : auto;
margin-bottom : 10px;
margin-left : auto;
background : url(img/);
background-repeat : repeat-x;
background-repeat : repeat-y;
}
/*GENERAL RULES*/
p {
font-size : 100%;
line-height : 130%;
margin-top : 10px;
padding-right : 30px;
margin-bottom : 0;
color : #3e4244;
}
p2 {
font-size : 80%;
line-height : 130%;
margin-top : 10px;
padding-right : 30px;
margin-bottom : 0;
color : #3e4244;
}
p3 {
font-size : 100%;
line-height : 130%;
margin-top : 20px;
padding-right : 30px;
margin-bottom : 0;
color : #3e4244;
}

#dropcap:first-letter { 
width:15px;font:20px "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Swiss,SunSans-Regular, sans-serif;line-height:20px;}

a {
text-decoration : none;
outline : none;
border : none;
color : #841526;
}
img {
border : none;
}
h1 {
font-size : 110%;
color : #485a10;
margin-top : 10px;
padding-top : 20px;
padding-left : 230px;
margin-bottom : 10px;
border-width : 1px;
border-bottom-style : none;
display : none;
}
h2 {
font-size : 130%;
color : #485a10;
margin-top : 10px;
padding-top : 20px;
padding-left : 230px;
margin-bottom : 10px;
border-width : 1px;
border-bottom-style : none;
}
h3 {
font-size : 110%;
color : #485a10;
margin-top : 10px;
padding-top : 20px;
margin-left : -55px;
margin-bottom : 10px;
border-width : 1px;
border-bottom-style : none;
}
h4 {
font-size : 80%;
line-height : 130%;
margin-top : 10px;
margin-bottom : 0;
color : #3e4244;
padding-left : 0;
}
h5 {
font-size : 100%;
line-height : 130%;
margin-top : 10px;
margin-bottom : 0;
color : #3e4244;
font-weight : normal;
padding-left : 0;
margin-right : 40px;
}
h1.dropcap:first-letter {
width : 15px;
font : 30px "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height : 20px;
padding-left : 50px;
margin-left : 20px;
}
p.dropcap:first-letter {
width : 15px;
font : 18px "Lucida Grande", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height : 25px;
color : #3e4244;
}
ol {
padding-left : 20px;
padding-right : 30px;
margin-top : 20px;
}
ul {
margin-top : 30px;
margin-left : 20px;
margin-bottom : 30px;
}
li {
font-size : 100%;
line-height : 130%;
margin-top : 10px;
margin-bottom : 0;
color : #3e4244;
list-style-position : outside;
margin-left : 200px;
padding-right : 60px;
}

.ps li {
font-size : 100%;
line-height : 130%;
margin-top : 10px;
margin-bottom : 0;
color : #3e4244;
list-style-position : outside;
margin-left : 0;
padding-right : 30px;
}
.ps {
margin-left : 30px;
}
span {
font-size : 1.1em;
color : #5163b2;
font-weight : bold;
}

/*SIDEBAR RULES*/

/*SIDEBAR BIG PAGES*/
.buddha {
margin-left : 13px;
margin-top : -10px;
width : 180px;
height : 1505px;
}
#kokemukset {z-index:3500;position:absolute;margin-left:519px;margin-top:635px;z-index:8000}



/*SIDEBAR SMALL PAGES*/

.buddha2 {
margin-left : 13px;
margin-top : -10px;
width : 180px;
height : 1140px;
}

.buddha2a {
margin-left : 13px;
margin-top : -10px;
width : 180px;
height : 1140px;
}
.buddha2b {
margin-left : 13px;
margin-top : -10px;
width : 180px;
height : 1140px;
}
.buddha5 {
margin-left : 13px;
margin-top : -20px;
width : 180px;
height : 1024px;
}
/*SIDEBAR TULKINTA*/
.buddha3 {
margin-left : 13px;
margin-top : -7px;
width : 180px;
height : 1505px;
}
/*SIDEBAR KURSSIT*/
.buddha4 {
margin-left : 13px;
margin-top : -11px;
width : 180px;
height : 1505px;
}

.buddha4a {
position : absolute;
margin-left : 13px;
margin-top : -11px;
width : 180px;
height : 1505px;
}
/*SIDEBAR ALL PAGES ENGLSIH, FINNISH, PRINT, RSS, FACEBOOK, TWITTER & LINKEDIN*/
#tulosta {
position : absolute;
margin-top : 1308px;
margin-left : 31px;
width : 140px;
z-index : 3000;
}
#rss {
position : absolute;
margin-top : 1363px;
margin-left : 31px;
width : 140px;
z-index : 3000;
}

#suomeksi2 {
position : absolute;
margin-top : 1164px;
margin-left : 30px;
width : 35px;
z-index : 3000;
}
#english2 {
position : absolute;
margin-top : 1165px;
margin-left : 69px;
width : 35px;
z-index : 3000;
}
#tulosta2 {
position : absolute;
margin-top : 1248px;
margin-left : 23px;
width : 140px;
z-index : 3000;
}
#rss2 {
position : absolute;
margin-top : 1283px;
margin-left : 25px;
width : 140px;
z-index : 3000;
}
#twitter2 {
position : absolute;
margin-top : 1197px;
margin-left : 73px;
width : 50px;
z-index : 3000;
}
#facebook2 {
position : absolute;
margin-top : 1199px;
margin-left : 26px;
width : 48px;
z-index : 3000;
}
#linked2 {
position : absolute;
margin-top : 1199px;
margin-left : 126px;
width : 48px;
z-index : 3000;
}

#tulosta4 {
position : absolute;
margin-top : 1268px;
margin-left : 23px;
width : 140px;
z-index : 3000;
}
#rss4 {
position : absolute;
margin-top : 1303px;
margin-left : 25px;
width : 140px;
z-index : 3000;
}
#twitter4 {
position : absolute;
margin-top : 1217px;
margin-left : 73px;
width : 50px;
z-index : 3000;
}
#facebook4 {
position : absolute;
margin-top : 1219px;
margin-left : 26px;
width : 48px;
z-index : 3000;
}
#linked4 {
position : absolute;
margin-top : 1219px;
margin-left : 126px;
width : 48px;
z-index : 3000;
}

#twitter {
position : absolute;
margin-top : 1227px;
margin-left : 73px;
width : 50px;
z-index : 3000;
}
#facebook {
position : absolute;
margin-top : 1229px;
margin-left : 26px;
width : 48px;
z-index : 3000;
}
#linked {
position : absolute;
margin-top : 1229px;
margin-left : 126px;
width : 48px;
z-index : 3000;
}

#tapahtumat {
margin-left:512px;
position:absolute;
margin-top:394px;
z-index:10000}

#tapawriting {
	position:absolute;
margin-left:582px;
margin-top:460px;
z-index:10000;}


/*SEARCH ENGINE GOOGLE, IF NEEDED*/
#cse-search-box {
position : absolute;
margin-top : 5px;
margin-left : 730px;
margin-right : 10px;
width : 300px;
}

#hidden2 {
border : none;
font-weight : normal;
}
#hidden {
border : none;
font-weight : normal;
color : #449284;
}

/*ALL TAGS OR CLASSES THAT WE DON'T WANT TO DISPLAY BUT KEEP IN THE CSS*/
#logo, .notsee, .noshow, #print{
display : none;
} 

/*BANNER*/
#masthead {
margin-top : 0;
margin-bottom : 0;
margin-left : auto;
margin-right : auto;
width : 100%;
border : none;
}

/*LINKS RULES, CALLED LINKS 2 BECAUSE I HAD TO CHANGE THE RULES AND KEPT THEM IN THEIR SECOND VERSION*/
.links2 {
padding-left : 1px;
font-size : 1em;
line-height : 100%;
text-align : left;
border : none;
font-weight : normal;
color : #4572e3;
}
.links2 a:link {
text-decoration : none;
color : #4572e3;
}
.links2 a:visited {
text-decoration : none;
color : #7c80ce;
}
.links2 a:active {
text-decoration : none;
color : #7c80ce;
}
.links2 a:hover {
text-decoration : none;
color : #7c80ce;
}
.links3 {
color:#FFF;}

.links4 {padding-left : 1px;
font-size : 1em;
line-height : 100%;
text-align : left;
border : none;
font-weight : normal;
color : #4572e3;}

#nextcourse {
	position:absolute;
    margin-left:-55px;
	margin-top:-16px;
	width:650px;
	z-index:10000}

#nextbook {
	position:absolute;
    margin-left:-55px;
	margin-top:-4px;
	width:650px;
	z-index:10000}






/*THIS IS THE WHITE BACKGROUND BEHIND THE WRITING*/


/*RIGHT WHITE BACKGROUND BEHIND THE SMALL PAGES*/

#sidebar_pics {
float : right;
width : 719px;
height : 1007px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d.png);
background-repeat : repeat-y;
}

#sidebar_pics2 {
float : right;
width : 719px;
height : 864px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d2.png);
background-repeat : repeat-y;
}

#sidebar_pics3 {
float : right;
width : 719px;
height : 864px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d3.png);
background-repeat : repeat-y;
}
/*RIGHT WHITE BACKGROUND BEHIND THE LARGE PAGES*/
#sidebar_yht {
float : right;
width : 719px;
height : 1500px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d.png);
background-repeat : repeat-y;
}

#sidebar_kurssit {
float : right;
width : 719px;
height : 2584px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d.png);
background-repeat : repeat-y;
}

#sidebar_kurssit2 {
float : right;
width : 719px;
height : 5584px;
margin-top : 6px;
margin-bottom : 0;
margin-left : -10%;
margin-right : 6px;
border : none;
background : url(img/sidebar-d.png);
background-repeat : repeat-y;
}
#sidebar_kurssit2 p {

width:500px;
margin-left:-50px;}

/*LEFT WHITE BACKGROUND BEHIND THE SMALL PAGES*/
#sidebar_a_pics {
float : left;
width : 24%;
height : 1007px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a.png);
background-repeat : repeat-y;
}

#sidebar_a_pics2 {
float : left;
width : 24%;
height : 864px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a2.png);
background-repeat : repeat-y;
}

#sidebar_a_pics3 {
float : left;
width : 24%;
height : 864px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a3.png);
background-repeat : repeat-y;
}
/*LEFT WHITE BACKGROUND BEHIND THE BIG PAGES*/
#sidebar_a_yht {
float : left;
width : 24%;
height : 1500px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a.png);
background-repeat : repeat-y;
}

#sidebar_a_kurssit {
float : left;
width : 24%;
height : 2584px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a.png);
background-repeat : repeat-y;
}

#sidebar_a_kurssit2 {
float : left;
width : 24%;
height : 5584px;
margin-right : 0;
margin-left : 6px;
margin-bottom : 0;
padding-left : 5px;
padding-right : 0;
padding-bottom : 0;
margin-top : 6px;
border : none;
margin-bottom : 0;
background : url(img/sidebar-a.png);
background-repeat : repeat-y;
}



/*RULES FOR ALL BACKGROUNDS*/
#sidebar_pics p, #sidebar_yht p, #sidebar_kurssit p {
margin-right : 165px;
margin-left : -55px;
}
#sidebar_pics ul, #sidebar_yht ul {
font-size : 1em;
line-height : 110%;
list-style-position : inside;
border : none;
margin-right : 165px;
margin-left : -55px;
}
p #sidebar_a_pics p, #sidebar_a_yht p, #sidebar_a_kurssit p {
font-size : 0.8em;
margin-left : 10px;
margin-top : -5px;
color : #151616;
}
/*TAKAISIN SIVUN ALKUUN LINK*/
#takaisin {
font-size : 0.8em;
color : #841526;
font-weight : normal;
margin-top : 70px;
margin-bottom : 5px;
}


/*THE TOPLINE*/
#sidebar_atopage {
position : absolute;
top : 306px;
margin-left : 5px;
width : 954px;
height : 20px;
display : block;
}

/*LEFT AND RIGHT SIDEBAR*/
#buddharight {
position : absolute;
margin-left : 492px;
margin-top : -2px;
z-index : 1000;
}

#buddharight1 {
position : absolute;
margin-left : 492px;
margin-top : -2px;
z-index : 1000;
}
#buddharight2 {
position : absolute;
margin-left : 492px;
margin-top : -11px;
z-index : 1000;
}
#buddhaleft {
position : absolute;
margin-left : -14px;
margin-top : -2px;
z-index : 1500;
}

#buddhaleft1 {
position : absolute;
margin-left : -14px;
margin-top : -2px;
z-index : 1500;
}

#navigation2 {
margin-top:-286px;
position:absolute;}



/*GREEN LINK BOXES FOR THE SIDEBARS, PÄIVÄKORTTI AND TULKINTA*/

#click1 {
position : absolute;
margin-left : 45px;
z-index : 8000;
margin-top : 314px;
}
#click2 {
position : absolute;
margin-left : 537px;
z-index : 8000;
margin-top : 322px;
}
#click3 {
position : absolute;
margin-left : 123px;
z-index : 8000;
margin-top : -89px;
}
#click4 {
position : absolute;
margin-left : 524px;
z-index : 8000;
margin-top : 252px;
}
#click5{
position : absolute;
margin-left : 27px;
z-index : 8000;
margin-top : 262px;
}
#click6 {
position : absolute;
margin-left : -43px;
z-index : 5000;
margin-top : 570px;
}

#click7 {
position : absolute;
margin-left : 45px;
z-index : 8000;
margin-top : 350px;
}


/*RULES FOR LINEBREAKERS*/
#linebreaker5 {
position : absolute;
margin-left : 520px;
width : 150px;
margin-top : 375px;
height : 1px;
margin-bottom : -15px;
z-index : 3000;
}
.linebreaker7 {
position : absolute;
width : 150px;
height : 1px;
margin-left : 790px;
margin-top : 510px;
z-index : 3000;
}
#linebreaker8 {
position : absolute;
width : 550px;
height : 1px;
margin-bottom : 40px;
margin-left : -54px;
margin-top : 50px;
}
#linebreaker9 {
position : absolute;
width : 550px;
height : 1px;
margin-bottom : 40px;
margin-left : -54px;
margin-top : 15px;
}
#linebreaker10 {
position : absolute;
width : 750px;
height : 2px;
margin-bottom : 40px;
margin-left : -80px;
margin-top : 65px;
}

#linebreaker12 {
position : absolute;
width : 550px;
height : 1px;
margin-bottom : 40px;
margin-left : -54px;
margin-top : 695px;
}
/*DIFFERENT IMAGES*/
#paivankorttiwriting {

margin-left:42px;
margin-top: 40px;}

#paivawritingtop2 {
position:absolute;
width:390px;
margin-left:295px;
margin-top: 270px;}

#paivakortti {
margin-top : -24px;
margin-bottom : 1px;
margin-left:-82px;
z-index:4000;
}
#paivakortti2 {
position:absolute;
margin-top : -214px;
margin-bottom : 1px;
margin-left:-82px;
z-index:4000;
}

#tervetuloa {
margin-left : -55px;
margin-top : 10px;
}
#pic1 {
float : right;
margin-top : 10px;
margin-left : 20px;
margin-right : 180px;
}
#pic2 {
float : right;
margin-top : -30px;
margin-left : 20px;
margin-right : 180px;
margin-bottom : 20px;
}

#pic3 {
float : right;
margin-top : 10px;
margin-left : 20px;
margin-right : 180px;
margin-bottom : 20px;
}

.Infobox {
margin-left : -40px;
}
.Infobox2 {
margin-left : 5px;
}
#middle {
position : absolute;
margin-left : -305px;
margin-top : 60px;
}
.line {
float:left;
margin-left:-71px; 
width:800px;
}
/*EVERYTHING THAT GOES IN THE FOOTER SECTION IS HERE*/
#bottomlinksline {
margin-left : 85px;
}
#addressline {
position : absolute;
margin-left : 265px;
margin-top : -21px;
z-index : 2000;
}
#addressline2 {
position : absolute;
margin-left : 195px;
margin-top : -21px;
z-index : 2000;
}
#addressline3 {
position : absolute;
margin-left : 363px;
margin-top : -21px;
z-index : 2000;
}
#addressline4 {
position : absolute;
margin-left : 437px;
margin-top : -22px;
z-index : 2000;
}
#addressline5 {
position : absolute;
margin-left : 495px;
margin-top : -21px;
z-index : 2000;
}
#addressline6 {
position : absolute;
margin-left : 561px;
margin-top : -21px;
z-index : 2000;
}
#addressline7 {
position : absolute;
margin-left : 630px;
margin-top : -21px;
z-index : 2000;
}
#addressline8 {
position : absolute;
margin-left : 700px;
margin-top : -21px;
z-index : 2000;
}
.addresslineengl {
margin-left : 6px;
margin-top : 20px;
}
#footer {
position:absolute;
width : 970px;
height : 170px;
margin-left : -265px;
margin-top : 65px;
border : none;
background : url(img/footer_bg.png);
background-repeat : no-repeat;
}
#footer2 {
width : 970px;
height : 170px;
margin-left : -265px;
margin-top : 65px;
border : none;
background : url(img/footer_bg2.png);
background-repeat : no-repeat;
}
#footer3 {
width : 970px;
height : 170px;
margin-left : -235px;
margin-top : 65px;
border : none;
background : url(img/footer_bg.png);
background-repeat : no-repeat;
}

#footer4 {
position:absolute;
width : 970px;
height : 170px;
margin-left : -265px;
margin-top : 765px;
border : none;
background : url(img/footer_bg.png);
background-repeat : no-repeat;
}
/*THAT IS THE SPACER DIV IF NEEDED*/
.spacer {
clear : both;
}
#xhtml {
margin-left : 760px;
margin-top : -5px;
}
#css {
margin-left : 10px;
margin-top : -5px;
}
/*RULES FOR FORMS*/

#yhtform {
margin-left : -250px;
padding-right : 310px;
padding-left : 300px;
}
td, th {
text-align : center;
padding : 2px;
}
#legend {
font-size : 1em;
color : #841526;
font-weight : bold;
border : none;
background-image : url(images/pergament3.jpg);
background-repeat : no-repeat;
background-position : left top;
padding-top : 5px;
padding-bottom : 7px;
padding-right : 30px;
padding-left : 10px;
margin-top : 10px;
}
#name, #email, #subject, #mailing, #phone, #address, #kaupunki {
border : 1px solid silver;
width : 170px;
}
.name, .email, .subject, .mailing, .phone, .address, .kaupunki {
border : 1px solid silver;
width : 170px;
}
#message, .message {
width : 100%;
border : 2px solid silver;
}
#subject, .subject {
font-size : 0.9em;
color : #841526;
font-weight : normal;
}
#search {
margin-top : 2px;
margin-bottom : 10px;
}
#hidden {
border : 2px solid silver;
margin-left : 0;
font-weight : normal;
}
#send {
padding-left : 8px;
padding-bottom : 5px;
margin-bottom : 5px;
margin-top : 10px;
}
#licence {
margin-left : 152px;
margin-top : 0;
}
#courselink {
padding-bottom : 30px;
}


fieldset dd {
margin : 0;
padding : 5px;
border : 0;
font-weight : bold;
}
fieldset dt {
font-size : 0.9em;
color : #841526;
font-weight : bold;
float : left;
width : 135px;
padding : 5px;
border : none;
}
#fieldset {
border : 0;
}
td, tr {
text-align : left;
padding : 6px;
color : #841526;
}
tr {
background : none;
}
td.dropcap:first-letter {
width : 15px;
font-family : "Lucinda Grande", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height : 25px;
}
td {
border-bottom : none;
}
form {
margin : 0;
padding : 0;
}
fieldset {
margin : 0 0 10px 0;
}
legend {
background : none;
margin : 0;
padding : 5px;
border-style : none;
border-width : 0;
}
#message {
width : 100%;
border : 2px solid silver;
}
input, textarea {
border : none;
font-weight : bold;
}
label {
font-weight : bold;
border : none;
}
#enquiryform {
border : none;
}
/*THESE ARE THE GREEN BOXES THAT HAVE THE LINKS APART FROM THE PÄIVÄKORTTI AND THE TULKINTA LINK, THEY ARE BOTH IN FINNISH AND ENGLISH*/
#rollover1 {
position : absolute;
top : 1025px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover1.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover1:link, #rollover1:visited, #rollover1:active {
background : url(img/rollover1.png) no-repeat;
}
#rollover1:hover {
background-position : -150px 0%;
}
#rollover2 {
position : absolute;
top : 722px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover2.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover2:link, #rollover2:visited, #rollover2:active {
background : url(img/rollover2.png) no-repeat;
}
#rollover2:hover {
background-position : -150px 0%;
}
#rollover3 {
position : absolute;
top : 212px;
margin-left : 638px;
display : block;
width : 94px;
height : 37px;
background : url(img/rollover3.jpg) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover3:link, #rollover3:visited, #rollover3:active {
background : url(img/rollover3.jpg) no-repeat;
}
#rollover3:hover {
background-position : -94px 0%;
}
#rollover4 {
position : absolute;
top : 772px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover4.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover4:link, #rollover4:visited, #rollover4:active {
background : url(img/rollover4.png) no-repeat;
}
#rollover4:hover {
background-position : -150px 0%;
}
#rollover5 {
position : absolute;
top : 872px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover5.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover5:link, #rollover5:visited, #rollover5:active {
background : url(img/rollover5.png) no-repeat;
}
#rollover5:hover {
background-position : -150px 0%;
}
#rollover6 {
position : absolute;
top : 822px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover6.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover6:link, #rollover6:visited, #rollover6:active {
background : url(img/rollover6.png) no-repeat;
}
#rollover6:hover {
background-position : -150px 0%;
}
#rollover7 {
position : absolute;
top : 1076px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover7.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover7:link, #rollover7:visited, #rollover7:active {
background : url(img/rollover7.png) no-repeat;
}
#rollover7:hover {
background-position : -150px 0%;
}
#rollover8 {
position : absolute;
top : 923px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover8.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover8:link, #rollover8:visited, #rollover8:active {
background : url(img/rollover8.png) no-repeat;
}
#rollover8:hover {
background-position : -150px 0%;
}
#rollover9 {
position : absolute;
top : 974px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover9.png) no-repeat;
text-indent : -9999px;
z-index : 2500;
}
#rollover9:link, #rollover9:visited, #rollover9:active {
background : url(img/rollover9.png) no-repeat;
}
#rollover9:hover {
background-position : -150px 0%;
}
#rollover10 {
position : absolute;
top : 210px;
margin-left : 595px;
display : block;
width : 125px;
height : 28px;
background : url(img/rollover10.png) no-repeat;
text-indent : -9999px;
}
#rollover10:link, #rollover10:visited, #rollover10:active {
background : url(img/rollover10.png) no-repeat;
}
#rollover10:hover {
background-position : -125px 0%;
}
#rollover22 {
position : absolute;
top : 1127px;
margin-left : 25px;
display : block;
width : 150px;
height : 40px;
background : url(img/rollover22.png) no-repeat;
text-indent : -9999px;
z-index : 5500;
}
#rollover22:link, #rollover22:visited, #rollover22:active {
background : url(img/rollover22.png) no-repeat;
}
#rollover22:hover {
background-position : -150px 0%;
}
#rollover11 {
position : absolute;
top : 210px;
margin-left : 720px;
display : block;
width : 125px;
height : 28px;
background : url(img/rollover11.png) no-repeat;
text-indent : -9999px;
}
#rollover11:link, #rollover11:visited, #rollover11:active {
background : url(img/rollover11.png) no-repeat;
}
#rollover11:hover {
background-position : -125px 0%;
}
#rollover21 {
position : absolute;
top : 150px;
margin-left : 720px;
display : block;
width : 125px;
height : 28px;
background : url(img/rollover11.png) no-repeat;
text-indent : -9999px;
}
#rollover21:link, #rollover21:visited, #rollover21:active {
background : url(img/rollover11.png) no-repeat;
}
#rollover21:hover {
background-position : -125px 0%;
}
#rollover12 {
position : absolute;
top : 210px;
margin-left : 845px;
display : block;
width : 94px;
height : 28px;
background : url(img/rollover12.png) no-repeat;
text-indent : -9999px;
}
#rollover12:link, #rollover12:visited, #rollover12:active {
background : url(img/rollover12.png) no-repeat;
}
#rollover12:hover {
background-position : -94px 0%;
}
#rollover20 {
position : absolute;
top : 150px;
margin-left : 845px;
display : block;
width : 94px;
height : 28px;
background : url(img/rollover12.png) no-repeat;
text-indent : -9999px;
}
#rollover20:link, #rollover20:visited, #rollover20:active {
background : url(img/rollover12.png) no-repeat;
}
#rollover20:hover {
background-position : -94px 0%;
}
#rollover13 {
position : absolute;
top : 210px;
margin-left : 140px;
display : block;
width : 166px;
height : 37px;
background : url(img/rollover13.png) no-repeat;
text-indent : -9999px;
}
#rollover13:link, #rollover13:visited, #rollover13:active {
background : url(img/rollover13.png) no-repeat;
}
#rollover13:hover {
background-position : -166px 0%;
}
#rollover14 {
position : absolute;
top : 210px;
margin-left : 308px;
display : block;
width : 94px;
height : 37px;
background : url(img/rollover14.png) no-repeat;
text-indent : -9999px;
}
#rollover14:link, #rollover14:visited, #rollover14:active {
background : url(img/rollover14.png) no-repeat;
}
#rollover14:hover {
background-position : -94px 0%;
}
#rollover15 {
position : absolute;
top : 210px;
margin-left : 404px;
display : block;
width : 94px;
height : 37px;
background : url(img/rollover15.png) no-repeat;
text-indent : -9999px;
}
#rollover15:link, #rollover15:visited, #rollover15:active {
background : url(img/rollover15.png) no-repeat;
}
#rollover15:hover {
background-position : -94px 0%;
}
#rollover16 {
position : absolute;
top : 210px;
margin-left : 500px;
display : block;
width : 94px;
height : 28px;
background : url(img/rollover16.png) no-repeat;
text-indent : -9999px;
}
#rollover16:link, #rollover16:visited, #rollover16:active {
background : url(img/rollover16.png) no-repeat;
}
#rollover16:hover {
background-position : -94px 0%;
}
#rollover17 {
position : absolute;
top : 210px;
margin-left : 595px;
display : block;
width : 125px;
height : 28px;
background : url(img/rollover17.png) no-repeat;
text-indent : -9999px;
}
#rollover17:link, #rollover17:visited, #rollover17:active {
background : url(img/rollover17.png) no-repeat;
}
#rollover17:hover {
background-position : -125px 0%;
}
#rollover18 {
position : absolute;
top : 245px;
margin-left : 25px;
display : block;
width : 42px;
height : 37px;
background : url(images/rss.png) no-repeat;
text-indent : -9999px;
}
#rollover18:link, #rollover18:visited, #rollover18:active, #rollover18:hover {
background : url(images/rss.png) no-repeat;
}
#rollover19 {
position : absolute;
top : 245px;
margin-left : 66px;
display : block;
width : 42px;
height : 37px;
background : url(images/printer-icon.png) no-repeat;
text-indent : -9999px;
}
#rollover19:link, #rollover19:visited, #rollover19:active, #rollover19:hover {
background : url(images/printer-icon.png) no-repeat;
}
/*THIS IS WHEN YOU HAVE SLIDING OR ROTATING IMAGES*/
#wrapper {
width : 710px;
margin : 40px auto;
margin-left : -10px;
}
#intro {
padding-bottom : 10px;
}
#slider {
width : 670px;
margin : 0 auto;
position : relative;
border : 2px solid #ccc;
}
.scroll {
overflow : hidden;
width : 670px;
margin : 0 auto;
position : relative;
}
.scrollContainer {
position : relative;
}
.scrollContainer div.panel {
padding : 2px;
width : 274px;
height : 318px;
}
#left-shadow {
position : absolute;
top : 0;
left : 0;
width : 12px;
bottom : 0;
background : url(images/leftshadow.png) repeat-y;
}
#right-shadow {
position : absolute;
top : 0;
right : 0;
width : 12px;
bottom : 0;
background : url(images/rightshadow.png) repeat-y;
}
.inside {
padding : 2px;
border : 0 solid #999;
}
.inside img {
display : block;
margin : 0 0 5px 0;
width : 250px;
}
.inside h2 {
font-weight : normal;
color : #111;
font-size : 16px;
margin : 0 0 8px 0;
}
.inside p {
font-size : 11px;
color : #ccc;
}
a {
color : #999;
text-decoration : none;
border-bottom : 0;
}
a:hover {
border-bottom : 0;
}
.scrollButtons {
position : absolute;
top : 127px;
cursor : pointer;
}
.scrollButtons.left {
left : -31px;
}
.scrollButtons.right {
right : -30px;
}
.hide {
display : none;
}