/*             Diana's CSS                    */

/*                Body 			      */
body {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
margin-left: 10px;
}

body.rose {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("rosewallpaper.gif");
margin-left: 100px;
}

body.crocus {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("crocuswallpaper.gif");
margin-left: 100px;
}

body.daffodils {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("daffodilswallpaper.gif");
margin-left: 100px;
}

body.rhodo {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("rhodowallpaper.gif");
margin-left: 100px;
}

body.wind {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("windflowerwallpaper.gif");
margin-left: 100px;
}

body.iris {
font-family: Times New Roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-image:url("iriswallpaper.gif");
margin-left: 100px;
}

body.photo {
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
background-color: #000000;
color: white;
font-family: "Times New Roman";
}

body.dor {
font-family: roman;
scrollbar-face-color: #FFB6C1;
scrollbar-track-color: #FFE4E1; 
color:white;
background: black;
}

/*               Headline                     */
h1 {font-family: "Times New Roman"; font-size: 200%; font-style: italic;}
h2 {font-family: "Times New Roman"; font-size: 175%}
h3 {font-family: "Times New Roman"; font-size: 150%; font-style: italic;}

/*               Paragraph                    */
p {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 100% ;text-align: justify; text-indent: 1em; color: #000000}
p.first:first-letter {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 150%; color: #000000}
p.sansserif {font-family: sans-serif; text-align: justify; text-indent: 1em; color: #000000}
p.large {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 150%; text-align: justify; text-indent: 1em; color: #000000}
p.small {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 75%; text-align: justify; text-indent: 1em; color: #000000}
p.pad {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 100% ;text-align: justify; color: #000000; padding-left: 300px}
p.holiday { font-family: "script, fantasy"; font-size: 125%; color="#008000"; }

/*               Links                        */
a:link {color: #FF0000}
a:visited {color: #000FFF}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
a.three:hover {background: #66ff66}
a.linkbig {font-size:150%; font-family: "arial"}

/*               Other HTML Tags              */
.left {border-width: 5px; border-color: black; border-style: solid; padding: 5px; text-align: left; float : left}
.center {border-width: 5px; border-color: black; border-style: solid; padding: 5px;text-align: left; float : center}
.right {border-width: 5px; border-color: black; border-style: solid; padding: 5px;text-align: left; float : right}
.box1 {border-width: 2px; border-color:pink; width:100px; border-style: solid; padding: 5px; float: right; font-size: 125%; margin: 1em;}
.box2 {border-width: 2px; border-color:pink; width:100px; border-style: solid; padding: 5px; float: left; font-size: 125%; margin: 1em;}
.box3 {border-width: 5px; border-color:black; width:500px; border-style: solid; padding: 5px; float: none; margin: 1em;}
.box4 {border-width: 2px; border-color:pink; width:300px; border-style: solid; padding: 5px; float: right; font-size: 125%; margin: 1em;}
.box5 {border-width: 2px; border-color:pink; width:750px; border-style: solid; padding: 5px; float: none; font-size: 93%; margin: 1em; text-align : left;}

div.first:first-letter {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 135% ;text-align: justify; text-indent: 1em}
li {font-family: courier; font-size: 100%}
font.small {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 75%; text-align: justify; text-indent: 1em; color: #000000}
ul.pad {padding-left: 300px}
.block {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 90% ;text-align: justify; font-style: italic; margin-left: 35px; margin-right: 35px;}
.large {font-family: "tahoma", "comic sans ms", "dipolma", "courier"; font-size: 150%;  color: #000000;}
.photo-normal {font-family: "Times New Roman"; color: white; font-size: 100%;}
.photo-large {font-family: "Times New Roman"; color: white; font-size: 145%}
.photo-link {font-family: "Times New Roman"; color: red; font-size: 175%}
