/* ========================================================
This is used by HinduTempleHouston.Net - It is a model for other
web sites.  
==========================================================================
To see hex codes for bkgrnd colors open Adobe Photoshop 6.0 
or open work PC folder bkn_data0, that has hex color codes of commonly
used colors.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 


=======================================================
Below are where you change background image every 6 months
to keep boredom away- keep the same image in all below.
===========================================================
 There is no need for mainbody  to be ID. It should be 
div.pagehead. But in many files e.g. chinmaya.shtml we are using
id=mainbody. Hence leave it as #mainbody    

*****************************************************************
This is for  main area to the right of hindutemplehouston.net and freshness.biz
we will change the image periodically to keep boredom away.
*****************************************************************

font-size=16px so on 1024 X 768 screen, myds.org home page shows without
having to scroll to the right.
========================================================================== */


#mainbody {
  font-size: 16px;
  font-weight: bold ; 
  font-family: verdana, sans-serif;
  background-image: url(/bkgrnd/green1.gif) ;   
  border: none; 
  color: black; 
}

          
#nav {
            font-size: 16px;
            font-weight: bold; 
            font-family: Arial, Garamond, sans-serif;
            background-image: url(/bkgrnd/green1.gif) ;   
            position: absolute;
            top: 0px;
            left: 0px;
            width: 25%;
            height=100%;
            color: black;              
            border: thick solid;
            border-color: red; 
}


#main {
            font-size: 16px;
            font-weight: bold  ; 
            font-family: verdana, sans-serif; 

          background-image: url(/bkgrnd/yellow3.gif)  ;   

            position: absolute;
            top:  0%; 
            left: 25%;
            width: 75%; 
            height: 100%; 
            color: black;              
            border: thin solid;
            border-color: red; 
            float: left; 
 }


/*===========================================================
end of code where images are used as background and such image changes 
every 6 months or so. 
==================================================================*/




A {
/*  text-decoration:none; */ 
}



BODY {   background-attachment: fixed;
  font-size: 100%;
  font-family:  Verdana, sans-serif;  } 


/***********************************************************
 There is no need for banner  to be ID. It should be 
div.banner. But in navigation.shtml we are using
id=banner. Hence leave it as #banner   
********************************************************;

#banner {
            font-family: Times New Roman, verdana, sans-serif;
            font-size: 20px;
            background-color: #c0c0c0; 
            border: thick solid;
            border-color: red; 
 }

/* There is no need for pagehead to be ID. It should be 
div.pagehead. But in many files e.g. chinmaya.shtml we are using
id=pagehead. hence leave it as #pagehead  */ 

#pagehead {
  font-size: 17px;
  font-family: Arial, Garamond, sans-serif;
  border: thin solid;   
  color: black; 
  BACKGROUND-COLOR: #F4EFCA; 
  margin-top: none; 
  margin-bottom: 10px;  
}


#pagehead2 {
  font-size: 20px;
  font-family: Arial, Garamond, sans-serif;
  border: thin solid;   
  color: black; 
  BACKGROUND-COLOR: #F4EFCA; 
  margin-top: none; 
  margin-bottom: 10px;  
}



H1 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
  } 

H2 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
   } 

H3 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
   } 

H4 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
   } 

H5 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
   } 

H6 {  color: blue; font-family: Garamond, "Times New Roman", serif; 
   } 

P.abstract { FONT-WEIGHT: 100; 
  font-style: italic; 
  font-family: Arial; color:green ;  } 

P.quote { MARGIN-LEFT: 3%; MARGIN-RIGHT: 3%; font-style: italic; 
   color: blue;  } 

EM {   FONT-WEIGHT: normal; FONT-STYLE: italic; color:red;  } 

STRONG { FONT-STYLE: italic; FONT-WEIGHT: bold; color:red;   } 




