/*This is the style sheet for QC-L A Second Life*/

/*This is the body. It covers most of the page*/
body {background-color: #f9f2d0; 
 font-face: "lucida bright", "book antiqua", georgia, serif; font-size: 112%; margin: auto;} 

/*Now let's take care of the divs*/
/*This div holds all the others. css means nesting which I detest*/
.chestofdrawers {width: 96%; margin: auto; padding-right: 2%; padding-left: 2%; padding-top: 2%; padding-bottom: 5%; background-color: #f0f2d0; margins: auto;}
/*This div holds the title*/
.topdrawer {width: 100% border: 4px tansparent; background-color: #d0ea9D; color: #000000; margin-bottom: 25px; padding-top: 1%; padding-bottom: 1%; clear: both; text-align: center; vertical-align: center; border: 6px solid #227709; 
-webkit-border-image: url(hostaripples.jpg) 12 repeat; /* Safari 3.1-5 */
-o-border-image: url(hostaripples.jpg) 12 repeat; 
border-image: url(hostaripples.jpg) 12 repeat;}
/*This is the content div*/
.middledrawer {width: 95%; padding-left: 2%; padding-right: 2%; padding-top: 2%; padding-bottom: 8%; background-color: #d0ea9d; text-align: left; vertical-align: top; margin: auto;  margin-bottom: 0px; border: 6px solid #227709; 
-webkit-border-image: url(hostaripples.jpg) 12 repeat; /* Safari 3.1-5 */
-o-border-image: url(hostaripples.jpg) 12 repeat; 
border-image: url(hostaripples.jpg) 12 repeat; border-bottom: 0px transparent;}
/*This is the footer div*/
.bottomdrawer {width: 90%; padding-left: 2%; padding-right: 2%; padding-top: 2%; padding-bottom: 8%; background-color: #d0ea9d;  text-align: left; vertical-align: top; margin: auto; border: 6px solid #227709; 
-webkit-border-image: url(hostaripples.jpg) 12 repeat; /* Safari 3.1-5 */
-o-border-image: url(hostaripples.jpg) 12 repeat; 
border-image: url(hostaripples.jpg) 12 repeat; border-top: 0px transparent; margin-top: 0px;}
/*This is a side div*/
.leftside {width: 25%; float: left; padding-left: 2%; padding-right: 2%; padding-top: 2%; padding-bottom: 25px; background-color: #d0ea9d; text-align: left; vertical-align: top; margin-right: 35px; margin-bottom: 45px; border: 6px solid #227709; 
-webkit-border-image: url(hostaripples.jpg) 12 repeat; /* Safari 3.1-5 */
-o-border-image: url(hostaripples.jpg) 12 repeat; 
border-image: url(hostaripples.jpg) 12 repeat;}
/*Now we need to deal with links*/
/*These are links for a light background*/
a.ordinary {color: #227709; text-decoration: none; font-weight: bold; font-size: 110%;}
a.ordinary: visited {color: #006600;}
a.ordinary: hover {background-color: #ffffff;}
/*These are links for a dark background*/
a.notordinary {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 110%;}
a.notordinary: visited {color: #ddffdd;}
a.notordinary: hover {background-color: #AA3333;}
/* And of course we need an imagelink */
a.imagelink: hover {background-color: none;}
/* We need some tabling */
.greenway {border: 1.5px solid #004400; border-collapse: separate; vertical-align: top; padding-top: 4px; padding-bottom: 4px; margin: auto;}
.greenway3 {border: 2.5px solid #004400; vertical-align: top; padding: 1px; border-collapse: separate; border-spacing: 2.5px;}
.blackway {border: 1.5px solid #000000; border-collapse: separate; vertical-align: top; padding-top: 4px; padding-bottom: 4px; margin: auto;}

.blackway3 {border: 3.5px solid #000000; border-collapse: separate; vertical-align: top; padding-top: 4px; padding-bottom: 4px; margin: auto;}

.clearway {border: 0px; padding-bottom: 8px; padding-left: 8px; padding-top: 2px; padding-bottom: 2px; text-align: left; vertical-align: top;  border-collapse: separate;}
.clearway3 {border: 0px; padding-bottom: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 8px; text-align: left; vertical-align: top;  border-collapse: separate;}
/* And we need special styles for you */
.foryou {font-family: perpetua, "century schoolbook", serif; font-size: 119%; background-color: #aacb7d; padding-right: 8px; padding-left: 8px; padding-top: 8px; padding-bottom: 16px;}