body {
 text-align : center;
 margin : 5px 290px 5px 30px;
 width : 90%;
 color: #444488;
 font-size : 12px;
 font-family : verdana;
 font-weight : normal; 
 background-color: #000080 
;

	
}

.outside-box {
 width : 100%;
 display : block;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
 background-color: #FFFFFF;
}

.footer-box {
 width : 100%;
 padding : 3px;
 text-align : center;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
 background-color : #FFFFFF;
}
.fix-title {
 text-align : left;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
  #CCCCFF;
}

.inside-box {
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #8888FF;
 
 
}
.inside-box2 {
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #EEDDFF;
 background-color : #EEDDFF;
 
}

.inside-sqlbox {
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : dotted;
 border-width : 1px;
 border-color : #A9A9A9;
 
}





.ltrack {
 padding : 3px;
 font-size : 12px;
 font-family : verdana;
 font-weight : bold; 
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
}
.menu-box {
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #8888FF;
}
table#sort-box {
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #8888FF;
}



.nav-title {
 width : 150px;
 text-align : left;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #B0E0E6 ;
 background : #B0E0E6 ;
}

.nav-title-r {
 width : 180px;
 text-align : left;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : dotted;
 border-width : 1px;
 border-color : #B0E0E6;
 background : #B0E0E6;
}

.box-back-w {
 width : 180px;
 text-align : left;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : none;
 border-width : 1px;
 border-color : #B0E0E6;
}

.box-back-l {
 width : 180px;
 text-align : left;
 padding : 3px;
 font-size : 10px;
 font-family : verdana;
 font-weight : normal; 
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
 background : #FFBBEE;
}

.nav-link {
 width : 150px;
 text-align : left;
 padding : 3px;
 display : block;
 border-style : dotted;
 border-width : 1px;
 border-color : #B0E0E6 ;
 border-top : none;
}

.nav-link-r {
 width : 180px;
 text-align : left;
 padding : 3px;
 display : block;
 border-style : solid;
 border-width : 1px;
 border-color : #8888FF;
 border-top : none;
}

a.nav-link:link, a.nav-link:visited {
 background-color : #FFFFFF;
 color : #4444FF; 
}

a.nav-link:hover, a.nav-link:active {
 background-color : #B0E0E6 ;
 color : #000000 ; 
}

a:link {
 color : #4444FF;
 font-size : 10px;
 text-decoration : none;
}

a:visited {
 color : #4444FF;
 font-size : 10px;
 text-decoration : none;
}

a:active {
 color : #0000FF;
 font-size : 10px;
 text-decoration : none;
}

a:hover {
 color : #000000;
 font-size : 10px;
 text-decoration : none;
}
 
 
TD#W {
 background-color : #66FF99;
}

TD#D {
 background-color : #FFFF66;
}

TD#L {
 background-color : #FF6600;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

.greybox {
    border: 1px dotted #cccccc; background-color: #f0f8ff; text-align : left; 
    padding: 4px;
}
.polaroid {
     float:left;
     margin:4px;
     padding:4px;
     border:5px  white;
     background:whitesmoke;
}
.polaroid2 {
     float:right;
     margin:4px;
     padding:4px;
     border:5px  white;
     background:whitesmoke;
}
.polaroidtext {
    color:black;
    position:relative;
    top: 20px;
}

.blockquote.withquote {
    style="background:url(http://www.mandarindesign.com/images/quote.gif)
no-repeat;background-position:top 

    no-repeat;
    background-position:top left;padding-left:20px;text-align:justify;
} 

p.withunquote {
    padding-right:5px;
}