/*This is the normal style sheet for the Mike J Forrest LATCO site*/

/* colours

D3EFFB pale blue
58689B dark blue
E1655B red
C6AD6B brown

*/


/*  Fonts  */

#wrapper{
margin:0 auto;
text-align:left;
width:800px;
background-color: #D3EFFB;  /*This is colour for the background*/

}


body {
left: 0px; 
width: auto;
background-color: #D3EFFB;  /*This is colour for the background 
color: #000;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 30px;

}


h1 {
color: #2E3B8E;
font-size: 1.2em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
padding-top: 16px;
}

h2 {
color: #2E3B8E;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #2E3B8E;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
}

h4 {
color: #2E3B8E;
font-size: 0.6em;
font-style: normal;
font-weight: normal;
}

p {
font-size: 0.8em;
text-align: justify;
line-height: 1.3em;
margin-top: 0px;
}

.quote {
font-style: italic;
color: #C22D21;    /*#E1655B;*/
font-weight: bold;
}


.quote2 {
font-style: italic;
color: #C6AD6B;
font-weight: bold;
}

.caption {
font-size: 0.7em;
font-style: italic;
color: #000;
font-weight: bold;
}

.left {
text-align: left;
}

.indent {
padding-left: 30px;
}

hr {
color: #2E3B8E;
background-color: #2E3B8E;
height: 3px;
width: 100%;
}

.error {
color: #D2232A;
font-weight: bold;
}

/*  header  */

#header {
left: 0px;
text-align: center;
}


#header img {
border: 0;
}

/*  nav bar  */

#navbar {
/*position: absolute;*/
margin-top: 0px;
   width:100%;
   background-color: #58689B;
   overflow:hidden;
   font-size: 0.8em;
}

#navbar ul {
   list-style:none;
   margin:0;
   padding:5px 2px 5px 2px;
   position:relative;
   left:0%;
   text-align:center;
}
#navbar ul li {
   display:inline;
   list-style:none;
   margin:0 0 0 0px;
   padding:5px 2px 5px 2px;
   position:relative;

}

#navbar a:link, #navbar a:active, #navbar a:visited {

   display:inline;
   margin:0 0 0 6px;
   padding:10px 8px 10px 8px;
   background:#58689B;
   color:#D3EFFB;
/*   text-decoration:underline;*/
   line-height:1.3em;

text-decoration: none;
font-weight: bold;

}

#navbar a:hover {
   display:inline;
   margin:0 0 0 6px;
   padding:10px 8px 10px 8px;
   background:#D3EFFB;
   color:#58689B;
   text-decoration:none;
   line-height:1.3em;
text-decoration: none;
font-weight: bold;
}


.nav {
background-color: #2E3B8E;
text-align: center;
color: #412B57;
font-size: 0.9em;
text-align: center;
font-weight: bold;
letter-spacing: 1px; 
/*line-height: 1.7em;*/
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}



.black {
background-color: #000;
}

/* end of nav bar */



/*  main text  */

#main-text {
/*position: absolute;*/
top: 170px; /* was 235*/ /*was 225px*/
width: auto;
left: 0px; 
padding: 0px 30px 0px 30px;
background-color: #fff;
text-align: left;
min-height: 320px;
}

#main-text ul {
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
margin-left: 30px;
padding: 0;
list-style-type: bullet;
}


#main-text ul li{

margin-bottom: 7px;

}

#main-text img {
border: 0px;
text-align: center;
}

#main-text a:link, #main-text a:active, #main-text a:visited  {
/*background-color: #cceaff;*/
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
background-color: #CDD3FB;
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text td {
vertical-align: top;
text-align: left;
padding:10px;
}

#main-text td.blue {
background-color: #CDD3FB;
}


#footer {
/*float: bottom;*/
/*position: absolute;*/
/*bottom: 10px;*/
background-color: #58689B;
margin: auto;
color: #D3EFFB;
width: auto;
font-size: 0.8em;
line-height: 1em;
padding: 10px;
border-top: 2px #2E3B8E solid;
border-left: 0px #2E3B8E solid;
border-right: 0px #2E3B8E solid;
border-bottom: 0px #2E3B8E solid;
}

#footer a:link, #footer a:active, #footer a:visited  {
/*background-color: #cceaff;*/
color: #D3EFFB;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#footer a:hover {
background-color: #58689B;
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}