

#basicmenu{
border: 0px solid #000080;
border-bottom-width: 0;
width: 200px;
background-color: #09548A;
}

* html #basicmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 200px;
}

#basicmenu a{
font: bold 13px Verdana;
padding: 32px;
padding-left: 12px;
display: block;
width: 100%;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #basicmenu a{ /*Non IE rule*/
width: auto;
}

#basicmenu a:hover{
	color:#white;
	background-color:#034777;
}




#basicmenu01{
border: 0px solid #000080;
border-bottom-width: 0;
width: 200px;
background-color: #16659F;
}

* html # basicmenu01{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 200px;
}

#basicmenu01 a{
font: bold 13px Verdana;
padding: 32px;
padding-left: 12px;
display: block;
width: 100%;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #basicmenu01 a{ /*Non IE rule*/
width: auto;
}

#basicmenu01 a:hover{
background-color: #034777;
color: white;
}



#basicmenu02{
border: 0px solid #000080;
border-bottom-width: 0;
width: 200px;
background-color: #2677B2;
}

* html # basicmenu01{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 200px;
}

#basicmenu02 a{
font: bold 13px Verdana;
padding: 32px;
padding-left: 12px;
display: block;
width: 100%;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #basicmenu02 a{ /*Non IE rule*/
width: auto;
}

#basicmenu02 a:hover{
background-color: #034777;
color: white;
}


#basicmenu03{
border: 0px solid #000080;
border-bottom-width: 0;
width: 200px;
background-color: #388AC6;
}

* html # basicmenu01{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 200px;
}

#basicmenu03 a{
font: bold 13px Verdana;
padding: 32px;
padding-left: 12px;
display: block;
width: 100%;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #basicmenu03 a{ /*Non IE rule*/
width: auto;
}

#basicmenu03 a:hover{
background-color: #034777;
color: white;
}



#basicmenu04 {
border: 0px solid #000080;
border-bottom-width: 0;
width: 200px;
background-color: #4A9FDD;
}

* html # basicmenu01{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 200px;
}

#basicmenu04 a{
font: bold 13px Verdana;
padding: 32px;
padding-left: 12px;
display: block;
width: 100%;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #basicmenu04 a{ /*Non IE rule*/
width: auto;
}

#basicmenu04 a:hover{
background-color: #034777;
color: white;
}




.horizmenu1{
font: bold 11px arial;
color: #FFFF00;
padding: 6px 0;
margin: 0;
width: 700px;
background-color: #09548A;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}
.horizmenu1 li{
list-style: none;
display: inline;
}
.horizmenu1 li a{
padding: 2px 0.5em;
text-decoration: none;
color: #FFFFFF;
background-color: #09548A;
border: 2px solid #09548A;
}
.horizmenu1 li a:hover{
color: black;
background-color: #C5D9F0;
border-style: outset;
}
html>body .horizmenu1 li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


.horizmenu2{
font: bold 11px arial;
color: #FFFF00;
padding: 6px 0;
margin: 0;
width: 800px;
background-color: #09548A;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}
.horizmenu2 li{
list-style: none;
display: inline;
}
.horizmenu2 li a{
padding: 2px 0.5em;
text-decoration: none;
color: #FFFFFF;
background-color: #09548A;
border: 2px solid #09548A;
}
.horizmenu2 li a:hover{
color: black;
background-color: #C5D9F0;
border-style: outset;
}
html>body .horizmenu2 li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}




#redmenu{
border: 0px solid #808080;
border-bottom-width: 0;
width: 160px;
background-color: #C5D9F0;
}

* html #redmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 160px;
}

#redmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 8px;
display: block;
width: 100%;
color: #000080;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #redmenu a{ /*Non IE rule*/
width: auto;
}

#redmenu a:hover{
background-color: #3F5266;
color: #FFFFFF;
text-decoration: none;
}




#containcol {
	background-color:#004080;
	height:auto;
	width:112px;
	PADDING-RIGHT:6px;
	PADDING-LEFT:6px;
	PADDING-BOTTOM:6px;
	PADDING-TOP:6px;
	position:relative;
	left: 0px;
	top:0px;
}

#containpage {
	background-color:#FFFFFF;
	height:auto;
	width:720px;
	PADDING-RIGHT:16px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:16px;
	PADDING-TOP:16px;
}

#containpage0 {
	background-color:#FFFFFF;
	height:auto;
	width:720px;
	PADDING-RIGHT:0px;
	PADDING-LEFT:0px;
	PADDING-BOTTOM:0px;
	PADDING-TOP:0px;
}




#containphotopage {
	background-color:#FFFFFF;
	height:auto;
	width:820px;
	PADDING-RIGHT:16px;
	PADDING-LEFT:10px;
	PADDING-BOTTOM:16px;
	PADDING-TOP:16px;
}




