/* CSS for guide to convert FMS planes to ClearView
 * note that the left id style is actually displayed
 * on the right of the screen. This although bad
 * practice was done because it was easier to do the
 * change in the CSS than to recode the pages to use
 * a different name. (and because I got tired or trying
 * to make IE keep its menu on the left
 */

body {
margin: 0;
padding-left: 0px;    /* LC fullwidth 200px*/
padding-right: 240px;   /* RC fullwidth + CC padding 190px*/
min-width: 0px;       /* LC fullwidth + CC padding 240px*/
}

#header, #footer {
margin-left: 0px;    /* LC fullwidth -200px*/
margin-right: -240px;   /* RC fullwidth + CC padding -190px*/
}

.column {
position: relative;
float: left;
}

#center {
padding: 0 20px;
width: 100%;
}

#left {
width: 180px;           /* RC width 130px*/
padding: 0 10px;        /* RC padding 0 10px*/
margin-right: -100%;
}

#footer {
clear: both;
}

/*** IE Fix ***/
/* html #left {*/
/*left: 150px;*/            /* RC fullwidth was150*/
/*}*/

body {
background: #cccce6;
}

#header {
font-size: x-large;
text-align: center;
padding: 0.3em 0;
background: #00a7ee;
}

#footer {
text-align: right;
padding: 0.3em 0;
background: #cccce6;
}

#left {
background: #9999cc;
}

#center {
background: #cccce6;
}

.column {
padding-top: 1em;
text-align: left;
}

#imageright {
float: right;
}

#imageleft {
float: left;
}

img {
margin: 5px;
}

img.reducedpicture {
border: solid thin #ff0000;
}

div.keeptogether {
clear: both;
}

p {
clear: both;
}

p.associate {
clear: none;
}

th
{
border-bottom: solid #000000;
padding: 3px;
}

td
{
padding: 3px;
text-align: right;
}

table
{
position: relative;
left: 30%;
}

.first-child
{
border-right: solid #000000;
text-align: left;
padding: 3px;
font-weight: bold;
}

a.box {
border: outset #000000;
padding: 3px;
background-color: #e6f3a5;
}