/* Jazzy Template. Created by Dzinelabs. This sheet may be used freely. A link is appreciated though. */
/* Created June 2004 */

/* Not to confuse different browsers, we let them start from zero */ 
html, body {
   margin : 0;
   padding : 0;
}
 
body {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : 76%; /* font sizing in ems. if you want to change anything, just change this.*/
   color : #a52a2a;
   width : 100%;
   text-align : center; /*center wrapper in IE5*/
   background : #5E6666;
}
 
/*  Using an a:active style causes all sorts of problems for IE, because it 
muddles the active style with focus.*/ 

 a:link {
   color : #494949;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #666666;
   text-decoration : none;
}

a:hover {
   color : #a52a2a;
   text-decoration : underline;
}

p {
   margin : 1.2em 0.5em 1.2em 0.5em;
   text-align : left;
}

img {
   border : none;
}

#rightcontent ul {
   padding : 0;
   margin-left : 2em;
   list-style-type : none;
}

#rightcontent ul li {
   background : url(../Images/Jazzylistbullet.jpg) no-repeat 0 .3em;
   text-align : left;
   padding : 5px 5px 5px 2em;
}

#leftcontent ul {
   padding : 0;
   margin-left : 5em;
   list-style-type : none;
}

#leftcontent ul li {
   background : url(../Images/Jazzyleftlistbull.jpg) no-repeat 0 .7em;
   text-align : left;
   padding : 5px 5px 5px 2em;
}

#wrapper {
   margin-left : auto;
   margin-right : auto;
   width : 750px;
   margin-top : 1em;
   background : #000033;
   border : 6px double #9b9cc5;
}

#header {
   height : 151px;
   width : 750px;
   background : url(../Images/Jazzyheader.jpg) no-repeat;
}

#leftcontent {
   float : left;
   width : 67%;
   margin-right : 15px;
   padding-bottom : 20px;
}

#leftcontent h2 {
   background : url(../Images/Jazzymouse.jpg) no-repeat;
   width : 209px;
   height : 163px;
   float : right;
   margin-bottom : 10px;
}

#rightcontent {
   float : right;
   width : 18em;
   margin : 10px 5px 10px;
   border-left : 2px groove #c0c0c0;
   border-bottom : 2px groove #c0c0c0;
}

#rightcontent h2 {
   background : url(../Images/Jazzyflash.jpg) no-repeat;
   width : 214px;
   height : 25px;
   margin-bottom : 10px;
}

#searchform {
   background : transparent;
   padding : 2px;
   width : 100px;
   border : 1px solid #999;
   margin-left : auto;
   margin-right : auto;
}

#searchbut {
   background: #C40F03;
   color : #000000;
   font-size: 90%;
   width: auto;
   border: 1px solid #333333;
   margin-left : 2px;
}

#searchinput {
   background : transparent;
   color : #a52a2a;
   font-size : 90%;
   border : 1px solid #1d4151;
   margin-left : 2px;
   width : 53px;
}

#footer {
   border-top : 1px solid #f0ffff;
}

#footer p {
   margin : 0;
}

.lips {
   width : 58px;
   height : 52px;
   float : right;
   margin : 0 5px 0 0;
   padding : 0;
   border : 1px solid #f0f8ff;
   overflow : hidden; /* remove unwanted bottom space in IE */
}

.lips img {
   width : 58px;
   height : 52px;
}

.tea {
   width : 132px;
   height : 103px;
   float : left;
   margin : 0 5px 0 20px;
   padding : 5px;
   border : 5px double #f0f8ff;
}

.tea img {
   width : 132px;
   height : 103px;
}

.girl {
   width : 182px;
   height : 136px;
   float : left;
   margin : 0 5px 0 50px;
   padding : 5px;
   border : 5px double #f0f8ff;
}

.girl img {
   width : 182px;
   height : 136px;
}

.button {
   padding : 5px;
}

.note {
   border : 1px solid #c0c0c0;
   width : 273px;
   height : 145px;
   padding : 5px;
}

.clearboth {
   clear : both;
   height : 0;
   margin : 0;
   line-height : 0;
   font-size : 1px; /* keeps IE6 from applying extra space below */
}