<STYLE TYPE=text/css> 
BODY {
FONT-SIZE: 12p; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
A:link {
	COLOR: none; TEXT-DECORATION: underline
}
A:visited {
	COLOR: red; TEXT-DECORATION: none
}
A:active {
	COLOR: orange; TEXT-DECORATION: none
}
A:hover {
	COLOR: blue
}


p.memo {
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial;
	MARGIN-LEFT: .75in
}

p.video {
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial;
	MARGIN-LEFT: 2.75in
}


LI {
	MARGIN-LEFT: -0.25in
}
OL LI {
	MARGIN-LEFT: -0.15in
}
UL {
	LIST-STYLE-TYPE: disc
}
UL.onestep {
	LIST-STYLE-TYPE: disc
}

a img { border: none }

TABLE {
	MARGIN-TOP: 0em; TEXT-ALIGN: center; font-size: 14pt; font-family: Century Gothic;
}
TR {
	MARGIN: 0.25em; VERTICAL-ALIGN: top
}
TH {
	MARGIN: 0.25em; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
TD {
	MARGIN: 0.25em; VERTICAL-ALIGN: top; color: black; FONT-SIZE: 14px;
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: brown; FONT-FAMILY: Arial
}

/* beginning of menu */
.jquerycssmenu{
font: bold 12px Verdana;
border-bottom: 1px solid black;
padding-left: 12px; /*offset of tabs relative to browser left edge*/
width: 900px
}

.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: white url(images/tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 7px 4px 7px;
margin-right: 18px; /*spacing between tabs*/
border: 1px solid #778;
border-bottom-width: 0;
color: #2d2b2b;
text-decoration: none;
}

.jquerycssmenu ul li a:hover{
background-image: url(images/tintbluedark.gif) /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
background: white;
color: black;
padding: 4px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}
/* End of menu */



{
.hidden { display: none; }
 .unhidden { display: block; }
}
/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* The banner element */
DIV.banner {width:760px; 
FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: Century Gothic; sans-serif;
	height: 50px; 
	width: 800px;
	position: absolute; 
	left: 10px; 
	top: 5px;
	align: top center;
}

/* The leftnav element */
DIV.leftnav {width: 210px; 
FONT-SIZE: 11pt; COLOR: blue; FONT-FAMILY: Arial; sans-serif;
	height: 130px; 
	width: 360px;
	position: absolute; 
	left: 10px; 
	top: 600px;
	}


	

/* The caesgr element */
DIV.caesgr {width:760px; 
FONT-SIZE: 8pt; COLOR: blue; FONT-FAMILY: Arial; sans-serif;
	height: 150px; 
	position: absolute; 
	left: 10px; 
	top: 280px;
	width: 300px;
	align: left;
}

/* The chair element */
DIV.chair {width: 655px; 
FONT-SIZE: 9pt; COLOR: brown; FONT-FAMILY: Arial; sans-serif;
	height: 110px; 
	position: absolute; 
	left: 240px; 
	top: 280px;
	width: 200px;
}

/* The offices element */
DIV.offices {width: 655px; 
FONT-SIZE: 9pt; COLOR: brown; FONT-FAMILY: Arial; sans-serif;
	height: 110px; 
	position: absolute; 
	left: 420px; 
	top: 280px;
	width: 300px;
}


/* The offices element */
DIV.regoffices {width: 655px; 
FONT-SIZE: 9pt; COLOR: brown; FONT-FAMILY: Arial; sans-serif;
	height: 110px; 
	position: absolute; 
	left: 620px; 
	top: 280px;
	width: 300px;
}



/* The staff1 element */
DIV.staff1 {width: 700px; 
FONT-SIZE: 9pt; COLOR: brown; FONT-FAMILY: Arial; sans-serif;
	height: 110px; 
	position: absolute; 
	left: 750px; 
	top: 270px;
	width: 400px;
}

/* The body text element */
DIV.body {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute;
	left: 20px;
	top: 1150px;
}


/* The mobody text element */
DIV.mobody {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute;
	left: 20px;
	top: 1200px;
}


/* The statechairbody text element */
DIV.statechairbody {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute;
	left: 20px;
	top: 1000px;
}


/* The album body text element */
DIV.albumbody {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute;
	left: 20px;
	top: 1200px;
}



/* The bodyjobs text element */
DIV.bodyjobs {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute;
	left: 20px;
	top: 1000px;
}

/* The bodyschoollink text element */
DIV.bodyschoollink {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 800px;
	position: absolute;
	left: 20px;
	top: 100px;
}


/* The jobinglogo element */
DIV.jobinglogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 1650px;
	}
	
/* The jobingtext element */
DIV.jobingtext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 1650px;
	}
	
/* The eplogo element */
DIV.eplogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 1800px;
	}
	
/* The eptext element */
DIV.eptext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 1800px;
	}

