/* May 19th,  2004 
CSS development notes and guide for 
Himalayan Academy 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 May 19, 2004
0. Background image pattern
1. Top left corner logo-home
2. Top Local Area Title Image
2. Site-wide Navigation Block
3. Left Local Site area navigation
4. Main Content Column
5. Secondary Content Column (used only on some HT and Hindu.org pages)
6. Footer
  
 */

/* standard elements */
#siteWideNav  { position: absolute; left: 140px; width: 480px; }
#siteWideNav img { display:block; float:left; padding: 0px; margin: 0px; }
#localAreaNav   { position: absolute; top: 4px; width: 125px; }
#mainContent { position: absolute; top: 110px; left: 140px; width: 450px; }
#rightColumn { position: absolute; top: 0px; left: 600px; width: 175px; padding: 10px; background-color: rgb(219,238,244) }
#footer   { font-size: 85%; text-align: center; clear: both; }
.attribution  { font-size: 85%; text-align: center; }
.footerTextNav { font-size: 85%; text-align: center; clear: left; }
#search { margin-top: 20px; margin-left: 25px; }


body
	    { font-family: "Times New Roman", Arial; background: url(/images/bg.gif); position: absolute; width: 600px} 
	 
	 /* 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 div breaks on very old browsers so had to be abandoned for now 05-15-2004 */

h1
	       { color: rgb(116,1,4); font-size: 200%; font-weight: normal; margin-top: 0; margin-bottom: 0 }

.center  { text-align: center; clear: left }

p  { font-size: 120% }
p.smaller { font-size: 100% }
p.very-small { font-size: 80% }
p.bigger { font-size: 180% }
ol.bigText { font-size: 120% }

hr
{ color: #2a6523; background-color: #363; z-index: 3; width: 100%; height: 2px; float: left; clear: left }
h2
	      { font-size: 175%; font-weight: normal; margin-top: 0; margin-bottom: 0 }
h3
	       { font-size: 150%; font-weight: normal; margin-top: 0; margin-bottom: 0; clear: left }
	    
	    
h4
	      { color: rgb(116,1,4); font-size: 135%; font-weight: bold; clear: left; margin-top: 0; margin-bottom: 10px}

h5
	      { color: rgb(116,1,4); font-size: 110%; font-weight: bold; clear: left; margin-top: 0; margin-bottom: 10px}

blockquote
	 {  font-size: 120%; margin-top: 0; margin-bottom: 0 }

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


/* design development classes temporary only */

.siteWideBackground {
background: #fff url(/images/new/main_pages_bg.jpg) fixed no-repeat;
}

#newSiteWideNav
{
position: absolute; 
left: 160px; 
top: 40px; 
}


#newSiteWideNav img { display:block; float:left;  padding: 0px; margin: 0px; }

#localAreaNav-side {
position: absolute; 
top:230px; 
width: 110px; 
}

ul#localNavSide  {
list-style: none;
margin: -10px;
padding: 10px;
background-color: rgb(237,248,232);
}

ul#localNavSide li a:link, ul#localNavSide a:visited {
text-decoration: none;
display: block;
}

#localAreaNav-side-2 {
font-family: Papyrus,Arial,Verdana; font-weight: bold; font-size: 10 px;
line-height: 1.2em;
position: absolute; 
top: 245px; 
width: 110px; 
margin: -10px;
padding: 10px;
color: rgb(94,85,147);
}

#localAreaNav-side-2 a:link, #localAreaNav-side-2 a:visited {
text-decoration: none;
height: 14px;
}
#localAreaNav-side-2 a:hover{
background-color: rgb(100,119,131);
color: #eee
}





#newMainContent { position: absolute; top: 90px; left: 130px; width: 430px; }
#newSecondaryContent { position: absolute; left: 75px; top: 75px; }
#fullWidthMainContent { position: absolute;  top: 100 px;}

#topLeftSiteWideImage {
position: absolute; top: 40px;
}
.innersearch { margin-top: 100 px;}

#rightTopImage img {
position: absolute; left: 560px; top: 75px;
}