body {

 background-image:url('JJswing_big.gif');

}



p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #333333; text-decoration: none}
a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #663399; text-decoration: none; font-weight: 600}
a:hover {  color: #000000; text-decoration: underline}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #663399}
h2 {  font-family: courier, monotype; font-size: 2.5em; color: #663399; font-weight: bold; font-style: italic}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; color: #663399}

h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
          font-size: 1em; 
          color: #663399; 
          font-weight: normal; 
          font-style: italic;
          margin:10px;
          margin-left:0px;
}

h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
          font-size: 1em; 
          color: #663399; 
          font-weight: normal; 
          font-style: normal;
          margin:10px;
          margin-left:0px;
}



blockquote  {
                font-family: monospace;
		background-color:#f2f2f2;
                padding:10px;
                border: 1px solid #cccccc;
                border-right: 3px solid #cccccc;
                border-bottom: 3px solid #cccccc;
                border-radius: 10px;
}

blockquote p {
                font-family: monospace; 
                font-size:14px; 
                color: #black;
}

blockquote a {
                font-family: monospace; 
}

blockquote li {
                font-family: monospace; 
}

.small  {
    font-size:10px;
    font-weight:normal;
}

img.frontpage  {
         display:block;
         float:left;
         margin-left:auto;
         margin-right:auto;
         height:200px;

}


table tr,td {
    border: 1px dotted #cc99ff;
}  


li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #333333; text-decoration: none; margin-bottom:4px;}

#elements li {
        list-style:none;
        background-color:#f4f4f4;
        margin-bottom:10px;
        padding:5px;
}

#combos li {
        list-style:none;
        background-color:#f4f4f4;
        margin-bottom:5px;
        padding:5px;
}


#wrapper  {
    width:1050px; 
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    /* background-color:#ffffff; */
    border-radius:10px;
    border:0px solid green;
}

#left  {
    width:150px;
    margin:0px;
    float:left;
    background-color:#ffffff;
    padding:5px;
    text-align:center;
    border: 2px dotted #cc99ff;
   /* border-right:4px solid #cc99ff;
    border-bottom:4px solid #cc99ff; */
    border-radius:10px;
}

#right   {
    width:150px;
    width:150px;
    margin:0px;
    float:right;
    background-color:#ffffff;
    padding:5px;
    text-align:center;
    border: 2px dotted #cc99ff;
    border-radius:10px;
}





#main   {
    
    margin:0;
    width:750px;
    padding:0;
    padding-left:180px;
    padding-right:180px;
    border:0px solid red;
}


#areas  {
    width:100%:
    float:left;
    clear:both;
    padding:5px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border:0px solid black;
}

#areas a   {
    font-weight:normal;
}
 
   
#footer  {
    width:100%:
    float:left;
    clear:both;
    padding:5px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border:0px solid black;
}

#footer a   {
    font-weight:normal;
}





#navigation { 
	width:140px; 
	margin-top:30px;
        margin-left:auto;
        margin-right:auto;
}
#navigation ul {
 margin:0px; 
 padding:5px;
 border-radius:5px; 
 font-family: Arial, Verdana, Helvetica, sans-serif; 
 font-size:0.8em;
 text-align:left;
}
#navigation li { list-style: none; }
 
ul.top-level { 

 background:#cccccc; 
 width:100%;

}
 
ul.top-level li {
 border-bottom: #cccccc solid;
 border-top: #f8f8f8 none;
 border-width: 1px;
 font-size:0.8em;
}

#navigation a {
 color: #663399;
 cursor: pointer;
 display:block;
 margin-top:10px;
 padding-top: 2px;
 padding-bottom: 8px;
 padding-left:6px;                    
 text-decoration:none;
 width:100%;
 background:#cccccc; 
 border:1px dotted #cc99ff;
 border-radius:5px;
 
}

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