/* CSS stylesheet for ocellics */
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-image: url(../images/bg.gif);
		background-repeat: repeat;
		background-color: #ffffff;
		}
 		
	tr 	{
		font:12px  Tahoma, Geneva, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#333333;		
		}
		
	p 	{
		font:12px Tahoma, Geneva, sans-serif;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		line-height: 16px;
		color: #333333;
		}
		
	h1 	{
		font:20px Tahoma, Geneva, sans-serif;
		margin:6px 0px 12px 0px;
		padding:0px 0px 0px 0px;
		font-weight:100;
		line-height: 22px;	
		letter-spacing: 0ex;		
		}	
			
	h2 	{
		font:18px Tahoma, Geneva, sans-serif;
		margin:6px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		line-height: 20px;	
		letter-spacing: 0ex;
		}		
		
	h3 	{
		font:16px Tahoma, Geneva, sans-serif;
		margin:5px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		line-height: 18px;	
		letter-spacing: 0ex;
		}		
		
	h4 	{
		font:14px Tahoma, Geneva, sans-serif;
		margin:2px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		line-height: 16px;	
		letter-spacing: 0ex;
		}		
		
	h5 	{
		font:12px Tahoma, Geneva, sans-serif;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-weight:100;
		line-height: 14px;	
		letter-spacing: 0ex;
		}		
	
	a	{
		color: #7C7C7C;
		text-decoration: none;
		}
	
	a:hover {
		text-decoration: underline;
		color: #0084D0;
		}
 
	ul	{
 		color:#017ED1;
 		list-style:disc;
 		font:12px Tahoma, Geneva, sans-serif;
		}
		
	.roundCornerBrown {
		margin: 0px 5px 0px 25px;
		background-color:#EFEAE0;
		}
		
	.roundCornerBlue {
		font-family:Tahoma, Geneva, sans-serif;
		margin: 0px 0px 3px 0px;
		padding: 10px 0px 0px 25px;
		letter-spacing: 0.1ex;
		font-size:18px;
		color:#ffffff;
		background-color:#017ED1;
		}

	.roundCornerGrey {
		font-family:Tahoma, Geneva, sans-serif;
		margin: 0px 0px 3px 0px;
		padding: 10px 0px 0px 25px;
		letter-spacing: 0.1ex;
		font-size:18px;
		color:#BB4625;
		background-color:#D2D0C5;
		}

	.roundCornerRed {
		font-family:Tahoma, Geneva, sans-serif;
		margin: 0px 0px 3px 0px;
		padding: 10px 0px 0px 25px;
		letter-spacing: 0.1ex;
		font-size:18px;
		color:#ffffff;
		background-color:#BB4524;
		}		

	.bdrFooter {
		border-bottom: 3px solid #BB4524;
		border-top: 1px dashed #BB4524;
		padding:5px 0 5px 25px;
		background-color: #EFEAE0;
		}
		
	.bdrFooterBlue {
		border-bottom: 3px solid #017ED1;
		border-top: 1px dashed #017ED1;
		padding:5px 0 5px 25px;
		background-color: #EFEAE0;
		}		
		
	.bdrLeftRightBrown {
		border-left: 1px solid #EBDDD0;
		border-right: 1px solid #EBDDD0;
		background-color: #EFEAE0;
		}	
			
	.bdrLeftRightBotBrown {
		border-left: 1px solid #EBDDD0;
		border-right: 1px solid #EBDDD0;
		border-bottom: 1px solid #EBDDD0;
		background-color: #EFEAE0;
		}			
		
	.bdrTopRightBrown {
		border-top: 1px solid #EBDDD0;
		border-right: 1px solid #EBDDD0;
		background-color: #EFEAE0;
		}		
		
	.bdrTopBrown {
		border-top: 1px solid #EBDDD0;
		background-color: #EFEAE0;
		}	
		
	.bdrRightBrown {
		border-right: 1px solid #EBDDD0;
		background-color: #EFEAE0;
		}	
							
	.bdrBotRightBlue {
		border-right: 1px solid #017ED1;
		border-bottom: 1px solid #017ED1;
		padding: 0px 0px 0px 0px;  
		margin: 0px 0px 0px 0px; 	
		}
		
	.bdrTopDashedRed {
		border-top: 1px dashed #BB4524;
		}
		
	.bdrTopSolidRed {
		border-top: 5px solid #BB4524;
		}
		
	.bdrTopDashedBlue{
		border-top: 1px dashed #0084D0;
		}
		
	.bdrTopSolidBlue {
		border-top: 5px solid #0084D0;
		}		
				
	.contentFrameBrown {
		border: 1px solid #ECE9D8;
		background-color:#F3F0EB;
		padding: 20px 10px 20px 20px; 
		margin: 5px 0px 0px 0px; 		
/*		float:left;	*/
		}		
		
	.imageFrameRed {
		border: 1px solid #BB4524;
		padding: 0px 0px 0px 0px;  
		margin: 0px 0px 0px 0px; 					 
		}
		
	.smallBlack {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #000000;
		line-height: 13px;
		}
		
	.smallWhite {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #ffffff;
		line-height: 13px;
		}
		
	.smallGrey {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #999999;
		line-height: 13px;
		}
		
	.smallRed {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #CC0000;
		line-height: 13px;
		}
		
	.smallBlue{
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9px;
		color: #017ED1;
		line-height: 13px;
		}	
			
	.clrRed {
		color: #CC0000;
		}
		
	.clrGold {
		color: #CC9900;
		}	
		
	.clrWhite {
		color: #ffffff;
		}
		
	.clrGray {
		color: #666666;
		}
		
	.clrBlack {
		color: #000000;
		}	
		
	.clrBlue {
		color: #017ED1;
		}	
		
	.bgGradNav {
		background-image: url(../images/bg_grad_nav.jpg);
		background-repeat: repeat-x;
		background-position:top;
		}
	.bgGradDarker {
		background-image: url(../images/bg_grad_darker.jpg);
		background-repeat: repeat-x;
		background-position:top;
		}	
		
