/* body style */   
body {
     background-color: #fcb042;
     font: normal normal 12px Arial;
     color: #000000;  
     text-align: left;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-image: url('images/tempback1.jpg');
	background-repeat: repeat-y;
	background-position: center;
}

/* link styles */

a:link { 
     text-decoration: none; 
     color: #025CBF;
}

a:visited { 
	text-decoration: none; 
	color: #025CBF;
}

a:hover {
	text-decoration: none; 
	color: #8B3674;
}

a:active { 
	text-decoration: none; 
	color: #8B3674;
}

/* text/font styles */

h2 {
	color: #0CB672;
	font: italic bold 16px Georgia;
	background-image: url('images/heading_background.png');
	background-repeat: no-repeat;
	padding: 5px 0px 3px 8px;
	margin: 0px 0px 20px -2px;
}

h3 {
	
}

h4 {
	color: #0CB672;
	font: normal bold 14px Arial;	
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

p {
	margin: 12px 10px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-weight: normal;
}

ul {
	font-weight: normal;
}
	
.welcome {
	margin: 15px 10px 0px 0px;
	padding: 2px 0px 0px 0px;
	font: normal bold 14px "Lucida Sans";
}

.eyepopping {
	margin: 45px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font: italic bold 16px "Arial";
	text-align: center;
}

.gyro {
	font-style: normal;	
	font-family: "Times New Roman",Arial;
}

.footnote {
	font-style: italic;	
	color: #333333;
}

.special { /* blue text */ 
	font: normal bold 14px "Times New Roman";
	color: #006699;	
}	
#leftcoltext {
	width: 140px; 
	font: italic normal 12px Georgia;
	color: #333333;		
   	padding: 0px 0px 0px 35px;
}

/* standard container, column wrapper, left-center-right columns, and footer */  

#container {
	width: 1024px; /*Width of main container*/
	margin: auto;
}

#column_wrapper {  /* contains the three columns */
	float: left;
	width: 1024px;
	min-height: 600px;
}

#column_wrapper_static {  /* contains the three columns */
	float: left;
	width: 1024px;  /* column_wrapper:width = left_column:width + center_column:width + right_column:width */
	min-height: 600px;
	margin-bottom: 3px;
	background-image: url('images/decstrip.jpg');
	background-repeat: repeat-y;
	background-position: right;
}

#left_column {
	float: left;
	width: 200px; /* left_column:width */
}

#center_column {
	float: left;
     margin-top: 120px;
     width: 746px; /* center_column:width */
}	

#right_column {
	float: left;
	width: 78px; /* right_column:width */
}

#footer {
     clear: left;
     text-align: center;
	font: normal normal 10px Arial;
	color: #777777;
     margin: 3px 0px 0px 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

#center_column_special {  /* variant for front page only, with large flash object in right column */
	float: left;
     margin-top: 120px;
     width: 524px; /* center_column_special:width */
}

#right_column_special { /* variant for front page only, with large flash object in right column */
	float: left;
	width: 300px; /* right_column_special:width */
}

/* a few boxes */

.greeting_area { /* special for first page only */
     float: left;
	height: 400px; 
}

.address_area{
	width: 380px; /* for n addresses, n times address_box width + padding */ 
	height: 80px; /* height of an address box */
	margin: 0px auto 0px auto;
}  

.address_box{
     float: left;
	height: 80px;
	width: 190px;
	text-align: center;
 	font: normal normal 10px Arial;
	color: #333333;
}

#video_box{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* image styles */

.logo {
	border: none;	
	width: 290px; 
	height: 187px;
}

.picshot { /* individual images */
	width: 180px; 
	height: 135px;
	float: right;
	margin: 25px 10px 10px 10px;	
}

.picshotgyro { /* individual images */
	width: 210px; 
	height: 288px;
	float: right;
	margin: 25px 10px 10px 10px;	
}

.mugshot {  /* individual images - people */
	width: 210px; 
	height: 284px;
	float: right;
	margin: -8px 0px 10px 5px; /* slightly smaller margin on the right, to accommodate larger pictures */
	border: none;
}

.maps {  /* individual images - maps */
	width: 270px;
	height: 300px;
	float: right;
	margin: 20px 8px 10px 8px;
}

.multidiv { /* div container for multipic images */
	float: right;
	width: 180px; /* width is same as multipic width */
	margin: 25px 10px 10px 10px;	
}

.multipic {
	width: 180px; 
	height: 135px;
	margin: 0px 0px 10px 0px; /* 0px 0px Space_Between_Pictures 0px */		
}