@charset "utf-8";
a:link {
	color:#FFFFCC;        /*links are light gold colored */
	text-decoration:none; /*links have no underline */
}
a:visited {
	color:#FFFFCC;        /* visited links are light gold colored */
	text-decoration:none; /*links have no underline */
}
a:active {
	color:#FFFFCC;         /* active links are light gold colored */
	text-decoration:none;  /* active links have no underline */
}
a:hover {
	color:#FFFFCC;          /* hovered links are light gold colored */
	text-decoration:none;   /* hovered links have no underline */
	font-weight:bold;       /* they change to a bold font */
}
#arial_font {                /* Body of the text is Arial */
	font:Arial, Helvetica, sans-serif;        
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 14px;
}
body {
	margin: 0;     /* zero the margin and padding to account for differing browser defaults */
	padding: 0px;  /* the page is padded 0 pixels from the left edge of the browser  */
	text-align: left; /* this centers the container in IE 5* browsers.  */
	background-image:url(images/Redgradient.gif);  /* The black-to-red gradient color of the page */
	color: #FFFFCC;                         /* overall default text color is light gold */
}
#container {
	width: 966px;  /* The container will fit in an 800px browser window with room for scrollbar */
	margin: 0 auto;    /* the auto margins (in conjunction with a width) center the page */
	text-align: left;  /* this overrides the text-align: center on the body element. */
	padding-bottom: 20px;  /* the 'breathing space' at the bottom */
	padding-top: 20px;     /* the 'breathing space' at the top */
	float:left;            /* keep the page all the way left, no matter how the brower is resized */
}
#norma {          /* Large font used only for Norma's name at the top */
	font:"Monotype Corsiva";        
	font-family:"Monotype Corsiva";
	line-height: 36px;
	font-size: 48px;
	padding-left: 20px;
}
#norma_subtitle {      /* font for the phrase 'Northern California Landscapes' */
    font-size: 22px;
}
#footer {              /* used only for the text in the footer of the page. Really small size. */
	font-size: 10px;   
}
#horizontal {          /* sizes the horizontal thumbnails */
	height:70px;
	padding-bottom: 5px;
}
#vertical {            /* sizes the vertical thumbnails */
	height:120px;
	padding-bottom: 5px;
}
#loadarea {          /* the size of the large painting viewing areas on the gallery page */
    width: 470px;    /* When you resize your photos in photoshop, they must fit in this area. */
    height: 470px;	 /* Make your photos 470 px wide, and 400 px tall. NOT 410. The extra space  */
			         /* will be for the title underneath. */
	padding-left: 30px;
	text-align:center;
}
#menu {              /* the left menu bar of every page */
	font:"Lucida Calligraphy";
	font-family:"Lucida Calligraphy";
	font-style:normal;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
}
#scroll {           /* the scrolling thumbnails on the gallery pages. */
	overflow:auto;  /* automatically places a scroll bar if there are too many icons to fit */
	height:450px;
	width:220px;
}
#links ul {   /* controls the look and feel of the main menu on the left of the page */
	list-style-type: none;
	text-decoration: none;
	width: 130px;
}
#links li {   /* controls the look and feel of the main menu on the left of the page */
	border: 1px dotted #999;
	border-width: 1px 0;
	margin-bottom: 8px;
	margin-top: 8px;
	list-style-type: none;
}
#links li a {  /* controls the look and feel of the main menu on the left of the page */
	color: #FFFFCC;
	display: block;
	padding-top: 10px;
	padding-bottom:10px;
	text-decoration: none;
	list-style-type: none;
}
* html #links li a {  /* make hover effect work in IE */
	width: 130px;
}
#links li a:hover {  /* controls the look and feel of the main menu on the left of the page */
	background: #622000;
}
html {     /* Make the scrollbars red in internet explorer. Doesn't work in other browers. */
    scrollbar-face-color: #f9e395;
    scrollbar-shadow-color: #e1c872;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color:#FFFFCC;
    scrollbar-darkshadow-color: #780808;
    scrollbar-track-color: #5a0909;
    scrollbar-arrow-color: #000000;
}