html {background:url("sissi_graphics/purplefabric02.jpg") repeat-y scroll center top #D3D3D3;}
body, ul, ol, dl, dd, dt, li, h1, h2, h3, h4, h5, h6, p, form, table, tr, td, th {border:0; margin:0;  padding:0;}
body {background: url("sissi_graphics/purplefabric02.jpg") repeat #D3D3D3;
font-family:Arial, Helvetica, sans-serif;font-size:14px;}
a:link       {text-decoration: underline}
a:visited  {text-decoration: none}
a:active   {text-decoration: none}
h1, h2, h3 {margin-bottom: 5px;}
h1 {font-size:28px;}
h1.banner {font-size: 34px;  font-family: Lucida Handwriting, Brush Script MT, Cursive;
           color: #000033; font-weight: bold;
           font-style: oblique; text-align: center;}
h1.normal {font-size: 34px;  font-family:  Times New Roman, Garamond, Serif;
           color: #CCCC00; font-weight: bold;
           font-style: oblique; text-align: center;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:8px;}
p {letter-spacing:.04em;line-height:20px;}
p.spacer{line-height:300%}
hr.line1{height:2px;  color:#033; background-color:#066;}
hr.line2{height:3px;  color:#033; background-color:#066; }
.list {padding-left:15px}
.list li {margin-bottom:10px}
.float-left   {float:left;}
.float-right {float:right;}
.clear {clear:both;}

ul.navigation {list-style:none; 	margin-top:8px; margin-bottom: 6px;	}
ul.navigation li{display:inline-block;	         margin:1px 16px;	}
ul.navigation li a{background:#336666;
	         color:#CCFFCC;
	         border:1px solid #390;
	         border-radius:8px;
	         padding: 3px 10px;
	         text-decoration:none;
	        -moz-border-radius:8px;
	        webkit-border-radius:8px;
	        -moz-box-shadow:    2px 2px 4px #515151;
	       -webkit-box-shadow:2px 2px 4px #515151;
	        box-shadow:              2px 2px 4px #515151;  	}
ul.navigation li a:hover {background-color:#06F;	}
nav 	{background-color: #336666;
                color: #CCFFCC;
	 border: 1px solid #390;
  	 border-radius: 4px;
  	 box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  	 display: block;
  	 margin: 0px  160px;
   	 overflow: hidden;
  	 width: 620px;}
nav ul {margin: 0;    padding: 0;}
nav ul li {display: inline-block; 	list-style-type: none;
       	-webkit-transition: all 0.2s;
        	-moz-transition: all 0.2s;
        	-ms-transition: all 0.2s;
        	-o-transition: all 0.2s;
        	transition: all 0.2s;}
nav > ul > li > a {
               color: #CCCCFF;
               display: block;
              line-height: 16px;
              padding: 0px 24px 2px 24px;
               text-decoration: none;}
nav > ul > li > div {
        background-color: rgb(40, 44, 47);
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 140px;
        visibility: hidden;
         -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s; }
nav > ul > li:hover > div {
         display: block;
         opacity: 1;
         visibility: visible;}
nav > ul > li > div ul > li {display: block;}
nav > ul > li > div ul > li > a {
           color: #CCFFFF;
           display: block;
           border: 1px dashed #006699;
           padding: 0px 10px 4px 10px;
           text-align: left;
           font-style: italic;
           text-decoration: none;}

div#outer  {width: 940px;
                  background-color:#E0EEE7;
	padding: 0px 0px 0px 0px;
	margin: 0 auto; 
	border: 2px solid #066;
	-moz-box-shadow:    4px 6px 4px #666666;
	-webkit-box-shadow:4px 6px 4px #666666;
	box-shadow:             4px 6px 4px #666666;
	}
div#header {background:url("sissi_graphics/futur001.GIF") repeat-x center top #033;
	width: 940px;
	min-height: 78px;
	background-color: #033;
               border: 0px;
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	}
div#container {background-color:#E0EEE7;
	width: 938px;
	min-height: 990px;
	border: 0px solid #033; 
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	}
div#left {background-color: #E0EEF7;
	width: 620px;
	min-height:980px;
	float: left;
	border: 1px solid #360;
	border-top:none;
	border-left: none;
	border-bottom:none;
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	}
div#right {background-color: #E0EEF7;
	width: 294px;
	min-height:980px;
	float: right;
	border: 0px;
	margin: 0px auto;
	padding: 5px 2px 5px 2px;
	}
div#footer {background:url("sissi_graphics/jppink.jpg") repeat-x  center top #E7E3C8;
	width: 940px;
	min-height: 40px;
	background-color: #E7E3C8;
	border:  0px solid #390;
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	}