/*  homemade.css  - 07/29/04 - Frank DeMarco      */
/**************************************************/
/* homemade.css                                   */
/**************************************************/
/* Color Scheme - Mountain Meadow Design web site */
/* Frank DeMarco - 07/28/2004                     */
/* Header image:                                  */
/*       sky: 3399FF                              */
/*       grass: 00FF33                            */
/*       Text: 990033  Maroon   (alternate)       */
/*       Text: 000099 Dark Blue                   */
/* most background color pale green #B2C4C2       */
/* Content background light gray rgb(230,230,230) */
/* Headings and accents dark red #990033          */
/**************************************************/
/* HTML tag styles                                */
/**************************************************/ 
/* html {margin: 0px; padding: 0px; border: 0px;} */

body {
   font-family: 'Microsoft Sans Serif', Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height: 16px;
   font-weight:500; 
   background-color: #B2C4C2; 
   color: #000099;  /* dark blue */
 /*  border: 0px double pink;  */
   margin: 0; 
   padding: 0;  
    /* Begin floating background image */
    background-attachment: fixed;
    /* background-image:   url(Images/frankie_111x154.jpg); alt image for floating */
    background-image: url(Images/MtnMdw073104top_fade_2.jpg);
    background-repeat: repeat-x;
    background-position:   left bottom;  
    /* End floating background image */
}
    
body p {
padding: 4px;
}  

#leftcol, #rightcol {
     width: 150px;
   text-align: center;   /*06/29/05 changed from left to center  */
     /* background-color:#B2C4C2; */
	 padding: 3px;
	 border: 0px solid red;
}

#leftcol ul {
     list-style: none;
	 margin: 0;
	 padding: 0;
}

#leftcol img{
     border: 0px solid #B2C4C2; /* Use background color to position these images - W3C logos */
	 /* made above 0px on 081704 after removing w3c logos and to adding inman logo with transparent bg */
	/* border-bottom: 2px solid #B2C4C2; */
}
	 
#midcol {
    width: 550px;
	text-align: left;
	background-color: rgb(230,230,230); 
	/* background-color: rgb(250,240,230); */
	padding: 4px;
	border-style: solid;
	border-color: #990033;
	border-width: 2px 2px 2px 2px;
}

#midcol td img{ /* trying to frame images only on photos page - this does all pages with img in td */
     border: 2px solid #000000; /* put black frame around pictures */
	 }
	 
#wholepage {  /* The table that envelops content */
     width: 850px;
	/* background-color: #B2C4C2; */
	 border: 0px solid #990033;
}
	 
#masthead {
    padding: 0px  0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    border: 0px solid #990033;
    background-color: #B2C4C2;
}
 
a {
	color: #3399FF;  /* azure blue */
	text-decoration: none;
}

a:link{	/* when hyperlink has not yet been visited */
	color: #000099;  /* dark blue  */
	text-decoration: underline; 
}

a:visited{ 	/* when hyperlink has been visited */
    color: #990033; /* maroon */
	text-decoration: none;
	/* font-style: oblique;  commented out 082504 */
}

a:hover{ 	/* when mouse is over the link */
	background-color: #FFFFCC; /* yellow */
	color: #3399FF;  /* azure blue */
	text-decoration: none;
	/* text-transform: uppercase; commented out 081205 frank */
}

 /*  Unused ??   
#siteName {
    padding: 0px  0px 0px 0px; 
    margin: 0px 0px 0px 0px;
   border: 1px solid #990033;  
    background-color: #B2C4C2;
}
#siteName img{
   display: block;
}  
*/

#globalNav{  /* for placing top menu bar  changed to position below on 081205 frank*/
    text-align: left;
    padding: 5px 0px 0px 150px; /* top right bottom left */
 /*  border-top: 2px solid #990033; */
 /*  border-bottom: 2px solid #990033;   */
 /*  font-weight: bold; */
     color: #990033;    
}

table  h3, h2 {
   padding-left: 16px;
} 

