/*  some css positioning warnings: 
     1. never forget width & height when positioning with css DIV or SPAN:
	 	Netscape width defaults to element contents
		IE defaults to page width 
	 2. Netscape & IE handle element positioning within tables differently:
	 	Netscape automatically centers elements in cells
		IE positions at top left corner
	 3. positioning using pixels (rather than percentages) is usually safest
*/

body 	{
 		border: none;
		background-color: #1a357c;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		color: #000000;	
		FONT-SIZE: normal; 
		text-align: justify;
}
h1 		{
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold; 
		font-size: 14px;
		line-height: 25%;
		COLOR: #012289; 
		text-align: center;
}
h2 		{
		font-family: Garamond, serif;
		FONT-SIZE: 120%; 
		line-height: 75%;
		font-weight: bolder;
		text-align: center;
}
h3 		{
		font-family: Garamond, serif;
		FONT-SIZE: 110%; 
		line-height: 75%;
		font-weight: bolder;
		text-align: center;
}
h4 		{
		font-family: Garamond, serif;
		FONT-SIZE: 100%; 
		line-height: 50%;
		font-weight: bolder;
		text-align: center;
}
h5 		{
		font-family: Garamond, serif;
		FONT-SIZE: 150%; 
		line-height: 50%;
		font-weight: bolder;
		text-align: left;
		COLOR: #012289;
}
ul, li 	{ 
		margin-top: 0px;
		padding-right: 5px;
		padding-bottom: 3px;
		LINE-HEIGHT: 140%; 
		font-size: 82%;
		text-align: left;
		COLOR: #ffffff; 
		FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
ul		{
		padding-bottom: 0px;
	
}
#divText 	{ 
		POSITION: absolute; Z-INDEX: 8; 
}
.column 	{ 
 		margin-left: 8px;
		margin-right: 5px;
		LINE-HEIGHT: 140%; 
		font-size: 70%;
		text-align: left;
		COLOR: #ffffff; 
		FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.email 	{
		FONT-SIZE: 80%; 
		COLOR: #453f28; 
		LINE-HEIGHT: 140%; 
		FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.info	{ 
		FONT-SIZE: 80%; 
		FONT-WEIGHT: bold; 
		FONT-STYLE: italic; 
		text-align: center;
		color: #ffffff;	
}
.button {
		FONT-WEIGHT: bold; 
		TEXT-ALIGN: center;
		background-color: #E4BF00;
}
.navButton 	{ 
		POSITION: relative; Z-INDEX: 2;
		WIDTH: 120px; 
		HEIGHT: 60px; 
		CURSOR: hand; 
}
.navLabel {
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 10px; 
		line-height: 100%;
		COLOR: #012289; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.divCenter 	{ 
		POSITION: relative; Z-INDEX: 3;	
}

.divBox 	{ 
		POSITION: absolute; Z-INDEX: 5; 
		WIDTH: 164px; HEIGHT: 160px;
}
.divLabel 	{ 
		POSITION: absolute; Z-INDEX: 5;
		WIDTH: 100px; 
		HEIGHT: 14px; 
		LEFT: 10%; 
		TOP: 38%; 
}
.topBox   {
		width: 100%;
		height: 72px;
		BORDER: 2px;
		border-style: double;
		BORDER-COLOR: #E4BF00;
		background-color:#1a357c;
		padding-top: 5%;
		
}
.boxButton 	{ 
		POSITION: relative; Z-INDEX: 4;
		margin-top:0;
		WIDTH: 60px; 
		HEIGHT: 50px; 
		CURSOR: hand; 
		
}
.boxLink   {
		POSITION: relative; Z-INDEX: 4; margin-left: 18px; margin-right: 18px;margin-bottom:3px; 
		padding-left: 4px;padding-top: 4px;
		background-color:#1a357c;
		BORDER: 2px;
		border-style: double;
		BORDER-COLOR: #E4BF00;
}
.boxLabel 	{ 
		POSITION: absolute; Z-INDEX: 5;
		WIDTH: 60px; 
		LEFT: 0%; top: 20%;
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 10px; 
		line-height: 200%;
		COLOR: #012289; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		
}
.boxFeatured   {
		POSITION: relative; Z-INDEX: 4; margin-top: 10px; margin-bottom: 5px;
		width: 665px;
		height: 390px;
		background-color:#1a357c;
		BORDER: 2px;
		border-style: double;
		BORDER-COLOR: #E4BF00;
}

.boxImage 	{ 
		POSITION: absolute; Z-INDEX: 5; left:7px; top: 7px; 
}

.boxText 	{ 
		POSITION: absolute; Z-INDEX: 7; left:80px; top: 10px;
		
}
.boxSpacer	{
		margin-top: 15%;
}

.boxList   {
		POSITION: relative; Z-INDEX: 4;
		BORDER: 2px;
		border-style: double;
		BORDER-COLOR: #E4BF00;
		background-color:#1a357c;
		margin-top: 25px;
		margin-left: 18px;
		margin-right: 18px;
}
.address {
 		font-weight: bold;
		font-size: 110%; 
		LINE-HEIGHT: 90%; 
		padding-bottom: 0px; 
		margin-bottom: 0px; 
}
.special {
 		COLOR: #E4BF00;
		font-size: 120%; 
		FONT-STYLE: italic; FONT-weight: bold
}
.c21Box   {
		POSITION: relative; Z-INDEX: 3;
		width: 74px;
		height: 40px;
}
.c21 	  {
	FONT-FAMILY: "Century Gothic";
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
	font-size: 24px;
	COLOR: Black;
	text-align: center;
}
.search {
		color: blue; 
		FONT-FAMILY: Verdana; 
		font-size: 18px; 
		margin-top: 16px;
}
.visYes 	{
		VISIBILITY: VISABLE; Z-INDEX: 5;
}
.visNo 		{
		VISIBILITY: HIDDEN; Z-INDEX: 3;
}

abbr, acronym, .help {
  		border-bottom: 1px dotted #333;
  		cursor: help;
		color: yellow;
}

/* note: for some reason a:visited must precede a:link and a:visited color controls a:link color on external (http www) links. Temo fix is to set visited & link to the same color and let hover be emphasis. Can't figure out what a:active does*/
 
 a:visited	{ color: #1a357c; text-decoration: underline; }						/* dark blue */
 a:link 	{ color: #1a357c; text-decoration: underline;}  					/* c21 gold #E4BF00 */
 a:hover 	{ color: #00FFFF; text-decoration: underline;}  					/* turquoise #00FFFF*/
 
.linkInfo a:visited { color: #74C5FF; text-decoration: underline;}				/* light blue */
.linkInfo a:link 	{ color: #74C5FF; text-decoration: underline;}				/* white on dark blue */
.linkInfo a:hover 	{ color: #00FFFF; text-decoration: underline;} 				/* turquoise */

.linkCol a:visited 	{ color: #74C5FF; text-decoration: underline;}				/* light blue */
.linkCol a:link 	{ color: #FFEC10; text-decoration: underline;} 				/* yellow */
.linkCol a:hover 	{ color: #00FFFF; text-decoration: underline;} 				/* turquoise */

.linkPic a:visited	{ color: #E4BF00; text-decoration: underline; }						/* c21 gold */
.linkPic a:link 	{ color: #E4BF00; text-decoration: underline;}  					/* c21 gold #E4BF00 */
.linkPic a:hover 	{ color: #1a357c; text-decoration: underline;background-color: #A1C5E7;}  					

.linkPic2 a:visited	{ color: #1a357c; text-decoration: underline; }						/* c21 gold */
.linkPic2 a:link 	{ color: #1a357c; text-decoration: underline;}  					/* c21 gold #E4BF00 */
.linkPic2 a:hover 	{ color: #1a357c; text-decoration: underline;background-color: #A1C5E7;}