html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
height: 100%;
font: 12px "Lucinda Grande", Verdana, Helvetica, sans-serif;
background-image: url(../images/bodybackgroundnamaste3.gif); 
background-position: top center;
background-repeat: no-repeat;
background-color:#252c58;
color: #252c58;
}

#container {
position: relative;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
background-color: #7ca8c5;
}


#header {
position: relative;
margin: 0 auto 0 auto;
padding: 0;
width: 800px;
background-color: #7ca8c5;
}

#logo {
margin: 0;
padding: 0;
}

#logotoo {
margin: 0;
padding: 4px;
background-color: #7ca8c5;
}





#content {
float: left;
background-color: #7ca8c5;
position: relative;
margin: 0 auto 0 auto;
padding: 0;
width: 468px;
border-right: solid 1px #47709c;
}

#content h1 {
font-size: 16px;
padding: 8px 4px 2px 18px;
}

#content h1 img{
margin-bottom: -8px;
}

#content h2 {
font-size: 14px;
padding: 8px 4px 2px 24px;
}

#content p {
padding: 0 24px 2px 24px;
}

#content a {
color: #252c58;
}

#content ul li {
padding: 0 24px 0 0;
}

#content a:hover {
color: #ad0d29;
}

.bold {
font-weight: bold;
}

#sidebar {
float: right;
width: 331px;
background-color: #7ca8c5;
}

#sidebar h1 {
font-size: 16px;
padding: 8px 4px 2px 10px;
}

#sidebar h1 img{
margin-bottom: -8px;
}

#sidebar h2 {
font-size: 14px;
padding: 8px 18px 2px 14px;
}

#sidebar h3 {
font-size: 12px;
text-align: center;
margin-top: -4px;
}

#sidebar p {
padding: 0 18px 2px 14px;
}

#sidebar ul {
padding: 0 0 0 32px;
}

#sidebar ul li{
padding: 0 18px 0 0;
}

.shivaimage {
border: 1px #ad0d29 solid;
margin: 8px 0 4px 2px;
}

.shivaimage2 {
float: right;
border: none;
margin: 2px 2px 2px 6px;
}


div#sidenavigation {
padding: 6px 0 4px 0;
background-color: #9cbdd0;
margin: 10px;
text-align: center;
}

#sidenavigation ul, h1{
list-style-type: none;
margin: 0;
padding: 0;
}

#sidenavigation h1 a{
font-size: 16px;
color: #252c58;
}

#sidenavigation h1 a:hover {
color: #ad0d29;
}

#sidenavigation ul li a {
text-decoration: none;
padding: 0;
color: #252c58;
font-size: 13px;
margin-top: 30px;
font-weight: bold;
}

#sidenavigation ul li a:hover {
color: #ad0d29;
}

#sidenavigation img {
border: 1px #ad0d29 solid;
}

#letters a {
padding: 1em;
color: #252c58;
font-size: 13px;
font-weight: bold;
}

#letters a:hover {
color: #ad0d29;
}

.lettertext {
background-color: #e5e1e2;
margin: 10px 40px 10px 40px;
border: 1px #ad0d29 solid;
}


#sitemap a {
padding: 0 0 0 40px;
color: #252c58;
font-size: 13px;
font-weight: bold;
}

#sitemap a:hover {
color: #ad0d29;
}

#sitemap ul {
list-style-type: none;
line-height: 1.7em;
}

#pageidentification h1 {
background-color: #47709c;
margin: 0 auto 0 auto;
padding: 2px 5px 2px 2px;
text-align: right;
font-size: 12px;
color: #e5e1e2;
}


#menu {
width: 100%;
background: #e5e1e2;
float: left;
border-bottom: 0px solid #47709c;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 11.1em;
float: left;
text-align: center;
}

#menu a, #menu h2 {
font: bold 12px "Lucinda Grande", Verdana, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #252c58;
background: #e5e1e2;
}

#menu a {
color: #252c58;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #ad0d29;
background: #fff;
}

li#active a {
color: #ad0d29;
background: #efefef;
text-decoration: none;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#footer {
clear: both;
position: relative;
margin: -2px auto 0 auto;
padding: 4px 0 2px 0;
width: 800px;
background-color: #ad0d29;
font-size: 11px;
text-align: center;
height: 16px;
}

#footer a {
color: #e5e1e2;
margin-left: 24px;
text-decoration: none;
}

#footer a:hover {
color: #252c58;
}


#rollover {
background-color: #7ca8c5;
padding: 8px;
margin-left: 6px;
}

#rollover img {
border: none;
}

#rollover a {
border-style: none;
display:block;
width:150px;
height: 60px;
background-color: #7ca8c5;
}

#rollover a:hover { 
background-color: #e5e1e2;
}