/* =========================================================================== */

/* What:       Royal Carrizo Weather Site -- Mountain Center, California     */
/* Name:		rc_main.css "Style sheet for all site pages                 */
/* Date:       14 Apr 2005 Rev: 14 July 2005			                                    */

/* Author:     George Reeves - rc_weather@earthlink.net
/* =========================================================================== */
/* ----------------------------------------------------------------------------*/

/* What:          Page Appearance rules, Body Fonts                            */
/* ----------------------------------------------------------------------------*/

/* All pages of the web will belong to the "content" class. */
.content	{
			position: relative;
			width: auto;
			min-width: 300px;
			border: 1px solid #C1B7A9; 
			margin:1px 1px 1px 1px; 
			background-color: #F6F4F1;
			z-index: 1;
 
			}
			
/*  This is a test box - if used, chnage color to #F6F4F1  */			
.expandingbox	{
			position: relative;
			width: auto;
			min-width: 200px;
			border: 1px solid #C1B7A9; 
			margin:5px 10px 5px 10px; 
/*			background-color: #669999; */
			background-color: #F6F4F1;
 			z-index: 2;
			}




html		{
			background-color: #F5F5DC;
			}
						
body 		{
				margin: 10px; background-color: #F6F4F1; 
			 	font-family: verdana, arial, geneva, sans-serif;
			 	border: 1px solid #333333
			 	}
			 	
body p 		{
				background-color: #F6F4F1; 
			 	}
			 	
body table td.imgcol 	{ width: 100px; }
body table td.textcol 	{width: 448px; }
body h2 				{margin-bottom: 0px}
body img 				{margin-top: 20px}
			 	
			 	


h2   	{
		color: #333366; 
		font-weight: normal; 
		text-transform: uppercase; 
		text-align: center;
		padding-top: 10px; 
		border-bottom: 1px solid #666666;
		font-size: 18px;
		letter-spacing: 5px;
		margin: 10px 10px 20px 10px;
		}
		
			 	
h3   	{
		text-align: left; 
		border-bottom: medium none; 
		color: black; 
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0px; 
		background-image: url('none');
		margin-top:10px;
		margin-right:20px; 
		margin-bottom:5px;
		margin-left:20px; 
		}
	  
h3 		{
		padding-left: 45px;
		background-image: url('images/h3decoration.gif');
		background-repeat: no-repeat; 
		}

h4      {
		text-align: left; 
		border-bottom: medium none; 
		color: black; 
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0px; 
		background-image: url('none');
		margin: 10px 30px 0px 30px; 
		}

p		{
		color: #333366;
		font-variant:normal; font-family:Verdana; 
		font size: 11pt;
		margin: 10px 30px 0px 30px;
		align: left;
		margin-top:10px; 
				}

   
body, dl, dt, dd, ul, ol, li, td, th, .text      
                  { 
                  color: #333366; 
                  font-size: 11pt; 
                  font-family: verdana, arial, geneva, sans-serif; 
                  }
                   
.gc1, .gc2        { color: ;  }  
.gc2              { text-align: center; }
hr                { color: #333333; }
a 					{color: #0033cc;}
a visited 			{color: #ff0066;}


a link 		 		{ color: #003333; font-weight: bold }
a:hover          	{ color: #6600cc; background: #ffff00; font-weight: bold }

h1 				{
				background-color: #1E396A; 
				margin: 0px; 
				padding: 0px 0px 0px 10px;
				}
h1 img 			{
				margin: 4px 0px 5px 0px;
				}
				
div.clear 		{
				height: 1px; 
				clear: both; 
				height: 1px;
				}
				
cite 			{
				font-size: 10px; 
				font-style: italic;
				}
				
blockquote 		{
				margin: 10px 30px 0px 30px; 
				padding: 0px; 
				}
				
blockquote p 	{
				font size: 9pt;
				font-style: italic; 
				margin: 0px;
				}

hr 				{
				border-top: 1px solid #706F6E; 
				height: 1px; 
				clear: both; 
				margin: 10px 10px 10px 10px;
				}

/* ------------------------------------------------------------------- */

/* The three boxes below are used to generate boxes for stuff and other pages */

/* ---------------------------------------------------------------------- */				
/* All the textbox boxes belong to the textbox class. */
.textbox 	{
 			position: relative;
 			width: auto;
 			min-width: 120px;
 			margin: 0 10px 10px 200px;
 			border: none;
 			background-color: #F6F4F1;
 			padding: 0px 10px;
 			z-index: 3;
}
#imgbox 	{
 			position: absolute;
 			width: 160px;
 			top: 10px;
 			left: 10px;
 			font-size: 0.9em;
 			border: none;
 			background-color: #F6F4F1;
 			padding: 10px 0px;
 			z-index: 4;
}
.staffbox	{
			position: relative;
 			width: auto;
 			border: none;
 			background-color: #F6F4F1;
 			padding: 10px;
			margin: 10px 10px 10px 10px;
 			z-index: 1;
			}
/* ---------------End of staff box design ----------------------------------- */

/* ---------------Start of the rcw page design -------------------------- */

.rcwpage	{
			position: relative
 			width: auto;
 			border: 1px solid #C1B7A9;
 			background-color: #F6F4F1;
 			padding: 10px;
			margin: 10px 10px 10px 10px;
 			z-index: 1;
			}
			
h2.rcwpage	{
			text-align:center;
			font-size: large;
			font-weight: 600;
			border: none;
			}			
			
.datebox	{			
			position: relative;
			width: auto;
			min-width: 200px;
			border: 1px solid #C1B7A9; 
			margin:5px 10px 5px 10px; 
			background-color: #669999; 
 			z-index: 2;
			}
			
p.datebox	{
			padding-left: 1px;
			font-size: normal; 
			color: "#FFFFFF";
			text-indent: 1em;
			border: none;
			font-weight: 700;
			} /* not being used now */

		
			
/* ---------------End of the rcw page design -------------------------- */