*
{

padding: 0px;
}

body
{
background-color: #F0F8FF;
color: #9f9f9f;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
margin: 4px 0px 4px 110px;
}

a
{
text-decoration: none;
color: #666666;
}

a:hover
{
text-decoration: none;
color: #999999;

}

strong
{
background: inherit;
color: #50514D;
}

#header
{
width: 700px ;
height: 115px;
background-color: #4d4d4d;
background: url('images/logo_SMS.jpg') repeat-x;
color: #ffffff;
}

#nav
{
width: 700px ;
height: auto;
background-color: #4d4d4d;
background: url('images/nav.gif') repeat-x;
color: #ffffff;
text-align: center;
}


#main
{
width: 700px ;
height: auto;
background: url('images/main.gif');
color: #000;

}


#footer
{
width: 700px ;
height: 99px;
background-color: #4d4d4d;
background: url('images/footer.gif') repeat-x;
color: #ccc;
text-align: center;
}


.heading
{
border-bottom: solid 2px #F5F5F5;
background-color: #f5f5f5;
height: auto;
width: 666px ;
margin-left: 16px;
text-align: center;



}

.details
{
border: solid 2px #F5F5F5;
background-color: #fff;
height: auto;
width: 666px ;
margin-top: 3px;
text-align: center;
margin-left: 16px;


}

#nav a
{
text-decoration: none;
color: #ccc;
margin-left: 5px;
}

#nav a:hover
{
text-decoration: none;
color: #fff;

}



#header a
{
text-decoration: none;
color: #fff;
margin-left: 100px;
position: absolute;
top: 30px;
font-size: 22px;
}

#header a:hover
{
text-decoration: none;
color: #fff;

}

#slogan
{

position: absolute;
margin-left: 210px;
position: absolute;
top: 55px;
color: #000;
text-transform: lowercase;
font-size: 13px;
}