/************* NAVIGATION ****************/

#column1 ul {margin:0;padding:0;}

#column1 li {
	display:block;
	
	}
	
/* hide from mac ie5 \*/
#column1 li {display:inline;margin:0;}
/* end hide from mac ie5 */

#column1 a:link, #column1 a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	

#column1 #photo_a1 a{width:231px;height:77px;}
#column1 #photo_a2 a{width:231px;height:79px;}
#column1 #photo_a3 a{width:231px;height:81px;}
#column1 #photo_a4 a{width:231px;height:81px;}
#column1 #photo_a5 a{width:231px;height:132px;}
#column1 #photo_a6 a{width:231px;height:79px;}
#column1 #photo_a7 a{width:231px;height:77px;}


#column1 #photo_a1_current a{width:231px;height:77px;}
#column1 #photo_a2_current a{width:231px;height:79px;}
#column1 #photo_a3_current a{width:231px;height:81px;}
#column1 #photo_a4_current a{width:231px;height:81px;}
#column1 #photo_a5_current a{width:231px;height:132px;}
#column1 #photo_a6_current a{width:231px;height:79px;}
#column1 #photo_a7_current a{width:231px;height:77px;}
	
#column1 li {font-size:1em;}

/* end hide from mac ie5 */
#column1 span {visibility:hidden;}

#column1 a:hover span, #column1 a:active span, #column1 a:focus span {visibility:hidden;}
	
#column1 a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#column1 a:active, #column1 a:hover {border-width:0;}
	
/* normal state */
#photo_a1 a:link, #photo_a1 a:visited {background-image:url("images/port_a1.gif");}
#photo_a2 a:link, #photo_a2 a:visited {background-image:url("images/port_a2.gif");}
#photo_a3 a:link, #photo_a3 a:visited {background-image:url("images/port_a3.gif");}
#photo_a4 a:link, #photo_a4 a:visited {background-image:url("images/port_a4.gif");}
#photo_a5 a:link, #photo_a5 a:visited {background-image:url("images/port_a5.gif");}
#photo_a6 a:link, #photo_a6 a:visited {background-image:url("images/port_a6.gif");}
#photo_a7 a:link, #photo_a7 a:visited {background-image:url("images/port_a7.gif");}

/* hover and focus state */
#photo_a1, #photo_a1_current a, #photo_a1 a:hover, #photo_a1 a:active, #photo_a1 a:focus {background-image:url("images/port_a1_roll.png") !important;outline: none;}
#photo_a2, #photo_a2_current a, #photo_a2 a:hover, #photo_a2 a:active, #photo_a2 a:focus {background-image:url("images/port_a2_roll.png") !important;outline: none;}
#photo_a3, #photo_a3_current a, #photo_a3 a:hover, #photo_a3 a:active, #photo_a3 a:focus {background-image:url("images/port_a3_roll.png") !important;outline: none;}
#photo_a4, #photo_a4_current a, #photo_a4 a:hover, #photo_a4 a:active, #photo_a4 a:focus {background-image:url("images/port_a4_roll.png") !important;outline: none;}
#photo_a5, #photo_a5_current a, #photo_a5 a:hover, #photo_a5 a:active, #photo_a5 a:focus {background-image:url("images/port_a5_roll.png") !important;outline: none;}
#photo_a6, #photo_a6_current a, #photo_a6 a:hover, #photo_a6 a:active, #photo_a6 a:focus {background-image:url("images/port_a6_roll.png") !important;outline: none;}
#photo_a7, #photo_a7_current a, #photo_a7 a:hover, #photo_a7 a:active, #photo_a7 a:focus {background-image:url("images/port_a7_roll.png") !important;outline: none;}



/************* NAVIGATION2 ****************/

#column2 ul {margin:0;padding:0;}

#column2 li {
	display:block;
	
	}
	
/* hide from mac ie5 \*/
#column2 li {display:inline;margin:0;}
/* end hide from mac ie5 */

#column2 a:link, #column2 a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;

	}
	

#column2 #photo_b1 a{width:231px;height:77px;}
#column2 #photo_b2 a{width:231px;height:105px;}
#column2 #photo_b3 a{width:231px;height:55px;}
#column2 #photo_b4 a{width:231px;height:114px;}
#column2 #photo_b5 a{width:231px;height:99px;}
#column2 #photo_b6 a{width:231px;height:79px;}
#column2 #photo_b7 a{width:231px;height:77px;}


#column2 #photo_b1_current a{width:231px;height:77px;}
#column2 #photo_b2_current a{width:231px;height:105px;}
#column2 #photo_b3_current a{width:231px;height:55px;}
#column2 #photo_b4_current a{width:231px;height:114px;}
#column2 #photo_b5_current a{width:231px;height:99px;}
#column2 #photo_b6_current a{width:231px;height:79px;}
#column2 #photo_b7_current a{width:231px;height:77px;}
	
#column2 li {font-size:1em;}

/* end hide from mac ie5 */
#column2 span {visibility:hidden;}

#column2 a:hover span, #column2 a:active span, #column2 a:focus span {visibility:hidden;}
	
#column2 a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#column2 a:active, #column2 a:hover {border-width:0;}
	
