/*************************************************************
  Hurricane E-tool styles
**************************************************************/

 /*************************************************************
  Red box Warning style
**************************************************************/
 
 
 .round-top {background: url(../images/top.gif) top left no-repeat; height:47px;}
 .round-middle {background: url(../images/middle.gif) bottom left repeat-y; width:451px;}
 .round-bottom {background: url(../images/bottom.gif) bottom right no-repeat; height:15px;}
 .round-middle p {margin-left:15px; margin-right:15px; margin-top:0px; margin-bottom:0px; font-size: 12px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 
/*************************************************************
  Red box Warning style Big
**************************************************************/
 
 .round-topwarning-big {background: url(../images/top-warning-big.gif) top left no-repeat; height:47px;}
 .round-middlewarning-big {background: url(../images/middle-warning-big.gif) bottom left repeat-y; width:650px;}
 .round-bottomwarning-big {background: url(../images/bottom-warning-big.gif) bottom right no-repeat; height:15px;}
 .round-middlewarning-big p {margin-left:15px; margin-right:15px; margin-top:0px; margin-bottom:0px; font-size: 12px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 
 
 
 /*************************************************************
  Red box Warning style Small
**************************************************************/
 
 .round-topwarning-small {background: url(../images/top-warning-small.gif) top left no-repeat; height:47px;}
 .round-middlewarning-small {background: url(../images/middle-warning-small.gif) bottom left repeat-y; width:261px;}
 .round-bottomwarning-small {background: url(../images/bottom-warning-small.gif) bottom right no-repeat; height:15px;}
 .round-middlewarning-small p {margin-left:15px; margin-right:15px; margin-top:0px; margin-bottom:0px; font-size: 12px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} 
 

 /*************************************************************
  Blue and Yellow box style
**************************************************************/

.round-top2 {
background: url(../images/panel-top.gif) top left no-repeat; 
height:8px;
width:400px;
}

.round-middle2 {
background: url(../images/panel-middle.gif) bottom left repeat-y;
width:400px;
}
 
.round-bottom2 {
background: url(../images/panel-bottom.gif) bottom left no-repeat; 
height:8px;
width:400px;
}

.round-middle2 ul {
margin:2 4px 2 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.round-topsmall {
background: url(../images/panel-top-small.gif) top left no-repeat; 
height:8px;

}

.round-middlesmall {
background: url(../images/panel-middle-small.gif) bottom left repeat-y;

}
 
.round-bottomsmall {
background: url(../images/panel-bottom-small.gif) bottom left no-repeat; 
height:8px;

}

.round-middlesmallest ul {
margin:2px 1px 2px 5px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.li-yellow-arrow2 {list-style-image:url(../images/yellow-arrow2.gif); no-repeat; 
}



.round-topbig {
background: url(../images/panel-top-big.gif) top left no-repeat; 
height:8px;

}

.round-middlebig {
background: url(../images/panel-middle-big.gif) bottom left repeat-y;

}
 
.round-bottombig {
background: url(../images/panel-bottom-big.gif) bottom left no-repeat; 
height:8px;

}

.round-middlebig ul {
margin:2 4px 2 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.li-yellow-arrow {list-style-image:url(../images/yellow-arrow.gif); no-repeat; 
}


.round-topbiggest {
background: url(../images/panel-top-biggest.gif) top left no-repeat; 
height:8px;

}

.round-middlebiggest {
background: url(../images/panel-middle-biggest.gif) bottom left repeat-y;

}
 
.round-bottombiggest {
background: url(../images/panel-bottom-bigest.gif) bottom left no-repeat; 
height:8px;

}

.round-middlebiggest ul {
margin:2 4px 2 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.li-yellow-arrow {list-style-image:url(../images/yellow-arrow.gif); no-repeat; 
}

/*************************************************************
 START BLUE BOTTOM
**************************************************************/


.round-bluetop-big {
background: url(../images/menu-blue-top-big.gif) top left no-repeat; 
height:8px;

}

.round-bluemiddle-big {
background: url(../images/menu-blue-middle-big.gif) bottom left repeat-y;

}
 
.round-bluebottom-big {
background: url(../images/menu-blue-bottom-big.gif) bottom left no-repeat; 
height:8px;

}

.round-bluemiddle-big ul {
margin:2px 4px 2px 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.round-bluemiddle-big li {list-style-image:url(../images/red-bullet.gif) no-repeat; 
margin:2px 4px 2px 15px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:15px;

}

.round-bluemiddle-big a {
color:#3333CC;
}



/*************************************************************
 START BLUE TOP
**************************************************************/

.round-bluetop {
background: url(../images/menu-blue-top.gif) top left no-repeat; 
height:8px;

}

.round-bluemiddle {
background: url(../images/menu-blue-middle.gif) bottom left repeat-y;

}
 
.round-bluebottom {
background: url(../images/menu-blue-bottom.gif) bottom left no-repeat; 
height:8px;

}

.round-bluemiddle ul {
margin:2px 4px 2px 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.round-bluemiddle li {list-style-image:url(../images/red-bullet.gif) no-repeat; 
margin:0 4px 0 15px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#cc6666;
line-height:12px;
}

.round-bluemiddle a {
color:#cc6666;
}


/*************************************************************
 START BLUE Side
**************************************************************/

.round-bluetopside {
background: url(../images/menu-blue-top.gif) top left no-repeat; 
height:8px;

}

.round-bluemiddleside {
background: url(../images/menu-blue-middle.gif) bottom left repeat-y;

}
 
.round-bluebottomside {
background: url(../images/menu-blue-bottom.gif) bottom left no-repeat; 
height:8px;

}

.round-bluemiddleside ul {
margin:2px 4px 2px 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.round-bluemiddleside li {list-style-image:url(../images/red-bullet.gif) no-repeat; 
margin:0 4px 0 15px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:12px;
}

.round-bluemiddleside a {
color:#cc6666;
}

 .round-bluemiddleside p {margin-left:15px; margin-right:15px; margin-top:0px; margin-bottom:0px; font-size: 12px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} 


/*************************************************************
  Activity Index styles
**************************************************************/


.activityText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.activityText a { color: #003399; text-decoration: underline }

.nounderline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; }


/*************************************************************
  Top Nav 
**************************************************************/

.topnavtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#339900;
	text-decoration: none;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	}
	
.borderText2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#003399;
	text-decoration: none;
	margin: 0px;
	padding: 0px 2px 0px 0px;	
	}
	
.borderText2 a { color:#003399; font-weight:bold; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.borderText2 a:hover { text-decoration: underline }
.borderTextOn2 { color: #003399; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; padding: 0px }
.borderTextOn2 a { color: #003399; text-decoration: none }
.borderTextOn2 a:hover { text-decoration: underline }

/*************************************************************
  Sampling Page Nav 
**************************************************************/
	
.borderText3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#003399;
	text-decoration: none;
	margin: 0px;
	padding: 0px 2px 0px 0px;	
	}
	
.borderText3 a { color:#003399; text-decoration: underline }
.borderText2 a:hover { color:#CC3366}
.borderTextOn3 { color: #003399; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; padding: 0px }



/*************************************************************
  Photos
**************************************************************/

.photo_right-bigger {
	float: right;
	margin: 0 0 0 4px;
	border: 0px solid #036;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom:4px;
	width:55%;
	font-weight:none;
	font-size:10px;
	text-align:center;
}

.border_orange {
	margin: 0 0 20px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 3px solid #ffcc33;
} 

.border_red {
	margin: 0 0 7px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 3px solid #8e342b;
} 

.border_green {
	margin: 0 0 7px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 3px solid #669933;
} 

.border_purple {
	margin: 0 0 7px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 3px solid #666699;
} 

/*************************************************************
  HR RULE FOR ACTIVITY SHEETS
**************************************************************/

.hr {
	color: #ccc;
	height: 2.5px;
	width: 723px;
}

/*************************************************************
  Headings
**************************************************************/

.kickerheading  { 
color: #033095; 
font-weight:  bold;
font-style: italic; 
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding: 0px 0px 0px 0px;
 }


.subheadings  { 
color: #003399; 
font-weight: bold; 
text-decoration: none;
font-size: 14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding: 0px 0px 0px 0px;
 }
 
.openingpagelinks  { 
color: #0000FF; 
font-weight: none; 
text-decoration: underline;
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding: 0px 0px 0px 0px;
 }
 
.banner-bgcolor {background-image:url(../images/banner-bg.gif); }



/*************************************************************
	submenu area
**************************************************************/

.submenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size: 10px;
	color: #ffffff;
	margin: 0px;
	padding: 7px 3px 0px 5px;
}
.submenuItem a {
	color: #ffffff;
	text-decoration: none;
	
}
.submenuItem a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.submenuItemOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	color: #FFCC00;
	margin: 0px;
	padding: 7px 3px 0px 5px;
}
.submenuItemOn a {
	font-size: 10px;
	font-weight:  bold;
	color: #FFCC00;
	margin: 0px;
	padding: 7px 3px 0px 5px;
}
.submenuItemOn a:hover {
	text-decoration: underline;
}

/*************************************************************
	Info box
**************************************************************/

.border_purplebox {
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 3px solid #666699;
} 

.border_purplebox ul {
margin:2px 4px 2px 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}

.border_purplebox li {
margin:2px 4px 2px 35px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}



.navheader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:  bold;
	font-size: 12px;
	color: #FFFFCC;
   margin-bottom: 4px;
   margin-top: 4px;
   margin-left: 4px;
   margin-right: 4px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.tableblueBkgnd {
  background-color:#5375B9
}

.tableyellowBkgnd {
  background-color:#FFFFCC
}	