#containLinks{
	background-color:#9AADC2;
	height:auto;
	width:100%;
	PADDING-RIGHT:4px;
	PADDING-LEFT:8px;
	PADDING-BOTTOM:16px;
	PADDING-TOP:16px;
	position:relative;
	left: 0px;
	top:0px;
	font-family:Arial; font-size:13pt; font-weight:bold;	
}




.putheader1 {
	position:relative;
	left: 0px;
	top:3px;
}




/*cascading image gallery*/
		
ul.z{
list-style:none;
margin:40px;
padding:0;
position:relative;
width:100%;
height:180;/* ff1 needs this to stay in container*/
}
.z li{
float:left;
margin:10px 0 0 -125px;
}
.z li.one{margin:0px}
.z li.two{margin-top:20px}
.z li.three{margin-top:40px}
.z li.four{margin-top:60px}
.z li.five{margin-top:80px}
.z li.six{margin-top:100px}
.z li.seven{margin-top:120px}
.z img {
padding:2px;
border:1px solid #000;
background:#fff;
display:block;

}
.z a img{position:relative;z-index:1}
.z a:hover{visibility:visible;}/* ie needs this*/
.z a:hover img{z-index:2;} 






/*cascading image gallery y*/
		
ul.y{
list-style:none;
margin:40px;
padding:0;
position:relative;
width:100%;
}
.y li{
float:right;
margin:10px 0 0 -125px;
}
.y li.oney{margin-top:0px; }
.y li.twoy{margin-top:20px}
.y li.threey{margin-top:40px}
.y li.foury{margin-top:60px}
.y li.fivey{margin-top:80px}
.y li.sixy{margin-top:100px}
.y li.seveny{margin-top:120px}
.y img {
padding:2px;
border:1px solid #000;
background:#fff;
display:block;
}
.y a img{position:relative;z-index:-1}
.y a:hover{visibility:visible;}/* ie needs this*/
.y a:hover img{z-index:2;} 



/*noline blue links*/
			
.noline A {
	COLOR: #0000A0; TEXT-DECORATION: none
}
.noline A:visited {
	color:#0000A0;
	text-decoration:none;
}
.noline A:hover {
	color:#0000A0;
	text-transform:none;
	text-decoration:none;
}





.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 3px solid;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 140px; /*position where enlarged image should offset horizontally */
width: 400;

}






#Bullet0
{
list-style-type: none
} 

#Bullet0 A
{

	text-decoration: none;
} 

#Bullet0 ul
{
list-style-type: none
} 

#profilemenu{
border: 0px solid #004080;
border-bottom-width: 0;
width: 160px;
background-color: #C5D9F0;
}

* html #profilemenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 160px;
}

#profilemenu a{
font: bold 10px Verdana;
padding: 1px;
padding-left: 4px;
display: block;
width: 100%;
color: #0000A0;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #profilemenu a{ /*Non IE rule*/
width: auto;
}

#profilemenu a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000080;
}




#BGBLUE
{
background-color:#09548A;
width:468px;
	PADDING-RIGHT:2px;
	PADDING-LEFT:2px;
	PADDING-BOTTOM:1px;
	PADDING-TOP:1px;
	font-family:Times New Roman; 
	font-size:12pt; 
	color:#FFFFFF; 
	font-weight:bold;
	text-align:center;
} 

#BGBLUE A
{
background-color:#09548A;
width:468px;
	PADDING-RIGHT:6px;
	PADDING-LEFT:6px;
	PADDING-BOTTOM:6px;
	PADDING-TOP:6px;
	font-family:Times New Roman; 
	font-size:12pt; 
	color:#FFFFFF; 
	font-weight:bold;
	text-align:center;
	text-decoration:none;
} 

#T11
{
 	font-weight:bold;
	font-size:11pt;
	font-family:Times New Roman;
}


#likmenu{
border: 0px solid #808080;
border-bottom-width: 0;
width: 300px;
background-color: #FFFFFF;
text-align: left;
}

* html #likmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 400px;
}

#likmenu a{
font: bold 10px Verdana;
padding: 2px;
padding-left: 8px;
display: block;
width: 100%;
color: #000080;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #likmenu a{ /*Non IE rule*/
width: auto;
}

#likmenu a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#09548A;
	text-transform:uppercase;
}


#linkbox
{
background-color:#E1E1FF;
width:480px;
	PADDING-RIGHT:6px;
	PADDING-LEFT:6px;
	PADDING-BOTTOM:6px;
	PADDING-TOP:6px;

}






/* start Calander */
.main {
width:150px;
border:1px solid #8080FF;
}

.month {
background-color:#8080FF;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:9CBCFC;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

/*end Calander */


div.markerTooltip, div.markerDetail {
          color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
       }