/* ------------------------------------  Navigation  -----------------------------------  */

 	.blueCross { 
		font-size:14px;
		font-family: Tahoma, Geneva, sans-serif;
		line-height:16px;
		margin: 0px 0px 0px 0px;  
		letter-spacing: 0.05em;
		} 
	.liIndent {
		padding-left:0px;
		margin-left:15px;
		color:#017ED1;
 		list-style:disc;
 		font:12px Tahoma, Geneva, sans-serif;
		letter-spacing:.04em;
		line-height:20px;
}	
	.liIndentRed {
		padding-left:0px;
		margin-left:15px;
		color:#BB4524;
 		list-style:disc;
 		font:12px Tahoma, Geneva, sans-serif;
		letter-spacing:.04em;
		line-height:20px;
}		
/* 	.liBlueCross { 
     	font:14px Tahoma, Geneva, sans-serif;
		padding: 25px 0px 0px 25px;	
		letter-spacing: 0.05em; 
		position: relative;
		}
		
 	.liBlueCross li { 
		margin: 0px;
		padding: 0px 0px 0px 0px;	
		list-style-image: url(../images/blue_cross.gif);
		position: inherit;
		top: 0px;
		}
			
	.liBlueCross li a { 
		position: inherit;
		line-height:25px;
		}*/

	.menu a {
		float:right; 
	 	position: relative;
		margin: 0 0 0 5px;
		width: 95px;
		height: 47px;
		display: block;
 		text-decoration: none;
		color: #7C7C7C;
		font-size:11px;
		background-image:url(../images/bg_menu_main.jpg);
		background-color:  #F5F4F1 ;
		border-bottom : 3px solid #00ABE7;
		}
 
	.menu span	{
		float:left; 
		letter-spacing:.03em;
		line-height:11px;
		font-family: tahoma;
		position: absolute;
		left: 8px;
 		top:18px;
		width: 65px;
		height: 30px;
		cursor: pointer;
		}  

	.menu  a:hover span	{
		color:#D00000;
		font: tahoma;
		text-decoration: none;
		}  

	.menu a:hover {
		background-image:url(../images/bg_menu_main.jpg);
		background-color:  #F5F4F1 ;
		border-bottom: 3px solid #D00000;
		text-decoration: none;
		}

	.menu a:active {
		background-color:#F5F4F1;
		border-bottom: 3px solid #D00000;
		text-decoration: none;
		}
		
	.botNav {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #666666;
		line-height: 13px;
		}	
	.botNav:hover {
		color: #CC0000;
		text-decoration:none;
		}				

	.surfaceTag {
		font-family: verdana;
		font-size: 8px;
		color: #cccccc;
		text-decoration: none;
		letter-spacing: 0.1ex; 
		}

	.surfaceTag:hover {
		color: #Cc480A;
		text-decoration: none;
		}

