/* All global styles */

body {
	font-family: arial,san-serif; 
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	text-align: center;
	margin: 0px;
	}

a:link {
	color: #666600;
	text-decoration: none;
	}
	
a:visited {
	color: #666600;
	text-decoration: none;
	}	
	
a:hover {
	color: #93934B;
	text-decoration: none;
	}

strong.black {
	color: #333333;
	}
	
#wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 740px;
      height: 500px;
      margin-left: -370px; /* half of width */
      margin-top: -250px;  /* half of height */
      }

#content { 
	float: left;
	text-align: left;
	width: 740px;
	height: 340px;
	padding-left: 10px;
	padding-right: 10px;
	} 

#content-home { 
	float: left;
	text-align: left;
	width: 740px;
	height: 311px;
	padding-top: 29px;
	padding-left: 10px;
	padding-right: 10px;
	}       

#left {
	float: left;
	text-align: left;
	width: 490px;
	height: 311px;
	padding-right: 20px;
	border-right-width: 1px; 
	border-right-color: #CCCCCC; 
	border-right-style: solid;
	}       

#right {
	float: left;
	text-align: left;
	width: 200px;
	height: 311px;
	padding-left: 10px;
	}       
	
#frame {
	text-align: left;
	width: 680px;
	} 	

/* All main navigation styles */    

#navigation { 
	float: left; 
	width: 740px;
	height: 50px;
	border-bottom-width: 1px; 
	border-bottom-color: #CCCCCC; 
	border-bottom-style: solid;
	margin-bottom: 30px;
	background-image: url(/images/n_grad.jpg);
	} 

#nav-logo {
	float: left;
	width: 144px;
	height: 21px;
	margin-left: 10px;
	margin-top: 16px;
	}

#nav-links {
	float: right;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	}

td.nav-a {
	border-right-width: 1px; 
	border-right-color: #CCCCCC; 
	border-right-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	}
	
td.nav-b {
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}

.nav-item {
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #666600;
	font-weight: bold;
	}
	
a.nav-item:link {
	color: #666600;
	text-decoration: none;
	}
	
a.nav-item:visited {
	color: #666600;
	text-decoration: none;
	}	

a.nav-item:hover {
	color: #93934B;
	text-decoration: none;
	}



/* All footer styles */     

#footer { 
	float: left; 
	width: 740px;
	height: 50px;
	border-top-width: 1px; 
	border-top-color: #CCCCCC; 
	border-top-style: solid;
	margin-top: 30px;
	background-image: url(/images/f_grad.jpg);
	} 

#footer-content {
	width: 740px;
	padding-top: 25px;
	}

.footer-text {
	font-family: arial,san-serif; 
	font-size: 10px;
	color: #999999;
	}
	
a.footer-text:link {
	color: #999999;
	text-decoration: none;
	}

a.footer-text:visited {
	color: #999999;
	text-decoration: none;
	}

a.footer-text:hover {
	color: #999999;
	text-decoration: underline;
	}	

	
	
/* All section styles */	

.section-title { 
	float: left;
	font-family: arial,san-serif; 
	font-size: 16px;
	color: #666666;
	text-align: left;
	width: 720px;
	height: 29px;
	} 	
	
.section-thumbnail { 
	float: left;
	text-align: left;
	width: 136px;
	height: 136px;
	margin-right: 10px;
	margin-bottom: 10px;
	} 	

.section-thumbnail-end { 
	float: left;
	text-align: left;
	width: 136px;
	height: 136px;
	margin-bottom: 10px;
	} 		
	
.section-previous { 
	float: left;
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-align: left;
	width: 360px;
	height: 19px;
	} 	
	
.section-next { 
	float: left;
	float: left;
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-align: right;
	width: 360px;
	height: 19px;
	} 		

a.section-item:link {
	color: #666600;
	text-decoration: none;
	}
	
a.section-item:visited {
	color: #666600;
	text-decoration: none;
	}	

a.section-item:hover {
	color: #93934B;
	text-decoration: none;
	}


/* All piece styles */	

#piece-left {
	float: left;
	text-align: left;
	width: 370px;
	height: 282px;
	margin-right: 68px;
	margin-bottom: 10px;
	} 
	
#piece-right {
	float: left;
	text-align: left;
	width: 282px;
	height: 282px;
	margin-bottom: 10px;
	} 		

#piece-text {
	float: left;
	text-align: left;
	width: 370px;
	height: 197px;
	} 

#piece-thumbnails {
	float: left;
	text-align: left;
	width: 370px;
	height: 85px;
	} 

.piece-title { 
	float: left;
	font-family: arial,san-serif; 
	font-size: 16px;
	color: #666666;
	text-align: left;
	width: 720px;
	height: 29px;
	} 	

table.piece {
	width: 370px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px; 
	border-bottom-color: #CCCCCC; 
	border-bottom-style: solid;
	}

td.piece-label {
	width: 85px;
	height: 24px;
	border-top-width: 1px; 
	border-top-color: #CCCCCC; 
	border-top-style: solid;
	}	

td.piece-description {
	width: 285px;
	height: 24px;
	font-weight: bold;
	border-top-width: 1px; 
	border-top-color: #CCCCCC; 
	border-top-style: solid;
	}		
	
.piece-thumbnail { 
	float: left;
	text-align: left;
	width: 85px;
	height: 85px;
	margin-right: 10px;
	} 	

.piece-thumbnail-end { 
	float: left;
	text-align: left;
	width: 85px;
	height: 85px;
	} 	
	
.piece-previous { 
	float: left;
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-align: left;
	width: 360px;
	height: 19px;
	} 	
	
.piece-next { 
	float: left;
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-align: right;
	width: 360px;
	height: 19px;
	} 		
	
	
	
	
/* All contact styles */	
	
	
td.contact-label {
	width: 70px;
	height: 28px;
	}	
	
td.contact-field {
	width: 350px;
	height: 28px;
	}	
	
a.button:link, visited {	
	float: left;
	font-family: arial,san-serif; 
	font-size: 12px;
	color: #666600;
	font-weight: bold;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border-width: 1px; 
	border-color: #666600; 
	border-style: solid;
	}
	
a.button:hover {		
	background-color: #EFEFE5;
	}