#index-design{
text-align: left;
}

#logo {background-image: url(images/CSS_Online_Logo.png); width:334px; height:146px;
background-repeat: no-repeat; 
background-position: center; 
margin-left: auto;
margin-right: auto;
margin-top: 0;
}

#all {
border-style: groove;
width: 830px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 0px;
background-color: white;
background-image: url(images/fadebl.jpg);
background-repeat: no-repeat;
}

img {border: 0;}


body{
background-image: url(images/back6.jpg);
Text-align: center;
font-family: helvetica;
}




a {
font-family: sans-serif;
}

.bold {
font-weight: bold; 
}

.selectedanchor{ /*css class that gets added to the currently selected anchor link (assuming it's a text link)*/
color: #b02929;
}



/* set the menu style */

.menu {color: white; text-decoration: none; background-color: #7f97ff; font-size: 16px; font-weight: bold;
display:block;
width:100%;
text-align: center;

}

.menu a:hover {text-decoration: underline; background: white; color:blue;} 

/* position your menus */
#menux {position:relative; margin-left: auto; margin-right:auto;  width: 577px; height:20px;
}

#menu1 {position: absolute; left: 0px; width: 115px; border-style: solid; border-width: 3px; border-color: black;}
#menu2 {position: absolute;  left: 115px; width: 115px; border-style: solid; border-width: 3px; border-color: black;}
#menu3 {position: absolute;  left: 230px; width: 115px; border-style: solid; border-width: 3px; border-color: black;}
#menu4 {position: absolute; left:345px; width: 115px; border-style: solid; border-width: 3px; border-color: black;}
#menu5 {position: absolute;  left: 460px; width: 115px; border-style: solid; border-width: 3px; border-color: black;}



.right_menu {
font-size:16px;
/*font-weight: bold;*/
text-align: center;
vertical-align: top;
}

td {
padding: 5px;
}

td.td1 {
border-right: outset 1px; 
vertical-align: top;
text-align: center;
}

table {
padding: 5px;
}



img {
vertical-align:middle;
}


ul {
text-align: left;
margin-top: 0px;
margin-bottom:0;
}

p{
margin-top: 7px;
margin-bottom:0;
} 

h2 {
margin-top: 0px;
margin-bottom:0;
font-size: 18px;
}

hr{margin-top:0px;
margin-bottom: 0px;
font-size:5px;
}

u {
font-size: 22px;
margin-top: 0px;
margin-bottom: 15px;
} 

i {
font-size: 15px;
font-weight: normal;
}

#box {
background-color: ececec;
border-style: solid;
border-width: 1px;
border-color: black;
padding:5px;
}

#box.right {
width: 190px;
border: 1px solid black;
background-color: #ececec;
}

#box2.right {
width: 190px;
}

.larger {
font-size: 18px;
font-weight: bold;
}

.largest {
font-size: 22px;
font-weight: bold;
}

.smaller {
font-size: 13px;
font-weight: bold;
}

.smallest {
font-size: 12px;
font-weight: normal;
}

#smallest1 {
font-size: 12px;
font-weight: normal;
}

.advert {
font-size: 13px;
font-weight: bold;
}

h3{
margin: 0;
}