@charset "utf-8";

/* Use on any area needing upper and lower rules ---*/

.RuleAboveBelow {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.style1 {color: #FFFFFF}

/* ---Plain body text-----*/

.normaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.contactInfo{
	  font: bold 13px/1.5em Verdana;
      font-size:95%;
	  letter-spacing:normal;
	  height:40px;
	  padding: 10px 10px 0 0;
	  background-color:#CCC;
	  color:#666;
	  }
/* Padding for above tr-----*/

.TopPadding5px {
	padding-top: 5px;
}
/* Top navigation tabs UL ---------------------------*/
 #tabsH {
      float:left;
      width:100%;
      background:#648cb4;
	  font: bold 13px/1.5em Verdana;
      font-size:94%;
	  	background-image:url(../images/stripesTop.jpg);

      }
    #tabsH ul {
	margin:0;
	padding:5px 10px 0 10px;
	list-style:none;
	background-image:url(../images/stripesTop.jpg);
	
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  cursor:pointer;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
	  
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
/* End of ----Top navigation tabs UL ---------------------------*/
/* Key areas navigation ----*/
    body {
	margin:0;
	padding:0;
	font: bold 13px/1.5em Verdana;
	color:#000066;
}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	
}
 

#tabsm {

	background-image:url(../images/stripesDark.jpg);
      float:left;
      width:100%;
	  font: bold 13px/1.5em Verdana, Arial, sans-serif;
      font-size:96%;
      line-height:normal;
	  z-index:6;
	  border-top:#CCCCCC 1px solid;
      }
#tabsm ul {
	margin:0;
	padding:0px 10px 0 10px;
	list-style:none;
      }
#tabsm li {
      display:inline;
      margin:0;
      padding:0;
      }
#leavers a {
      float:left;
      background:url("../images/tableftm.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	cursor:pointer;
      }
	  
#leavers a span {
      float:left;
      display:block;
	height:20px;
      background:url("../images/tabrightm.gif") no-repeat right top;
      padding:15px 40px 4px 40px;
      color:#000;
      }
#under19 #leavers a{
	  background-position:0% -42px;
	  }
#under19 #leavers a span{
	  background-position:0% -42px;
	  }
#adults #adult a{
	  background-position:0% -42px;
	  }
#adults #adult a span{
	  background-position:0% -42px;
	  }
#employers #employer a{
	  background-position:0% -42px;
	  }
#employers #employer a span{
	  background-position:0% -42px;
	  }
#highered #hied a{
	  background-position:0% -42px;
	  border-right:#666666 1px solid;
	  }
#highered #hied a span{
	  background-position:0% -42px;
	  }
#adult a {
      float:left;
      background:url("../images/tableftm5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	cursor:pointer;
      }
#adult a span {
      float:left;
      display:block;
		height:20px;
      background:url("../images/tabrightm5.gif") no-repeat right top;
      padding:15px 40px 4px 40px;
      color:#000;
      }
#employer a {
      float:left;
      background:url("../images/tableftm3.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	cursor:pointer;
      }
#employer a span {
      float:left;
      display:block;
	height:20px;
      background:url("../images/tabrightm3.gif") no-repeat right top;
      padding:15px 40px 4px 40px;
      color:#000;
      }
#hied a {
      float:left;
      background:url("../images/tableftm4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	cursor:pointer;
      }
#hied a span {
      float:left;
      display:block;
	  height:20px;
      background:url("../images/tabrightm4.gif") no-repeat right top;
      padding:15px 40px 4px 40px;
      color:#000;
      }
#txo a {
      float:left;
      background:url("../images/textonly.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	cursor:pointer;
		}
#txo a span {
      float:left;
      display:block;
	  height:20px;
      padding:15px 10px 4px 32px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
    /* End IE5-Mac hack */
#tabsm a:hover span {
      color:#000066;
      }
#tabsm a:hover {
      background-position:0% -42px;
      }
#tabsm a:hover span {
      background-position:100% -42px;
      }
/*#txo a:hover {
      background-position:100% -42px;
      }*/
/*------end of key areas navigation ----*/
/* ----news tables ---*/
ul.vert-one{
	margin:0;
	padding: 0 0 0 0;
	list-style-type:none;
	display:block; 
	font: 10px Verdana, Arial, sans-serif;line-height:165%; width:300px;	
	} 
ul.vert-two{
	margin:0;
	padding: 0 0 0 0;
	list-style-type:none;
	display:block; 
	font: 10px Verdana, Arial, sans-serif;line-height:165%; width:300px;	
	} 
ul.vert-two li{
	
	margin:0;
	background:#f7aab3;
	color:#333333;
	text-decoration:none;
	padding:3px 5px 3px 10px;
	width:300px;
	border:1px solid #c4c4c4;


	} 
ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#5e5e5e;
	background:#f0efef;
	padding:3px 5px 3px 10px;
	width:300px;
	border:1px solid #c4c4c4;
} 


ul.vert-one li a:hover{
	background:#CAE4FF url("../images/vert-one_arrow.gif") no-repeat 0 9px;
	font-size: 10px;
} 
/*-ul.vert-one li a.current,ul.vert-one li a.current:hover{ 
	background:#fbfbfc url("vert-one_arrow.gif") no-repeat 0 9px;
} -*/
.vert-oneimg {
	float: left;
	padding:0;
	margin-right:5px;
	}
	
/*-----end of news tables -----*/
/*----------video items--------*/
ul.vert-vid{

		padding: 10px 0 0 0;
		list-style-type:none;
		display:block; 
	font: 10px Verdana, Arial, sans-serif;line-height:165%; width:160px;	
	} 
ul.vert-vid li a{
	display:block;	
	text-decoration:none;
	color:#000000;
	background:#FFFF99;
	padding:3px 5px 3px 10px;
	width:160px;
	border:1px solid #c4c4c4;
} 
ul.vert-vid li a:hover{
	background:#C0C6F8;
	font-size: 10px;
} 

/*---------end vid items-------------*/
/*-----main logo---*/
.flasharea{
	width:960px;
	height:233px;
	/*--for moving it up--*/
	float:none;
	top:34px;
	margin-left:0px;
	z-index:1;
}


#mainlogo{
width:90px;
height:143px;
font-size:10px;
/*--for moving it up--*/
position:absolute;
float:left;
top:58px;
margin-left:30px;
z-index:5;
}

#phone{
padding-right:15px;
}
/* Use to locate info off screeen*/

.offscreen {
    position: absolute;
    left: -999em;
}
/*------------*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 270px; /*width of menu*/
}

.headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar2.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 10px 4px 10px; /*header text is indented 10px*/
}
.headerbar2{
font: bold 14px Arial;
color:#003366;
/*background: black url(../images/titlebar2.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 10px 4px 0; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3d5062;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font: bold 12px Arial;
/*font: bold 100% Arial; !important*/
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color: #666ff2;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #dae9f8;
}
/*-------------------------------*/
.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li a{
color: #3d5062;
background: url(../images/docicon.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font: bold 12px Arial;
/*font: bold 100% Arial; !important*/
border-bottom: 1px solid #dadada;
}

.arrowlistmenu2 ul li a:visited{
color: #666ff2;
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #dae9f8;
}
.bannerimage {
background-color:#00FFFF;
}
.quotes li{
		padding: 10px 0 10px 0;
		list-style-type:none;
		display:block; 
		font: 10px Verdana, Arial, sans-serif;line-height:165%; width:525px;	
	} 
html 
	{
		overflow: scroll;
	}
/* CSS Document */

