html {
	height: 100%; min-height:100%;
}
body {
	font-family: verdana, helvetica, arial, sans-serif; color: #333333;
	font-size: 75%; text-align: center; min-height: 100%; height: 100%;
	 background-color: #ffffff;  margin-top: 10px;
	}
#container {
		background-image: url(../images/bk1.jpg); background-repeat: no-repeat; height: 100%;
		text-align: center; margin: 0px auto 0px; width: 780px;background-color: #FFFFFF;		 
	}	
#insidecont
	{
	background-image: url(../images/insidebk.jpg); background-repeat: no-repeat; background-position: top right; background-color: #F3F3F3; padding-top: 15px;
		text-align: center; margin: 15px auto 0px; width: 780px; 
	}	
#insidecont2 {
	background-image: url(../images/insidebk2.jpg); background-repeat: no-repeat; background-position: top right; background-color: #F3F3F3; padding-top: 15px;
		text-align: center; margin: 15px auto 0px; width: 780px; 
}
#headtext  h1 {
		color: #525252; text-align: right; font-size: 225%; font-family: arial, helvetica, sans-serif; padding: 15px; font-variant:small-caps;
	font-weight: normal; margin-top: 20px;
	}
#logos {
margin-top:195px !important; margin-top: 175px;padding-bottom: 100px; 
	}
#logos a {
	margin-right: 5px;
}
#menu {
		 text-align: center; font-size: 87%; letter-spacing: 1px;
		 width: 670px !important; width: 770px;background-color: #666666;  height: 22px; 
		 padding:2px 0px 0px 110px;   margin-top: 125px; clear:left;
	}
	#menu ul {
		margin: 5px; padding: 0px; 
		list-style-type:none;
	}
	#menu li {
		float: left; background-color: #666666;
		  margin: 0px 4px 0px 5px;
	}
	#menu a {
		color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		  text-align: center; text-decoration: none;
	}
	#menu a:hover {
		text-decoration: underline;
	}
	#red {
		float: left; background-image: url(../images/redbk.jpg); background-repeat: no-repeat;
		height:140px; width: 121px; 
	}
	#menu2 {
		 text-align: right; font-size: 87%; letter-spacing: 1px;
		 width: 659px; background-color: #EE3224;  height: 23px; 
		 padding: 0px;  margin-top: 97px; float: right;	
	}
	#menu2 ul {
		 margin: 0px; padding: 0px;
	list-style-type:none;
	}
	#menu2 li {
		float: right;  background-color: #EE3224; padding-top: 5px;  margin: 0px 4px 0px 5px;	
	}
	#menu2 a {
		color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		 text-align: right; text-decoration: none;
	}
	#menu2 a:hover {
		text-decoration: underline;
	}
	#green {
		float: left; background-image: url(../images/greenbk.jpg); background-repeat: no-repeat;
		height:140px; width: 121px; 
	}
#menu3 {
		 text-align: right; font-size: 87%; letter-spacing: 1px;
		 width: 659px; background-color: #00573C;  height: 23px; 
		 padding: 0px;  margin-top: 97px; float: right; margin-bottom: 15px;	
	}
	#menu3 ul {
		 margin: 0px; padding: 0px;
	list-style-type:none;
	}
	#menu3 li {
		float: right;  background-color: #00573C; padding-top: 5px;  margin: 0px 4px 0px 5px;
	}
	#menu3 a {
		color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		  text-align: right; text-decoration: none;
	}
	#menu3 a:hover {
		text-decoration: underline;
	}
	#purple {
		float: left; background-image: url(../images/purplebk.jpg); background-repeat: no-repeat;
		height:140px; width: 121px;
	}
		#menu4 {
		 text-align: right; font-size: 87%; letter-spacing: 1px;
		 width: 659px; background-color: #7C4199;  height: 23px; 
		 padding: 0px;  margin-top: 97px; float: right;	
	}
	#menu4 ul {
		 margin: 0px; padding: 0px;
		list-style-type: none;
	}
	#menu4 li {
		float: right;  background-color: #7C4199;  padding-top: 5px;  margin: 0px 4px 0px 5px;
		
	}
	#menu4 a {
		color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		 text-align: right; text-decoration: none; 
	}
	#menu4 a:hover {
		text-decoration: underline;
	}
	#gray {
		float: left; background-image: url(../images/gray.jpg); background-repeat: no-repeat;
		height:94px; width: 275px; margin-left: 10px; 
	}
		#menu5 {
		 text-align: right; font-size: 87%; letter-spacing: 1px;
		 width: 780px; background-color: #666666;  height: 22px; 
		 padding: 0px;  margin-top: 0px; float: right;
	}
	#menu5 ul {
		 margin: 0px; padding: 0px;
		list-style-type: none; margin-bottom: 5px;
	}
	#menu5 li {
		float: right;  background-color: #666666;  padding-top: 5px;  margin: 0px 4px 0px 5px;
	}
	#menu5 a {
		color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
		 text-align: right; text-decoration: none; 
	}
	#menu5 a:hover {
		text-decoration: underline;
	}