TD.shaded {  /* shade is Plum - like pink  */ 
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #DDA0DD; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}

TD.shaded1 {   /* bkgrnd is khaki- i.e. yellowish -  FFFF99  */ 
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: rgb(255,255,153);
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}

TD.shaded2  {    /* bkgrnd is CCCC99 -  olive  */ 
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: rgb(204,204,153);
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}

TD.dark_sea_green  {
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #8fbc8f; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}
TD.dark_salmon  {
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #e9967a; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}
TD.pink   {
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #ffc0cb; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}
TD.light_blue    {
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #add8e6; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}
TD.khaki   {
  font-size: 17px;
  font-weight: normal ;
  font-family: verdana, sans-serif;
  BACKGROUND: #f0e68c; 
  border-bottom: solid thin navy; 
  border-right:  solid thin navy; 
}



.text {
	font-size: 18pt;
	font-weight: 100;
	font-style: normal;
	text-align: left;
	color: #ffff00;
	font-family: "Times New Roman","Times",serif;
}
.text2 {
	font-size: 20pt;
	font-weight: 100;
	font-style: normal;
	text-align: left;
	color: #cc0033;
	font-family: "Times New Roman","Times",serif;
}
.text3 {
	font-size: 18pt;
	font-weight: 100;
	font-style: normal;
	text-align: left;
	color: #9900FF;
	font-family: "Times New Roman","Times",serif;
} 

.centered_text {TEXT-ALIGN: center } 

.centered  {
  TEXT-ALIGN: center; /* This will work with IMG tag also */ 
}   

.navbar  {
  TEXT-ALIGN: center;
}  

DIV.boxed_no_color  {  
  BORDER: thin solid;
  WIDTH: 100%;  } 

DIV.boxed_colored1  {    /* bkgrnd is green-blueish */ 
  BORDER: thin solid;
  padding: 10px;
  BACKGROUND-COLOR: rgb(204,255,204); 
  font-size: 17px;
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
   } 

DIV.boxed_colored2  {  /* bkgrn is  olive  */ 
  BORDER: thin solid;
  padding: 10px;
  BACKGROUND-COLOR: rgb(204,204,153); 
  font-size: 17px;
  MARGIN-LEFT: 1%; 
  MARGIN-RIGHT: 1%; 
  } 


DIV.boxed_colored3  {   /* bkgrnd is blueish  */ 
  padding: 10px;
  BORDER: thin solid;
  BACKGROUND-COLOR: #99ccff;  
  font-size: 17px;
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
 } 

DIV.boxed_colored4  { /* bkgrnd is light yellowish */  
  padding: 10px;
  BORDER: thin solid;
  BACKGROUND-COLOR: #ffffcc;  
  font-size: 17px;
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
} 

DIV.boxed_colored5  {  /* bkgrnd is dark green  */   
  padding: 10px;
  BORDER: thin solid;
  BACKGROUND-COLOR: #669933;  
  font-size: 19px;
  color: black; 
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
  } 

DIV.boxed_colored6  {  /* bkgrn is  yellow  */ 
   border-color: blue; 
   border: double 
  padding: 10px;
  BACKGROUND-COLOR: yellow; 
  color: red;   
  font-size: 18px;
  MARGIN-LEFT: 1%; 
  MARGIN-RIGHT: 1%; 
  } 

DIV.boxed_light_gray  {   /* bkgrnd is light gray  */   
  padding: 10px;
  BORDER: thin solid;
  BACKGROUND-COLOR: #cccccc;  
  font-size: 17px;
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
  } 


DIV.nobox_colored   {   /* bkgrnd is light gray */   
  MARGIN-LEFT: 3%; MARGIN-RIGHT: 3%; 
    PADDING: 10px; 
  BORDER-RIGHT: medium none; 
  BORDER-TOP: medium none; 
  BORDER-LEFT: medium none; 
  BORDER-BOTTOM: medium none; 
  BACKGROUND-COLOR: #cccccc;
}
 
DIV.boxed_colored  {   BORDER-RIGHT: thin solid;
  BACKGROUND-COLOR: rgb(255,204,153); 
  MARGIN-LEFT: 3%; MARGIN-RIGHT: 3%;
  PADDING-RIGHT: 0.2em; BORDER-TOP: thin solid; 
  PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.2em; 
  BORDER-LEFT: thin solid; WIDTH: 100%; 
  PADDING-TOP: 0.2em; 
  BORDER-BOTTOM: thin solid } 


DIV.boxed_large_font   {  /* bkgrn is  olive  */ 
            font-size: 16px;
            font-weight: bold; 
            font-family: Arial, Garamond, sans-serif;

  BORDER: thin solid;
  padding: 20px;
  BACKGROUND-COLOR: rgb(204,204,153); 
  MARGIN-LEFT: 1%; 
  MARGIN-RIGHT: 1%; 
  } 


/*******************************************************************************
this is for barry's ad on top of each page on  hindutemplehouston.net
****************************************************************************/ 

DIV.boxed_flash1   {  /* bkgrn is  olive  */ 
  BORDER: thick solid;
  padding: 5px;
  BACKGROUND-COLOR:  rgb(200,200,150); 
  font-size: 16px;
  MARGIN-LEFT: 1%; 
  MARGIN-RIGHT: 1%; 
  } 

DIV.boxed_colored9  {  /* bkgrn is pink - for eye catching ad   */ 
  BORDER: thick solid;
  padding: 10px;
  BACKGROUND-COLOR: pink; 
  font-size: 19px;
  MARGIN-LEFT: 1%; 
  MARGIN-RIGHT: 1%; 
  } 



DIV.boxed_flash2   {  /* bkgrn is  olive  */ 
  BORDER: thick  solid;
  padding: 10px;
  BACKGROUND-COLOR: rgb(204,204,153); 
  font-size: 16px;
  font-weight: bold ; 
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
  } 

DIV.boxed_flash3   {  /* bkgrn is red - text - yellow   */ 
  BORDER: thick  solid;
  padding: 10px;
  BACKGROUND-COLOR: red;  
  color: yellow;   
  font-size: 17px;
  font-weight: bold ; 
  MARGIN-LEFT: 5%; 
  MARGIN-RIGHT: 5%; 
  } 

DIV.heading123    {  /* bkgrn is  olive  */ 
  BORDER: thin solid;
  padding: 10px;
  BACKGROUND-COLOR: rgb(204,204,153); 
  font-size: 17px;
  font-weight: bold ; 
  } 

DIV.bold123     {  
  font-size: 20px;
  font-weight: bold ; 
  font-family: verdana, sans-serif; 

} 

/****************************************************/