/* general */

.article {
margin-left:25px;
margin-right:25px;
padding:20px 20px 1px 20px;
background-image:url(../images/spattern.jpg);
}

.leftPad {
margin-left:25px;
}

.rightPad {
margin-right:25px;
}

/* text */

h1 {
margin:-10px 0pc -11px 0px;
font-family:Lucida Handwriting, Comic Sans MS, Comic Sans, ComicSans, sans-serif;
font-size:30;
color:#6699cc;
}

h2 {
margin:10px 0pc 10px 0px;
padding:0px;
font-family:arial;
font-size:18;
color:#6699cc;
font-weight:bold;
}

.subtitle {
margin:0px 0pc 25px 75px;
font-family:Lucida Handwriting, Comic Sans MS, Comic Sans, ComicSans, sans-serif;
font-size:14;
color:#333333;
}

.runin {
font-family:Lucida Handwriting, Comic Sans MS, Comic Sans, ComicSans, sans-serif;
font-weight:bold;
font-size:14;
color:#6699cc;
}

.init {
font-family:Lucida Handwriting, Comic Sans MS, Comic Sans, ComicSans, sans-serif;
font-size:40px;
font-weight:bold;
color:#6699cc;
float:left;
position:relative;
margin-right:-2px;
top:-14px
}

p {
font-family:arial;
font-size:13px;
color:#333333;
}

td,div {
font-family:arial;
font-size:13px;
color:#333333;
font-weight:normal;
}

a {
color:#336699;
}
a:visited {
color:#003366; 
}
a:hover, a:active {
color:#cc9900;
}

.copyright {
font-size:11px; 
text-align:center;
color:#666666;
margin-top:15px
}


li
{color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
list-style-position: outside;
list-style-type: square;}

ul
{padding-left:10px;
margin-left:10px}


/* photo and caption */

.caption {
color:#6699cc; 
font-family:Lucida Handwriting, Comic Sans MS, Comic Sans, ComicSans, sans-serif; 
font-weight:bold;
margin-top:3px;
margin-bottom:6px;
font-size: 12px
}

.photoLeft {
display:inline;
margin-right:25px;
float:left
}

.photoRight {
display:inline;
margin-left:25px;
float:right
}



/* navigation */

.buttonBlock { 
margin:-2px 25px 0px 0px;
text-align:right;
}

a.button {
font-size:11px; 
font-weight:bold; 
text-decoration:none; 
border:1px solid #6699cc; 
background-color:#ffffcc; 
padding:3px;
text-align:center;
color:#6699cc; 
width:80px;  
}

a.buttonOn {
font-size:11px; 
font-weight:bold; 
text-decoration:none; 
border:1px dashed #6699cc; 
background-color:#ffffcc; 
padding:3px;
text-align:center;
color:#6699cc; 
width:80px;  
}

a.button:link, a.button:visited {
background-image:url(../images/spattern.jpg);
} 

a.button:active, a.button:hover { 
background-image:url();
color:#003366; 
} 

a.buttonOn:active, a.buttonOn:hover, a.buttonOn:link, a.buttonOn:visited { 
color:#003366; 
} 

/*
light yellow: ffffcc
text blue: 6699cc
mustard: cc9900
*/