|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/gk3c/Cluff_Templates/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="cluff.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #CCFF99;
colorz: white;
}
</style>
</head>
<body bgcolor="#C0DFFD">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#3366CC">
<td colspan="3" rowspan="2"><img src="images/mm_travel_photo.jpg" alt="Header image" width="382" height="127" border="0" /></td>
<td height="63" colspan="2" align="center" valign="bottom" nowrap="nowrap" bgcolor="#3366CC" id="logo">Cluff & Associates</div></td>
<td width="166" height="63" align="center" valign="bottom" nowrap="nowrap" bgcolor="#3366CC" id="logo"> </td>
<td width="107"> </td>
</tr>
<tr bgcolor="#3366CC">
<td height="64" colspan="2" align="center" valign="top" bgcolor="#3366CC" id="tagline">RECRUITING TRENDS AND BEST<br />
PRACTICES IN EMPLOYMENT</div></td>
<td height="64" align="center" valign="top" bgcolor="#3366CC" id="tagline"> </td>
<td width="107"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#CCFF99">
<td height="25" colspan="7" align="right" bgcolor="#CCFF99" id="dateformat"><script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="172" valign="top" bgcolor="#C0DFFD">
<div class="glossymenu">
<a class="menuitem" href="#">Home</a>
<a class="menuitem submenuheader" href="#">Project S.A.V.E.</a>
<div class="submenu">
<ul>
<li><a href="#">Description</a></li>
<li><a href="#">Next Meeting</a></li>
<li><a href="#">Member Links</a></li>
<li><a href="#">Surveys</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#" >Jobs</a>
<div class="submenu">
<ul>
<li><a href="#">Jobs in HR</a></li>
<li><a href="#">Jobs in Recruiting</a></li>
<li><a href="#">Free Postings</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#">Upcoming Events</a>
<div class="submenu">
<ul>
<li><a href="#">HR Calendar</a></li>
<li><a href="#">Cluff's Speaking Schedule</a></li>
<li><a href="#">HR Links</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#">Knowledge Share</a>
<div class="submenu">
<ul>
<li><a href="#">Six Secrets</a></li>
<li><a href="#">Articles</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href="#">About Us</a>
<div class="submenu">
<ul>
<li><a href="#">Cluff & Associates</a></li>
<li><a href="#">Gary Cluff</a></li>
<li><a href="#">Client List</a></li>
</ul>
</div>
<a class="menuitem" href="#">Contact</a></div>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="images/mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="4" valign="top"><img src="images/mm_spacer.gif" alt="" width="400" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tr>
<td class="pageName">Calendar</td>
</tr>
<tr>
<td class="bodyText"><p style="margin-top: 0;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></td>
</tr>
<tr>
<td class="subHeader" align="right" id="monthformat">ENTER MONTH HERE</td>
</tr>
<tr>
<td class="bodyText" valign="top"><p><strong>ENTER DATE
HERE:</strong> Event description. Rapiebant me spectacula theatrica,
plena imaginibus miseriarum mearum et fomitibus ignis mei. quis
est, quod ibi homo vult dolere.</p>
<p><strong>ENTER DATE
HERE:</strong> Event description. Rapiebant me spectacula theatrica,
plena imaginibus miseriarum mearum et fomitibus ignis mei. quis
est, quod ibi homo vult dolere.</p></td>
</tr>
<tr>
<td class="subHeader" align="right" id="monthformat">ENTER MONTH HERE</td>
</tr>
<tr>
<td class="bodyText" valign="top"><p><strong>ENTER DATE
HERE:</strong> Event description. Rapiebant me spectacula theatrica,
plena imaginibus miseriarum mearum et fomitibus ignis mei. quis
est, quod ibi homo vult dolere.</p></td>
</tr>
<tr>
<td class="subHeader" align="right" id="monthformat">ENTER MONTH HERE</td>
</tr>
<tr>
<td class="bodyText" valign="top"><p><strong>ENTER DATE
HERE:</strong> Event description. Rapiebant me spectacula theatrica,
plena imaginibus miseriarum mearum et fomitibus ignis mei. quis
est, quod ibi homo vult dolere.</p></td>
</tr>
</table>
<br /> <br />
<br /></td>
<td width="107"> </td>
</tr>
<tr>
<td height="25" td colspan="7"><div align="center"><a href="#">Home</a> <span class="style1">|</span> <a href="#">Project S.A.V.E.</a> <span class="style1">|</span> <a href="#">Jobs</a> <span class="style1">|</span> <a href="#">Upcoming Events</a> <span class="style1">|</span> <a href="#">Knowledge Share</a> <span class="style1">|</span> <a href="#">About Us</a> <span class="style1">|</span> <a href="#">Contact</a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td width="170"> </td>
<td width="391"> </td>
<td width="50"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>