body { 
background-color: white ; 
text-align: center;}

#container   { 
background-color: rgb(246, 245, 240);
background-image: url(../media/index-bg2.jpg); 
background-repeat:no-repeat;
margin: 10px auto; 
border: solid 1px rgb(36,96,163); 
width: 800px; 
height: auto; 
text-align: left; 
}

#right {
margin-left: 380px;
margin-top: 80px;
}

h1 { 
color: rgb(36,96,163); 
font-size: 24px; 
line-height: 24px; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-weight: normal; 
text-align: center 
 }

p { 
color: rgb(36, 96, 163); 
font-size: 11px; 
line-height: 18px; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
text-align: left 
}


/* Navigation components */

table#buttons1 {
margin-top: 35px;
width: 400px;
border: none;
text-align: center;}

table#buttons2 {
margin-top: 65px;
width: 400px;
border: none;
text-align: center;
}

table#buttons1 td {
width: 50%;
color: rgb(36,96,163);
font: 12px verdana, arial, sans-serif;
text-align: center;
}

table#buttons2 td {
width: 33%;
color: rgb(36,96,163);
font: 12px verdana, arial, sans-serif;
text-align: center;
}

table#buttons1 a:link {
color: rgb(36, 96, 163);
text-decoration: none;
}

table#buttons1 a:visited {
color: rgb(36, 96, 163);
text-decoration: none;
}

table#buttons1 a:hover {
font-weight: bold;
text-decoration: none;
}

table#buttons1 a:active {
color: rgb(36, 96, 163);
text-decoration: none;
}

table#buttons2 a:link {
color: rgb(36, 96, 163);
text-decoration: none;
}

table#buttons2 a:visited {
color: rgb(36, 96, 163);
text-decoration: none;
}

table#buttons2 a:hover {
font-weight: bold;
text-decoration: none;
}

table#buttons2 a:active {
color: rgb(36, 96, 163);
text-decoration: none;
}

.grey {
color: gray;
font-size:18px;
 }

.footer { 
color: rgb(36, 96, 163); 
font-size: 9px; 
line-height: 18px; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
text-align: center }

a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }