/* August 4,  2005 
CSS development notes and guide for 
Hindu Heritage Endowment Web Site CSS rules

Head elements are mapped to styles by "importance ranking" 
in accordance with standard usage for the <h> element, where 
any processing agent will assume that content in <h1> is more important
than content in <h2>  etc. Still, one is forced to make some purely
arbitrary assignments.  

Standard Structural elements as of Aug, 2005
0. Background image pattern
1. Top left corner logo-home
2. Top site wide banner
3. Left vertical site-wide Navigation Block
4. Right Local Site area navigation
5. Main Content Column
6. Footer
  
 */

/* Main div's */

body 
{
font-family: "Times New Roman", Arial;
background: url(/images/bg.gif);
}

#siteWideLogo 
{
width: 88px;
margin-left: 4px; 
float: left;}

#siteWideLogo img 
{
display:block;
float:left; 
}

#siteWideNav 
{position: relative;
margin-top: 10px;
width: 120px;
clear: left;
float: left;
}

#siteWideBanner 
{
margin-left: 150px;
width: 450px 
}

#siteWideBanner img 
{
display:block;
}

#mainContent 
{
margin-top: 20px;
margin-left: 150px;
min-width: 480px;
max-width: 650px;
}

#localAreaNav 
{z-index: 10;
position: relative;
top: 20px;
width: 150px;
float:right;
text-align: right;
background: #dad1e9;
}
ul#localNavList {
list-style: none;
color: #ffffff;
margin-right: 8px;
margin-left: 0px;
}

#localAreaNav li 
{
font: 12px/18px bold verdana, sans-serif;
}

ul#localNavList li a:link, a:visited, a:active 
{
text-decoration: none;
}

ul#localNavList li  a:hover
{
padding: 4px;
background: #371561;
color: #fff; 
text-decoration: underline;
}

/*this is for Google's Code */

#sideBarSearch {
font-size:80%;
/*background: #ffeccf; */
padding: 2px;
width: 104px;
height: 130px;
}
#footer 
{
min-width: 480px;
max-width: 650px;
margin-left: 150px;
font-size: 85%;
text-align: center;
clear: both; 
}

.footerTextNav 
{
font-size: 85%;
text-align: center; 
}

.attribution 
{
font-size: 85%;
text-align: center 
}

/*position management rules*/

.spacer 
{
clear:both;
line-height:0;
height:10px;
font-size:0; 
}

.divLeft 
{
margin-right: 12px;
float: left; 
}

.divRight 
{
margin-left: 12px;
float: right; 
}

.divLeft img, .divRight img 
{
clear: both;
border: 1px;
margin: 0px 0px 10px 0px; 
}


/* standard elements and typographic styles */

/* Note:the centering entire page trick comprising the three properties: set  percentage  for the left margin to 50% and then split the width and move the block back by 1/2 the width of the div e.g left: -290px for a 580 divbreaks on very old browsers so had to be abandoned for now 05-15-2004 */

h1 
{
color: #59003c;
font-size: 175%;
font-weight: bold;
margin-top: 0px;
}

h2 
{
font-size: 150%; 
}

h3 
{
font-family: Times New Roman, Times, serif;
color: #990000;
font-size: 16.0px;	
font-weight: bold;	
}

h4 
{
color: rgb(116,1,4);
font-size: 120%;
font-weight: bold;
text-align: center;
margin-bottom: 0em;
}

p 
{
margin-top: .5em;
font-size: 100%;
}

strong {
color: #59003c;
}
hr 
{
color: #3a1b61;
background-color: #3a1b61;
width: 75%;
height: 2px;
}

hr.short 
{
text-align: left;
color: #466556;
width: 40%;
height: 1px;
}

hr.fullColumn 
{
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 3px;
}

a:link, a:visited, a:active 
{
text-decoration: underline;
color: #0000ff; }

a:hover
{
color: #400080; 
text-decoration: underline;
}

/* custom classes section */

.address {font-size: 90%; font-style: bold-italic; color: #000000;}
.address-ha {font-size: 93%; font-style: bold-italic; color: #C63;}
.black-head {font-weight: bold;}
.info-medium {font-size: 70%;}
.info-small {font-size: 50%;}
.basic-text {font-size: 100%; margin:0px;}
.bold-leads-italic {font-weight: bold; font-style: italic;}
.brown-text {font-weight: bold; color: #C63;}
.bold-leads {font-weight: bold;}
.link {color: #4F2ECC;}
.link-bold {color: #4F2ECC; font-weight: bold;}
.link-small {color: #4F2ECC; font-weight: bold; font-size: 90%;}