body{
background:  white;
font-family: Verdanda, Helvetica, Arial, sans-serif;
margin:      0px;
}


/*must have the the size of image or you get space*/
div.logo{
height:            160px;
width:             1000px;
background-color:  #193256;
overflow:          hidden;   /* IE */
}

div.sidebar{
background-color: #e3dbbe;
height:           auto;
width:            135px;
padding:          0px;
float:            left;
clear:            right;
margin-top:       10px;
margin-left:       5px;
}

div.main{
width:         840px;
min-height:    900px;
margin-left:   160px;
margin-top:    30px;
}
    
div.filler{
background-color: black;
height:           25px;
width:            135px;
}

div.nav{
background-color:  #1d1d1d;
background-image:  url('/Images/mirage_filler.png');
width:             1000px;
height:            auto;  /* IE: don't put absolute's here */
margin-top:        0px;
overflow:          hidden;
}

div.leftcol{
margin-left:  5px;
margin-right: 20px;
width:        450px;
float:       left;
clear:       right;
}

div.leftlist{
margin-left:  5px;
min-width:    300px;
width:        30%;
float:        left;
clear:        right;
}

div.rightcol{
border-style: solid;
border-color: #5f7a8b;
padding:      10px;
margin-left:  5px;
width:        300px;
min-height:   400px;
float:        right;
}

div.rightimg{
padding:      10px;
margin-left:  10px;
width:        450px;
float:        right;
clear:        right;
min-height:   400px;
}


/**************************** links in vertical nav bar  ********/

ul.nav { 
  width:       135px; 
  margin:      0px;
  padding:     0px;
}

ul.nav li {
  list-style:       none;
  background-color: #e3dbbe;
  text-align:       left;
  border-bottom:    white 1px solid;  /* ie: use bottom not top border */
}

                                         /* these are order dependent */
a:link.nav{
display:          block;   /* required! */
text-decoration:  none;
padding:          4px;
color:            black;
font-weight:      600;
font-size:        10pt;
}

a:visited.nav{
display:          block;   /* required! */
text-decoration:  none;
padding     :     4px;
color:            black;
font-weight:      600;
font-size:        10pt;
}
a:hover.nav{
display:          block;   /* required! */
text-decoration:  none;
padding     :     4px;
background:       #5f7a8b;
color:            white;
font-weight:      600;
font-size:        10pt;		
}

a:link{
color:          blue;
text-decoration:underline
}

/**************************** links in horizontal nav bar  ********/
a.button {
font-weight:   bold;
font-size:     10pt;
padding:       2px 6px;
border-top:    2px groove white;
border-right:  1px groove white;
border-left:   1px groove white;
text-align:    center;
min-width:     75px;
height:        23px;
margin-bottom: 0px;
}

a.button:link { 
background-color: #e3dbbe;
color:            black;
text-decoration:  none;
}

a.button:visited {
background-color: #e3dbbe;
color:            black;
text-decoration:  none;
}

a.button:active { 
text-decoration: none;
}

a.button:hover { 
background-color: #5f7a8b;
color:            white;
text-decoration:  none;
}

a.onbutton {
font-weight:   bold;
font-size:     10pt;
padding:       2px 6px;
border-top:    2px solid white;
border-right:  1px solid white;
border-left:   1px solid white;
border-bottom: 2px solid white;
text-align:    center;
min-width:     75px;
height:        23px;
}

a.onbutton:link { 
background-color: white; 
color:            black;
text-decoration:  none;
}

a.onbutton:visited {
background-color: white; 
color:            black;
text-decoration:  none;
}

a.onbutton:hover { 
background-color: white; 
color:            black;
text-decoration:  none;
}

/***********************************  tables  ***********/
table.special{
border-collapse:   collapse;
border-width:      1px;
border-style:      solid;
padding:           20px;
background-color:  #e3dbbe;
margin-bottom:     20px;
}

table.special tr td{
border-style:      dotted;
border-width:      1px;
padding:           5px;
line-height:       1.5;
vertical-align:    top;
}

table.special th{
padding:           3px;
vertical-align:    top;
background:        #F7FFCE;
font-weight:       600; 
}

/***********************************  headers  ***********/
h1{
font-size:  2.0em;
color:      black;
text-align: center;
}

h2{
font-size:     1.5em;
color:         black;
margin-bottom: 10px;
margin-top:    0px;}

h3{
font-size:     1.2em;
color:         black;
}

h3.highlight{
font-size:        1.2em;
color:            white;
background-color: #5f7a8b;
margin:           1px;
text-align:       center;
}
/******************************************  FOOTER ********/

div.footer{
width:            900px;
padding-top:      50px;
background-color: white;
font-size:        0.85em;
text-align:       center;
}

hr.footer{
background-color: black; /* NN */
color:            black; /* IE */
margin-bottom:    0px;
}

/******************************************  paragraphs ********/
p.just{
text-align:       justify;
margin-top:       10px;
margin-bottom:    10px;
margin-left:      10px;
}

pre{
font-family:  courier;
margin-left:  2%;
}

p.caption{
text-align:      justify;
width:           300px;
}

p.captionlarge{
text-align:      justify;
width:           400px;
}

/******************************************  paragraphs ********/

ul.box{
margin-left: 0px;
padding-left: 10px;
}

ul.work{
line-height: 1.5;
margin: 50px;
}