/* ------------------------------------  Form stuff -----------------------------------  */
	input {
		font: 11px verdana;
		border: 1px solid #017ED1;
		width:134px;
		height: 20px;		
		}
	
	textarea {
		font: 11px verdana ;
		border: 1px solid #017ED1;
		width:290px;
		}

	.submitColor {
		font: 11px verdana ;
		border: 1px solid #017ED1;
		height: 22px;		
		margin: 0 0 15px 0;
		width:134px;
		background-color:#017ED1;
		color:#FFFFFF;
		cursor: pointer;
 		}
	/*
	#EFEAE0 background color light brown
	
	#D00000 red underline to navigation
	
	#00ABE7 blue underline navigation
	
	#7C7C7C grey font color navigation
	
	#BB4524 bottom nav color solid line
	
	#0084D0 blue plus sign 
	*/
/* --------------------      CSS    ------------------------*/
/*	
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	tr {
		font:12px  arial, helvetica, sans-serif;
		color:#333333;
		margin:0px;
		padding:0px;
		line-height: 16px;
	}
	p {
		font:12px arial, helvetica, sans-serif;
		line-height: 16px;
		margin: 5px 0px 0px 0px;
		color: #333333;
	}
	a {
		color: #066ACD;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		color: #666666;
	}
	h1 {
		font:20px arial, helvetica, sans-serif;
		margin:10px 0px 0px 0px;
		padding:0px;
		font-weight:900;
		letter-spacing: 0ex;
	}
	h2 {
		font:18px  arial, helvetica, sans-serif;
		margin:8px 0px 0px 0px;
		padding:0px;
		font-weight:900;
		letter-spacing: 0ex;
	}
	h3 {
		font:16px  arial, helvetica, sans-serif;
		margin:6px 0px 0px 0px;
		padding:0px;
		font-weight:900;
		letter-spacing: 0ex;
	}
	h4 {
		font:14px  arial, helvetica, sans-serif;
		margin:4px 0px 0px 0px;
		padding:0px;
		font-weight:900;
		line-height: 22px;	
		letter-spacing: 0ex;		
	}	
	h5 {
		font:lighter 15px/22px arial, helvetica, sans-serif;
		margin:4px 0px 1px 0px;
		padding:0px;
		letter-spacing: 0ex;
	}
	h6 {
		font:lighter 18px/22px arial, helvetica, sans-serif;
		margin:4px 0px 0px 0px;
		padding:0px;
		letter-spacing: 0ex;
	}		
	ul {
		font:12px arial, helvetica, sans-serif;
		line-height: 16px;
		list-style-type: square;
		list-style-color: #F0E190;
	}
	hr {
		color: none;
		border-bottom: 1px dashed #979832;
		height: 1px;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		padding: 0px;
		margin: 10px 0px 5px 0px;			
	}
	
  --------------------      Classes    ------------------------ 

	.specs {
		font:11px arial, helvetica, sans-serif;
		line-height: 15px;
		margin: 5px 0px 0px 0px;
		color: #333333;
	}
	.intro {
		font:11px/24px arial, helvetica, sans-serif;
		margin: 10px 0px 0px 0px;
		color: #636D2A;
	}
	.navTopCar {
		font: 11px arial, helvetica, sans-serif;
		padding: 0px 2px 4px 2px;
		color: #333333;
		font-weight:lighter;
		text-decoration: none;
		letter-spacing: .1ex;
		vertical-align: bottom;
	}
	.navTopCar:hover {
		text-decoration: none;
		color: #066ACD;
	}	
	.navTopCar:selected {
		text-decoration: none;
		color: #666666;		
	}
	.navTopTravel {
		font: 11px arial, helvetica, sans-serif;
		padding: 0px 2px 4px 2px;
		color: #333333;
		font-weight:lighter;
		text-decoration: none;
		letter-spacing: .1ex;
		vertical-align: bottom;
	}
	.navTopTravel:hover {
		text-decoration: none;
		color: #CC6600;
	}	
	.navTopTravel:selected {
		text-decoration: none;
		color: #666666;		
	}
	.navBot {
		font: 11px arial, helvetica, sans-serif;
		padding: 3px 0px 4px 4px;
		color: #333333;
		font-weight:lighter;
		text-decoration: none;
		letter-spacing: .1ex;
		vertical-align: middle;
	}
	.navBot:hover {
		text-decoration: none;
		color: #066ACD;
	}	
	.navBot:selected {
		text-decoration: none;
		color: #666666;		
	}
	.navLeft {
		font: lighter 16px/16px  arial, helvetica, sans-serif;
		color: #066ACD;
		text-decoration: none;
		letter-spacing: 0ex;
		height: 100%;
		clear: both;
		float: none;
		padding: 15px 0px 15px 0px;
		display: block;
		text-align: center;
	}
	.navLeft:hover {
		text-decoration: none;
		color: #000000;
		background-color: #FDF0C9;
	}	
	.navLeft:selected {
		text-decoration: none;
		color: #000000;
	}	
	.whiteCopy {
		font:12px arial, helvetica, sans-serif;
		color:#ffffff;
		margin:0px;
		padding:0px;
		line-height: 20px;
	}
	.captionCopy {
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		line-height: 11px;
		padding: 0px 3px 3px 3px;
	}	
	.smallBlack {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
		line-height: 13px;
	}
	.smallWhite {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #ffffff;
		line-height: 13px;
	}
	.smallGrey {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #999999;
		line-height: 13px;
	}
	.smallRed {
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #cc0000;
		line-height: 13px;
	}
	.smallBlue{
		font-family: arial, helvetica, sans-serif;
		font-size: 9px;
		color: #066ACD;
		line-height: 13px;
	}		
	.clrRed {
		color: #CC0000;
	}
	.clrGold {
		color: #CC9900;
	}	
	.clrWhite {
		color: #ffffff;
	}
	.clrGray {
		color: #666666;
	}
	.clrBlack {
		color: #000000;
	}	
	.clrBlue {
		color: #066ACD;
	}	
	.clrGreenDark {
		color: #636D2A;
	}
	.clrGreenLight {
		color: #ADB193;
	}
	.clrBrownDark {
		color: #AD9F77;
	}
	.clrBrownLight {
		color: #AD9F77;
	}
	.clrBurnt {
		color: #CC6600;
	}
	.clrYelloDark {
		color: #FDF0C9;
	}
	.clrYelloLight {
		color: #FEF8E8;
	}	
	.clrBlueDark {
		color: #D9E8F7;
	}
	.clrBlueLight {
		color: #EDF4FB;
	}		
	.clrDesert {
		color: #CC6600;
	}	
	.imageFrame {
		border: 1px solid #ffffff;
		padding: 0px 0px 0px 0px;  
		margin: 0px 0px 0px 0px; 					
	}
	.mainFrame {
		border-top: 2px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		border-left: none;
		border-right: none;
		padding: 0px 0px 0px 0px;  
		margin: 0px 0px 0px 0px; 					
	}
 	.pageBorderLeft {
		border-right: 1px solid #F2F3EF;
	}
	.pageBorderRight {
		border-left: 1px solid #F2F3EF;
	}
	.bgChecker {
		background-image: url(../images/bg_blue_checker.gif);
		background-repeat: repeat;
		background-color: #ffffff;
	}
	.surfaceTag {
		font-family: verdana;
		font-size: 8px;
		color: #cccccc;
		text-decoration: none;
		 letter-spacing: 0.1ex; 
	}
	.surfaceTag:hover {
		color: #Cc480A;
		text-decoration: none;
	}
	.copyright {
		font:10px verdana, arial, helvetica, sans-serif;
		padding:0px;
		color:#636D2A;										
	}	
	.bdrTopDashedBlue {
		border-top: 1px dashed #7DB1E5;
	}
	.bdrBotDashedBlue {
		border-bottom: 1px dashed #7DB1E5;
	}
	.bdrRightDashedBlue {
		border-right: 1px dashed #7DB1E5;
	}
	.bdrRightDashedYelo {
		border-right: 1px dashed #FDF0C9;
	}	
	.bdrBotThickBlue {
		border-bottom: 8px solid #D9E8F7;
	}
	.bdrBotThickYelo {
		border-bottom: 8px solid #FDF0C9;
	}
	.bdrBotThickPurp {
		border-bottom: 8px solid #B2C2E4;
	}		
	.bdrTopDashedYelo {
		border-top: 1px dashed #FCAE56;
	}
	.bdrBotSolidBlue {
		border-bottom: 1px solid #D9E8F7;
	}	
	.bdrTopLeftDashedBlue {
		border-top: 1px dashed #7DB1E5;
		border-left: 1px dashed #7DB1E5;
	}
	.tablePadding{
		padding: 2px 10px 2px 10px;
	}
	
  ------------------------------------  Form stuff ----------------------------------- 
	input {
		font: 11px verdana;
	}
	textarea {
		font: 11px verdana;
	}	
	textarea.comBox {
		height: 70px;
		width: 140px;
		padding: 2px;
	}
	input.inputBox {
		-- height: 18px; -- replaces comment taken out rw
		width: 122px;
		padding: 1px;
		font: 11px verdana;
	}
	input.checkBox {
		margin: 0px 3px 0px 0px;
		height: 18px;
		width: 18px;
	}
	select.long {
		height: 20px;
		width: 150px;
		padding: 1px;
		font: 11px verdana;
	}	
	select.med {
		height: 20px;
		width: 100px;
		padding: 1px;
		font: 11px verdana;
	}
	select.place {
		height: 20px;
		width: 175px;
		padding: 1px;
		font: 11px verdana;
	}
	select.month {
		height: 20px;
		width: 45px;
		padding: 1px;
		font: 11px verdana;
	}
	select.doubledigit {
		height: 20px;
		width: 42px;
		padding: 1px;
		font: 11px verdana;
	}
	select.singledigit {
		height: 20px;
		width: 40px;
		padding: 0px;
		font: 14px verdana;
		color:#066ACD;
		font-weight:bold;
	}
	input.submitBlue {
		height: 22px;
		width: 110px;
		padding: 0px;
		font: 11px verdana;
		background-color:#D9E8F7;
		border:#7EB1E5 solid 1px;
		cursor:pointer;
	}
	input.submitBlue:hover{
		background-color:#7EB1E5;
		cursor:pointer;
	}
	input.submitYelo {
		height: 22px;
		width: 140px;
		padding: 0px;
		font: 11px verdana;
		background-color:#FDF0C9;
		border:#CC6600 solid 1px;
		cursor:pointer;
	}	
	input.submitYelo:hover {
		background-color:#CC6600;
		cursor:pointer;
	}	
	input.submitYeloMedium {
		height: 20px;
		width: 122px;
		padding: 0px;
		font: 11px verdana;
		background-color:#FDF0C9;
		border:#CC6600 solid 1px;
		cursor:pointer;
	}	
	input.submitYeloMedium:hover {
		background-color:#CC6600;
		cursor:pointer;
	}
	textarea.copyBox {
		height: 200px;
		width: 450px;
		padding: 2px;
	}
	input.headerBox {
		height: 22px;
		width: 450px;
		padding: 2px;
	}

	
*/