/* CSS Document */
/* This CSS document is where you set all the style (colors, fonts, padding, spacing, borders, etc. so that you can easily change the way your entire website looks by changing the parameters below.  Find explanation and use of CSS sheets at http://www.davesite.com/webstation/css/chap01.shtml*/

/* Settings for the body tag, meaning that anything that is applicable to the entire body of the html page */

#body {
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

/* Settings for subject (page title), text and footer. */
	
#subject { font-family:Georgia, "Times New Roman", Times, serif; line-height:28px; font-size:22px; font-weight:bold; font-style:italic; color:#660000; }

#text {
	font-family:Verdana, Arial, Helvetica;
	line-height:24px;
	font-size:12px;
	color:#000000;
}

#text2 {
	font-family:Verdana, Arial, Helvetica;
	line-height:24px;
	font-size:14px;
	color:#669999;
	font-weight: bold;
}

#index {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}	

/* The footer can easily be changed on every page by easily changing these settings. */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #669999;
} 
	}

/* Settings for general links. */


a:link { /* link colors */
color:#660000;
font-weight:bold;
	text-decoration: none; 
}
a:visited { /* link colors */
color:#669999;
font-weight:bold; 
	text-decoration: none;
}	 
a:hover { /* link colors */
	text-decoration: none;
	font-weight:bold;
	color:#669999;
}
a:active { /* link colors */
	text-decoration: none;
	color:#660000;
	font-weight:bold;
}


/* Anywhere where you want to create a main image, add id="mainImage" to the <img> tag and it will use this border. */

#mainImage {
	border-color: #C0C0C0;
	border-style: double;
	border-spacing: 25px;
	border-width: medium;
	padding: 3px;
	margin-top: 40px;
	}

#formstyle {
	border-style: double;
	}

/* Settings for an attribute named thumbnailimg.
Anywhere where you want to create a thumbnail image, can add id="thumbnailimg" to the <img> tag and it will use this border. */

{
#thumbnailimg {
	border-color: #C0C0C0;
	border-style: double;
	border-spacing: 30px;
	border-width: medium;
	}
	 

/* General styles for text. You can easily link to these styles within Dreamweaver interface, by selecting text and choosing the style in the drop-down menu. */
.style1 {
	color: #000000;
	font-weight:bold;
	font-size:14px;
	}

.style2 {
	color: #ffffff;
	font-size:10px;
	text-align:right;
	padding-top: 10px;
	padding-right: 5px;
	}

/* You can create as many styles as you want! */

/* These are the settings for an attribute I have set up, called navlist - and these are used for the main navigational menu buttons on the top-right of every page. You can change the way those look on EVERY page by changing these settings here. */

#description a:link, a:visited {
	color: #669999;
	font-weight: bold;
	text-decoration:none;
	}
	
#description a:hover, a:active {
	color: #660000;
	font-weight: bold;
	text-decoration:none;
	}

/* Everything below this point is for the horizontal drop-down menu items that exist on every page, i.e. Collection, Front Row, Library, and Contact. */

#cssmenu1 {
	padding-left: 2 px;
	}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
padding-left: 10px;
list-style-type: none;
}


/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 99px; /*Width of top level menu link items*/
padding: 2px 2px;
/*border: 1px solid #202020;*/
border-left-width: 0;
text-decoration: none;
color: #000000;
font: bold 15px "Arial Narrow";
}
	
/* End */