/* The vjlogo element */
DIV.vjlogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 2000px;
	}
	
/* The vjtext element */
DIV.vjtext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 2000px;
	}

/* The GIJobslogo element */
DIV.gijobslogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 2200px;
	}
	
/* The GIJobstext element */
DIV.gijobstext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 2200px;
	}

	
/* The hplogo element */
DIV.hplogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 2500px;
	}
	
/* The hptext element */
DIV.hptext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 2500px;
	}

/* The imlogo element */
DIV.imlogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 2700px;
	}
	
/* The imtext element */
DIV.imtext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 2700px;
	}

/* The m4llogo element */
DIV.m4llogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 2900px;
	}
	
/* The m4ltext element */
DIV.m4ltext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 2900px;
	}
	
/* The t2tlogo element */
DIV.t2tlogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 3100px;
	}
	
/* The t2ttext element */
DIV.t2ttext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 3100px;
	}
	
/* The rmlogo element */
DIV.rmlogo {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 500px;
	position: absolute; 
	left: 20px; 
	top: 3300px;
	}
	
/* The rmtext element */
DIV.rmtext {width: 210px; 
FONT-SIZE: 11pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 600px;
	position: absolute; 
	left: 420px; 
	top: 3300px;
	}
	
	
	
/* The STATEGOV element */
DIV.STATEGOV {
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 20px; 
	top: 3500px;
	}

	
	
/* The SCHOOLS element */
DIV.SCHOOLS { 
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 20px; 
	top: 3800px;
	}

	
/* The jobpost element */
DIV.jobpost { 
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 20px; 
	top: 4000px;
}

/* The SCHOOLSTEXT element */
DIV.SCHOOLSTEXT {width: 210px; 
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 420px; 
	top: 3800px;
	}



/* The SCHOOLALIGN1 element */
DIV.SCHOOLALIGN1 {width: 210px; 
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 20px; 
	top: 3850px;
	}


/* The SCHOOLALIGN2 element */
DIV.SCHOOLALIGN2 {width: 210px; 
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	width: 1000px;
	position: absolute; 
	left: 420px; 
	top: 3850px;
	}
	
	
/* The bodynews text element */
DIV.bodynews {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 900px;
	position: absolute;
	left: 20px;
	top: 1550px;
}

/* The USERRAINDEX element */
DIV.USERRAINDEX {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 320px;
	top: 800px;
}

/* The 1INDEXLINKS text element */
DIV.1indexlinks {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 80px;
	position: absolute;
	left: 20px;
	top: 400px;
}

/* The 2INDEXLINKS text element */
DIV.2indexlinks {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 80px;
	position: absolute;
	left: 400px;
	top: 400px;
}

/* The bodyvolunteer text element */
DIV.bodyvol {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 900px;
	position: absolute;
	left: 20px;
	top: 1350px;
}


/* The missionstatement element */
DIV.missionstatement {
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 350px; 
	width: 700px;
	position: absolute; 
	left: 300px; 
	top: 600px;
	align: left;
}

/* The statusticker text element */
DIV.statusticker {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 300px;
	width: 900px;
	position: absolute;
	left: 100px;
	top: 940px;
}


/* The newsscroller text element */
DIV.newsscroller {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 300px;
	width: 300px;
	position: absolute;
	left: 800px;
	top: 1040px;
}


/* The buttons element */
DIV.buttons {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 300px;
	width: 400px;
	position: absolute;
	left: 40px;
	top: 1040px;
}


/* The player element */
DIV.player {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 300px;
	width: 500px;
	position: absolute;
	left: 305px;
	top: 1060px;
}


/* The feedjit element */
DIV.feedjit {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Arial; sans-serif;
	height: 300px;
	width: 400px;
	position: absolute;
	left: 40px;
	top: 1500px;
}

/* The body1 text element */
DIV.body1 {text-align: left;
FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: Century Gothic; sans-serif;
	height: 100px;
	width: 680px;
	position: absolute;
	left: 320px;
	top: 10px;
}


/* The footerhome element */
DIV.footerhome {width: 900px; 
FONT-SIZE: 12pt; COLOR: brown; FONT-FAMILY: Century Gothic; sans-serif;
	height: 110px; 
	position: absolute; 
	left: 20px; 
	top: 1680px;
}




/* The INTPICS element */
DIV.intpics {width: 210px; 
FONT-SIZE: 11pt; COLOR: blue; FONT-FAMILY: Arial; sans-serif;
	height: 130px; 
	width: 760px;
	position: absolute; 
	left: 320px; 
	top: 730px;
	}

	
/* The INTPICSNEWS element */
DIV.intpicsnews {width: 210px; 
FONT-SIZE: 11pt; COLOR: blue; FONT-FAMILY: Arial; sans-serif;
	height: 130px; 
	width: 900px;
	position: absolute; 
	left: 50px; 
	top: 1000px;
	}
	

	
	
</STYLE>