#index {
	font-family: arial, helvetica, sans-serif; font-size: 11px;
}
#content {
	clear: both; 
	}
#left {
	float: left; width: 133px; margin-top: 40px; text-align: center;
}

#right {
	float: right; width: 640px; text-align:left; 
}
#footer {
	clear: both; width: 780px; padding-top: 10px; background-color: #FFFFFF; 
}
#login {
	position: absolute; bottom: 0px;
}
#inside {
	clear: both; padding: 5px; text-align: left;
}
.imgright {
float:right; margin: 10px 10px 0px 10px;
}
.redlogo a {
	background-image: url(../images/logosred.jpg);
	width: 108px; height: 123px; display:block; float: left; 
	background-repeat: no-repeat; margin-left: 233px !important; margin-left: 120px;
}
.redlogo a:hover {
	background-image: url(../images/logosred_hover.jpg);
	width: 108px; height: 123px; background-repeat: no-repeat;
}
.purplelogo a {
		background-image: url(../images/logospurple.jpg);
	width: 108px; height: 123px; display:block; float: left; background-repeat: no-repeat;
}
.purplelogo a:hover {
		background-image: url(../images/logospurple_hover.jpg);
	width: 108px; height: 123px; display:block; float: left; text-decoration:none;
	background-repeat: no-repeat;
}
.greenlogo a {
		background-image: url(../images/logosgreen.jpg);
	width: 108px; height: 123px; display:block; float: left; text-decoration:none;
	background-repeat: no-repeat;
}
.greenlogo a:hover 	{	
background-image: url(../images/logosgreen_hover.jpg);
	width: 108px; height: 123px; display:block;  background-repeat: no-repeat;
}
#gallery {	
	position: relative; margin-left: 10px;
}
#gallery a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#gallery a {
	color: #00382b; font-size: 85%;
}
#gallery a img {
}
#gallery a.p1, #pic a.p1:visited {
  float:left; 
	display: block;
	height: auto;
	left: 0px;
	text-decoration: none;
	top: 0px:
	width: 108px;	
}
#gallery a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}
#gallery a.p1:hover .large {
	display: block;
	height: auto;
	left:125px !important;
	left:3px;
	position: absolute;
	border: 1px solid #000000;
	top: 0px;
	width:300px;	
}
#redtext h3 {
	font-size: 105%; color: #E41815;  margin-bottom: -10px;
}
#greentext h3 {
	font-size: 105%; color: #00382b;  margin-bottom: -10px;
}
#purpletext h3 {
	font-size: 105%; color: #5F2B78;  margin-bottom: -10px;
}
.clearLeft {
clear:left 
}
.clearRight {
clear:right;
}
#portleft {	
	position: relative;  margin-top: 15px; font-size: 12px;
	float:left; width: 350px;
}
#portleft p {
	clear:left; 
}
#portleft a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#portleft a {
	color: #00382b; font-size: 85%;
}
#portleft a img {

}
#portleft a.p1, #pic a.p1:visited {
  float:left; 
	display: block;
	height: auto;
	left: 0px;
	text-decoration: none;
	top: 0px:
	width: 125px;	
	border: 1px solid #000000;
	margin: 0px 10px 5px 0px;
}
#portleft a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}
#portleft a.p1:hover .large {
	display: block;
	height: auto;
	left:180px;
	z-index: 200;
	position: absolute;
	border: 1px solid #000000;
	top:100px;
	width:400px;	
}
#portright {	
	position: relative;  margin-top: 15px; float:right;
	text-align: right;  font-size: 12px; width: 350px; 
}
#portright p {
	clear: right;z-index: 300;
}
#portright a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#portright a {
	color: #00382b; font-size: 85%;
}
#portright a img {
 
}
#portright a.p1, #pic a.p1:visited {
  float:right; 
	display: block;
	height: auto;
	left: 0px;
	text-decoration: none;
	top: 0px:
	width: 125px;	
	border: 1px solid #000000;
	margin: 0px 0px 5px 15px;
}
#portright a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}
#portright a.p1:hover .large {
	display: block;
	height: auto;
	left:-230px;
	
	position: absolute;
	border: 1px solid #000000;
	top:100px;
	width:400px;	
}