/* normal state */
#photo_b1 a:link, #photo_b1 a:visited {background-image:url("images/port_b1.gif");}
#photo_b2 a:link, #photo_b2 a:visited {background-image:url("images/port_b2.gif");}
#photo_b3 a:link, #photo_b3 a:visited {background-image:url("images/port_b3.gif");}
#photo_b4 a:link, #photo_b4 a:visited {background-image:url("images/port_b4.gif");}
#photo_b5 a:link, #photo_b5 a:visited {background-image:url("images/port_b5.gif");}
#photo_b6 a:link, #photo_b6 a:visited {background-image:url("images/port_b6.gif");}
#photo_b7 a:link, #photo_b7 a:visited {background-image:url("images/port_b7.gif");}

/* hover and focus state */
#photo_b1, #photo_b1_current a, #photo_b1 a:hover, #photo_b1 a:active, #photo_b1 a:focus {background-image:url("images/port_b1_roll.png") !important;outline: none;}
#photo_b2, #photo_b2_current a, #photo_b2 a:hover, #photo_b2 a:active, #photo_b2 a:focus {background-image:url("images/port_b2_roll.png") !important;outline: none;}
#photo_b3 a:hover, #photo_b3 a:active, #photo_b3 a:focus {outline: none;}
#photo_b4, #photo_b4_current a, #photo_b4 a:hover, #photo_b4 a:active, #photo_b4 a:focus {background-image:url("images/port_b4_roll.png") !important;outline: none;}
#photo_b5, #photo_b5_current a, #photo_b5 a:hover, #photo_b5 a:active, #photo_b5 a:focus {background-image:url("images/port_b5_roll.png") !important;outline: none;}
#photo_b6, #photo_b6_current a, #photo_b6 a:hover, #photo_b6 a:active, #photo_b6 a:focus {background-image:url("images/port_b6_roll.png") !important;outline: none;}
#photo_b7, #photo_b7_current a, #photo_b7 a:hover, #photo_b7 a:active, #photo_b7 a:focus {background-image:url("images/port_b7_roll.png") !important;outline: none;}





/************* NAVIGATION3 ****************/

#column3 ul {margin:0;padding:0;}

#column3 li {
	display:block;
	
	}
	
/* hide from mac ie5 \*/
#column3 li {display:inline;margin:0;}
/* end hide from mac ie5 */

#column3 a:link, #column3 a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	

#column3 #photo_c1 a{width:231px;height:77px;}
#column3 #photo_c2 a{width:231px;height:79px;}
#column3 #photo_c3 a{width:231px;height:81px;}
#column3 #photo_c4 a{width:231px;height:81px;}
#column3 #photo_c5 a{width:231px;height:132px;}
#column3 #photo_c6 a{width:231px;height:79px;}
#column3 #photo_c7 a{width:231px;height:77px;}

#column3 #photo_c1_current a{width:231px;height:77px;}
#column3 #photo_c2_current a{width:231px;height:79px;}
#column3 #photo_c3_current a{width:231px;height:81px;}
#column3 #photo_c4_current a{width:231px;height:81px;}
#column3 #photo_c5_current a{width:231px;height:132px;}
#column3 #photo_c6_current a{width:231px;height:79px;}
#column3 #photo_c7_current a{width:231px;height:77px;}

	
#column3 li {font-size:1em;}

/* end hide from mac ie5 */
#column3 span {visibility:hidden;}

#column3 a:hover span, #column3 a:active span, #column3 a:focus span {visibility:hidden;}
	
#column3 a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#column3 a:active, #column3 a:hover {border-width:0;}
	
/* normal state */
#photo_c1 a:link, #photo_c1 a:visited {background-image:url("images/port_c1.gif");}
#photo_c2 a:link, #photo_c2 a:visited {background-image:url("images/port_c2.gif");}
#photo_c3 a:link, #photo_c3 a:visited {background-image:url("images/port_c3.gif");}
#photo_c4 a:link, #photo_c4 a:visited {background-image:url("images/port_c4.gif");}
#photo_c5 a:link, #photo_c5 a:visited {background-image:url("images/port_c5.gif");}
#photo_c6 a:link, #photo_c6 a:visited {background-image:url("images/port_c6.gif");}
#photo_c7 a:link, #photo_c7 a:visited {background-image:url("images/port_c7.gif");}


/* hover and focus state */
#photo_c1, #photo_c1_current a, #photo_c1 a:hover, #photo_c1 a:active, #photo_c1 a:focus {background-image:url("images/port_c1_roll.png") !important;outline: none;}
#photo_c2, #photo_c2_current a, #photo_c2 a:hover, #photo_c2 a:active, #photo_c2 a:focus {background-image:url("images/port_c2_roll.png") !important;outline: none;}
#photo_c3, #photo_c3_current a, #photo_c3 a:hover, #photo_c3 a:active, #photo_c3 a:focus {background-image:url("images/port_c3_roll.png") !important;outline: none;}
#photo_c4, #photo_c4_current a, #photo_c4 a:hover, #photo_c4 a:active, #photo_c4 a:focus {background-image:url("images/port_c4_roll.png") !important;outline: none;}
#photo_c5, #photo_c5_current a, #photo_c5 a:hover, #photo_c5 a:active, #photo_c5 a:focus {background-image:url("images/port_c5_roll.png") !important;outline: none;}
#photo_c6, #photo_c6_current a, #photo_c6 a:hover, #photo_c6 a:active, #photo_c6 a:focus {background-image:url("images/port_c6_roll.png") !important;outline: none;}
#photo_c7, #photo_c7_current a, #photo_c7 a:hover, #photo_c7 a:active, #photo_c7 a:focus {background-image:url("images/port_c7_roll.png") !important;outline: none;}