.colbox { /* for boxing text in left or right columns */
	 width: 140px; /* changed 120 to 140 on 6/29/05 */
     text-align: center; 
	 background-color: rgb(204,204,204);
     border: 2px solid; /* reduced from 4 to 2 on 082704 */
	 border-color: #990033;
	 border-bottom-width: 4px; /* reduced from 8 to 4 on 082704 */
	 padding: 2px;
	 margin: 2px; /* changed 10 to 2 on 6/29/05 */
	 }

.midbox {  /* for boxing text in center columns */
    width: 500px;
	text-align:center; font-weight: normal;
	background-color: rgb(204,204,204); 
    border: 2px solid; /* reduced from 5 to 2 on 082704 */
	border-color:#990033;
	border-bottom-width: 5px; /* reduced from 10 to 5 on 082704 */
	padding: 1px;
	margin: 15px;
}

.greeting { /* for setting font for javascript time of day greeting  */
    font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
}
	
	
.punbox {  /* for boxing internet jokes in center columns */
    width: 700px;
	/*text-align: left; font-weight:bold;  */
	text-align: left;
	font-weight: normal;
	background-color: rgb(204,204,204); 
    border: 2px solid; /* reduced from 5 to 2 on 082704 */
	border-color:#990033;
	border-bottom-width: 5px; /* reduced from 10 to 5 on 082704 */
	padding: 10px;
	margin: 15px;
}
.amabox { /* For centering amazon content in middle column */
    width: 470px;
	text-align:center; font-weight:bold;
	background-color: rgb(204,204,204); 
    border: 3px solid; /* reduced from 5 to 3 on 082704 */
	border-color:#990033;
	border-bottom-width: 6px; /* reduced from 10 to 6 on 082704 */
	padding: 1px;
	margin: 1px 15px 3px 30px;
}

/************* #siteInfo styles ***************/

/************* #footer styles ***************/
/* Need special colors for footers because of photo displayed in background */
#footer1{
    text-align: center;
	/* clear: both;
	float:  left;
	border: 0px solid #cccccc; 
	/* font-size: 75%; */
	font-weight: bold; 
	color: #3399FF;   
	padding: 2px 2px 2px 2px;
}
#footer2{
    text-align: center;
	font-weight: bold; 
	color: #3399FF;   
	padding: 2px 2px 2px 2px;
}

#footer1 a:link{	/* when hyperlink has not yet been visited */
    color: #3399FF; /* azure blue */
	text-decoration: none;
}

#footer1 a:visited{ 	/* when hyperlink has been visited */
	color: #FFFFCC;  /* yellow  */
	text-decoration: underline; 
}

#footer1 a:hover{ 	/* when mouse is over the link */
	background-color: #FFFFCC; /* yellow */
	color: #3399FF;  /* azure blue */
	text-decoration: none;
	/* text-transform: uppercase; commented out 081205 frank */
}

/*********** Form stuff ******************/


.inputLine{
width : 420px;
margin-left : 10px;
margin-right : 10px;
margin-top : 0px;
margin-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 5px;
padding-bottom : 5px;
background-color: rgb(230,230,230); /* this matches light gray background of content area */

}

.inputLabel{
float : left;
height : 15px;
width : 130px;
color : black;
font-weight : bold;
font-family : verdana, arial, sans-serif;
text-align : right;
font-size : 12px;
padding-top : 3px;
}

.inputBox {
height : 15px;
width : 270px;
color : black;
font-weight : bold;
font-family : verdana, arial, sans-serif;
text-align : right;
font-size : 12px;
text-align : left;
}

.inputTextarea{
width : 270px;
color : black;
font-weight : bold;
font-family : verdana, arial, sans-serif;
text-align : right;
font-size : 12px;
text-align : left;
}

.sButton {
height : 20px;
width : 70px;
color : black;
font-weight : bold;
font-family : verdana, arial, sans-serif;
text-align : center;
font-size : 12px;
}


/* Start of entries for CSS Top Menu */

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 1px solid #B2C4C2; /* changed from black to background to hide 081205 frank */
border-left-width: 0;
/* background-color: #D8FE89;  */
background-color: #B2C4C2;

}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: #990033; /* Maroon */
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #EEFFCC;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: yellow;
color: #000099;  /* Dark Blue */
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

/* End of entries for CSS Top Menu */