Ideal copyright font?

is there an ideal font for showing copyright stamp on images in cs5

I like to "ghost" my © symbol, by lowering its Opacity, and also doing a bit of an Emboss. I use Arial Black, and at a pretty large size (depends on the resolution of the Image), and I also place in the middle of the Image. That allows a viewer to see the entire Image, pretty clearly, but makes it tough to remove, though certainly not impossible with some work.
As Pete.Green points out, there is no one "ideal font," and even the details of your Image might dictate what works for you.
Good luck, and just experiment,
Hunt

Similar Messages

Copyright font too small on Export

Is there any way to increase the size of the copyright font on Export? It's really tiny. BTW Using 2.0 beta, but I hope its the same as 1.4.

Jao :Thanks for the help,and sorry for the shouting and misunderstanding , but this one is an issue LR should have fix long time ago. In the preliminary times before LR was sold to the public,one could actually call on the fonts and fonts size from within templates and increase the font size a little bit ,then it was taken away. I feel lucky to have save one of the Metadata presets from the early stages (Beta) Copy it and move it in to the new LR and it works better than what we got available right now

Map Title/Copyright font size settings

Does anyone know how to set the font size/color etc for the map title. i.e. This can be set in the client side by:
MapViewer.setMapTitle("my title");
Then theres the MapViewer config, e.g:
<global_map_config>
<note text="local"
font="sans serif"
position="NORTH_EAST"/>
<title text="MapViewer Demo"
font="Serif"
position="SOUTH" />
<logo image_path="C:\\images\\a.gif"
position="NORTH" />
<rendering allow_local_adjustment="false"
use_globular_projection="false" />
</global_map_config>
But I cant figure out how to specify the font size and color.
Anyone know?
Regards
Tim

Hi Tim,
You can not customize all text settings for footnotes and titles at this time. We wil create an enhancement request to address this in future versions. Thanks.
Joao

Using fonts not copyrighted By Adobe.

Hi people,
I'm making a phonetics book with Adobe Indesign CS5 and to transcribe the phonetics I need to use Phonetic Ox font. However Phonetic Ox font is a font that Adobe doesn't have any copy rights. When making the documents, Adobe allows me to create text using the non-copyrighted font. However it warns me that when the document will be converted to PDF, the Phonetic Ox font will be missing because of copyright issues.
I bought the phonetic software about 15 years ago from Linguistics Software Inc, it is on a floppy disk!!! and as part of the price I am allowed to use their fonts in commercial ventures such as publishing.
At present I am reduced to creating the text, in Phonetic Ox font on Microsoft Word (WordArt), developing the font in Adobe Illustrator as an image and placing the final image on my Adobe Indesign document as an object.
Is there anyway that I can use the font as text, rather than as an object, and that when I finally convert my Adobe Indesign Book to a PDF format, the Phonetic OX font will appear in the PDF version?
Thanks in advance.
Gary

Thanks Peter
How do you embed a font into AID, similar to the way you embed a new font in your office system?

Font Book: Installed postscript Fonts don't always appear in Font Book list

Greetings,
I was helping a user the other day with Font Book. I was showing him how to add/enable fonts into Font Book when I noticed a problem I had never seen before. Before I get started, the fonts in question are from the Adobe 7 Font Folio library. There were newly installed by me from the original disk, and known not to be corrupt. I also know that that Postscript fonts are an accepted font format in Tiger.
That said, when adding.installing a particular font using Font Book, it would not "Appear" in the Font Book" list of fonts. I would attemp to, again add/enable the font (by selecting it from the Adobe Library) and still it would not appear in the Font Book list with the other installed fonts. This would happen to any font that I tried to install. Once this happenend to a specific font, I could no longer get that specific font to install.
I removed the Font Book .plist - no luck. I also rebooted - no luck.
Obviously, no application was able to recognize any of the fonts that would not install.
It was as if Font Book would not recognize any font that I was trying to add/enable.
Could this be a corrupted cache issue, or .plist problem? Could this be a permissions related issue? What did work finally was to add the font to the "Computer" set, where it would be avaialbe to all users. But I could not get the font to install into the "User" set. Weird.
Also, What is the significance of these four fonts:
HelveLTMM
Helvetica LT MM
Times LT MM
TimesLTMM
These fonts above are part of the default package that is loaded into the /System/Library/Fonts
Is it safe to replace these with Postscript version from my Adobe 7 Font Folio collection?
I have read most of the font related tutorials and articals.
thanks,
Hairfarm
G4 Mac OS X (10.4.3)
G5 Mac OS X (10.3.6)

where did
you get the information about pre-92 Adobe postscript
fonts being uncompatible?
Oh, sure, it's hard enough for me to remember things these days and now you want me to remember where I learned them from?? geez... [gone lookin' ... okay, back] It was, as I vaguely recalled, on the Adobe site, re troubleshooting in OS X, in a list of "do this to solve your problems": "Make sure that you are using the latest version of the font... If the font's creation date is prior to 1992, a new version of the font may be available." The only Type 1's that have given me any problems were, all three of them, older than 92, and in troubleshooting something here a few weeks ago, that turned out to be a problem for someone else, too.
But all of the Tiger font
research that I have done suggests that Adobe
Postscript fonts were acceptable.
Yes, well... Type 1's are supported. It seems that some older ones are a little funky (not in a design sense....)
Ideally, what fonts can be removed from Tiger from
the System/Libray/Fonts folder? I know that all four
of the MM's (Helvetica LTand Times LT), Lucida
Grande, Geneva, Keyboard, Last Resort, and Monoco
must stay, but what about the others?
You also need a real Helvetica - that is, not the MM version. You can replace the system's Helvetica with one of your own, but there must be an available Helvetica around at all times.
Then there's AquaKana (two of them, regular and bold). They're not on Apple's official "do not remove" list, but there's some anecdotal evidence of its being needed. It's "real" name begins with a period, so it doesn't appear in any menu, so it's not going to hurt anything if you leave it there.
In stripping down nonessential fonts, lots of people just remove everything from the Library/Fonts folder, but I think it's good to leave the basic most common web fonts available: Comic Sans, Georgia, Trebuchet, Verdana, Times New Roman. This keeps web pages looking the way they're supposed to - and they shouldn't conflict with anything that's being really designed!
This is assuming that the fonts
being used are not damaged and "Pass" Font Book's
validation test.
The assumption within that assumption is false: Font Book's validation is pretty iffy. I think the only reason we don't see it as REALLY iffy is because fonts, on the whole, are pretty solid in OS X (your current experience to the contrary). I've installed fonts (properly) that flew through the automatic-on-install validation but failed when I used the Validate Font command afterwards. I've had fonts that pass both the on-install and specific after-install validation but get a Bad Font warning dialog when being re-enabled after a disabling. (And I didn't use the font in between... ) Who knew Font Book did any validating when you re-enable fonts??
This is what I would do:
(Not necessarily in this order)
1. Trash Font Book .plist
2. Trash all Font Cache's from all three libraries
(System, Computer, and User folders)
3. Reboot
4. Delete problem fonts from User and Computer
Libraries and reinstall using Font Book.
Please tell me if this strategy is ill-advised, and
what the better course of action might be.
None of it is ill-advised. I would add starting up in Safe Mode to see if the problems exist there as part of the narrow-down-the-problem stage. Same goes for setting up a separate user account and see how things are behaving there. (Yikes... did you try that yet??)
In addition, there are some special things to do when it's Office apps having the problem, or something going on with Adobe's application fonts folder...
Also, Zaph Dingbats is acting up as well. I removed
the .dfont version that was in the system folder, and
replaced it with the Adobe Font Folio Postscript
version (ITC Zaph Dingbats) that I loaded into Font
Book User/Library/Fonts folder. Now that I think
about it, that specific font has been around for
along time, and may very well be pre-1992. Hmmm...
Can you further define "acting up" ? In addition to the ZD dfont from the system, I've been using/testing ITC ZD from Adobe with no problems. It's version 2.0 with copyright dates of 1985 through 1987.
A lot to respond to. My apologies.
No problem. You caught me on a night when I'm too tired for real work but not so far gone I can't do this (tho I'm soon on my way, bleary-eyed, to get a fix of Sudoku puzzles).

How to manage the font size for webRfc Reports

Hi All,
How to manage(increasing or decreasing) the font size for webRFC Reports.
Regards
Sri

Hi,
Can you try republishing and see ....
Ideally the font size would be controlled by the <font tag and if you have made changes correctly it should be reflected correctly.
Check whether the HTML code is also correct.
Thanks & Regards,
Vijith

Jabber login issue

Hi
I have recently deploy expressway edge 8.1.1 with cucm 9.1.2 and cups 9.1.1.However,when I try to login via internet using jabber 9.7.2，it return error "username or password wrong".From the log in expressway-core，I can see the log below
(192.168.121.32 is the ip add of my cucm ,username is zhangzr)
2014-06-19T22:08:08+08:00 EXPC edgeconfigprovisioning UTCTime="2014-06-19 14:08:08,603" Module="network.http.edgeconfigprovisioning" Level="DEBUG" Action="Received" Request-url="https://192.168.121.32:8443/cucm-uds/clusterUser?username=zhangzr"
HTTPMSG:
|HTTP/1.1 200 OK
Date: Thu, 19 Jun 2014 14:08:08 GMT
X-Frame-Options: SAMEORIGIN
Content-Type: application/xml
Server:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?><clusterUser uri="https://192.168.121.32:8443/cucm-uds/clusterUser?username=zhangzr" version="9.1.2"><result version="9.1.2" uri="https://192.168.121.32:8443/cucm-uds/user/zhangzr" found="true"/><homeCluster>192.168.121.32</homeCluster></clusterUser>
|
2014-06-19T22:08:08+08:00 EXPC edgeconfigprovisioning UTCTime="2014-06-19 14:08:08,604" Module="network.http.edgeconfigprovisioning" Level="DEBUG" Action="Send" Url="https://192.168.121.32:8443/cucm-uds/user/zhangzr/devices"
HTTPMSG:
|GET //192.168.121.32:8443/cucm-uds/user/zhangzr/devices HTTP/1.1
Authorization: <CONCEALED>
|
2014-06-19T22:08:08+08:00 EXPC ssh: Event="sshd" Module="openssh" Level="INFO" Detail="Allocated port 34882 for remote forward to localhost:8443" UTCTime="2014-06-19 14:08:08"
2014-06-19T22:08:08+08:00 EXPC ssh: Event="sshd" Module="openssh" Level="INFO" Detail="RSA+cert host key for IP address '192.168.121.31' not in list of known hosts." UTCTime="2014-06-19 14:08:08"
2014-06-19T22:08:08+08:00 EXPC ssh: Event="sshd" Module="openssh" Level="INFO" Detail="Authenticated to expe.gdhwater.com ([192.168.121.31]:2222)." UTCTime="2014-06-19 14:08:08"
2014-06-19T22:08:08+08:00 EXPC edgeconfigprovisioning UTCTime="2014-06-19 14:08:08,872" Module="network.http.edgeconfigprovisioning" Level="DEBUG" Action="Received" Request-url="https://192.168.121.32:8443/cucm-uds/user/zhangzr/devices"
HTTPMSG:
|HTTP/1.1 403 Forbidden
Set-Cookie: JSESSIONIDSSO=A2FB5364EB77D11136697ABAC436EE78; Path=/; Secure; HttpOnly
Set-Cookie: JSESSIONID=588E4DCBE1165A82680BFF3BDD6A865B; Path=/cucm-uds/; Secure; HttpOnly
Expires: Thu, 01 Jan 1970 07:00:00 CST
Server:
Cache-Control: private
Date: Thu, 19 Jun 2014 14:08:08 GMT
Content-Type: text/html;charset=utf-8
<html> <head> <title> Cisco System - Error report </title> <style type="text/css"> a { color: #316984; text-decoration: none; } a:hover { color: #316984; text-decoration: underline; } a:visted { color: #316984; text-decoration: none; } body { background-attachment: fixed; background-color: #ffffff; background-repeat: no-repeat; color: #316984; font-family: arial,helvetica,sans-serif; } #content { border: 1px solid #d6d7d6; font-size: 93.5%; margin: 0px 10% 30px 10%; } #content-header { background-color: #eeeeee; b
order-bottom: 1px solid #666666; color: #666666; font-size: 124.5%; padding: 5px 15px 5px 15px; } #copyright { font-size: 75%; margin: 0px 10% 0px 10%; padding: 3px 0px 0px 0px; text-align: right; } img { display: block; margin: 0px 0px 20px 0px; } #logo { margin: 30px 10% 0px 10%; } p { padding: 5px 15px 5px 15px; } pre { padding: 5px 15px 5px 30px; } </style> </head> <body> <div id="logo"> <img src="/ciscologo.gif" alt="Cisco Systems, Inc." /> </div> <div id="content"> <div id="content-header">HTTP Status 403 - Access to the requested resource has been denied </div> <p> <b> type: </b> Status report </p> <p> <b>message: </b> Access to the requested resource has been denied </p> <p> <b>description: </b> Access to the specified resource has been forbidden. </p> </div> </body></html>
|2014-06-19T22:08:08+08:00 EXPC edgeconfigprovisioning: Level="INFO" Detail="Failed to authenticate user against server" Username="zhangzr" Server="('https', '192.168.121.32', 8443)" Reason="<twisted.python.failure.Failure <type 'exceptions.Exception'>>" UTCTime="2014-06-19 14:08:08,874"
2014-06-19T22:08:08+08:00 EXPC edgeconfigprovisioning: Level="INFO" Detail="All attempts to authenticate user failed" Username="zhangzr" UTCTime="2014-06-19 14:08:08,875"
Anyone can see what is the problem from the log? Should we upload a jabber-config.xml for remote-access to cucm so that we can authenticate ?Or is there any other reason causing such problem?

Hi,
I have exactly the same issue running exactly the same CUCM and CUPS versions.
I am running Expressway 8.2 and Jabber Client 9.7.4.
My log files show the same as yours, but I don't see any incorrect username or password statements.
Internally the clients work fine, externally they seem to parse both Expressway servers and returning the cups and cucm internally addresses in the log files. And then the clients responds with "Cannot communicate with the server". Logging stops.
Anyone got any pointers?

A a:link has background image

I have a bkg img in my nav and bottom nav. (navBkg.jpg) These navs are styled very specifically for the nav and bottom Nav in my css. However all the a links are displaying this background, rather than just the nav and bottom Nav. You can see it in the lower box (Eva prim's Snack of the Week Club) where it says "...read more."
http://carriecoren.com/test/Sept9
here's the css:
@charset "UTF-8";
#column3 img {
          margin-left: 10px;
@font-face
font-family: myFirstFont;
src: url(Gondola_SD.ttf);
          margin:0;
          padding:0;
a, a:link, a:hover {
                    background-image: url(../images/whtBkg.jpg);
body {
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          font-size: 14px;
          color: #222;
          line-height: 18px;
          margin-right: auto;
          margin-left: auto;
          text-align: left;
          background-image: url(../images/blue_bg_vert.jpg);
          background-repeat: repeat-x;
          background-color: #000;
#container {
          width: 960px;
          margin-right: auto;
          margin-left: auto;
          margin-top: 0px;
          margin-bottom: 0px;
          text-align: left;
          background-color: #FFF;
          background-image: url(../images/containerBkg.jpg);
          background-repeat: repeat-y;
#content {
          width: 920px;
          padding-right: 20px;
          padding-left: 20px;
#header {
          background-image: url(../images/header.jpg);
          background-repeat: no-repeat;
          padding: 0px;
          height: 280px;
          width: 960px;
          text-indent: -9999px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
/* column 1 */
#column1 {
          width: 590px;
          margin-top: 30px;
          margin-right: 0px;
          margin-bottom: 20px;
          margin-left: 10px;
          border: medium solid #888;
          background-image: url(../images/column1art.jpg);
          padding-bottom:50px;
          float: left;
#column1 p{
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          font-size: 14px;
          color: #222;
          line-height: 22px;
          padding-left: 253px;
          padding-right:10px;
          padding-bottom:10px;
#column1 h1{
          font-weight:normal
          font-family: Gondola_SD.ttf;
          font-family: "Gondola SD", "Gondola SD - Swash";
          padding-top: 20px;
          padding-left: 240px;
          padding-bottom:10px;
          font-size: 20px;
          word-spacing: 95%;
          text-transform: uppercase;
          line-height: 30px;
          text-align: center;
/* column 2 */
#column2 {
          background-color: #FFF;
          padding: 0px;
          width: 250px;
          margin-top:30px;
          margin-right: 20px;
          margin-bottom: 0px;
          margin-left: 10px;
          float: right;
          padding: 0px;
#column2 li {
          list-style-type: none;
          display: inline;
          padding: 0px;
          margin-top: 0px;
          margin-right: 8px;
          margin-bottom: 0px;
          margin-left: 0px;
#column2 a, a:link {
          margin-top: 0;
          margin-right: 0px;
          margin-bottom: 0;
          margin-left: 0;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 0;
/* column 3 */
#column3 {
          width: 550px;
          margin-right: 0px;
          margin-bottom: 20px;
          margin-left: 10px;
          border: medium solid #888;
          padding: 20px;
          float: left;
          height: px;
          background-color: #FFF;
#column3 p{
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          font-size: 14px;
          color: #222;
          line-height: 22px;
#column3 h2{
          font-weight:normal
          font-family: Gondola_SD.ttf;
          font-family: "Gondola SD", "Gondola SD - Swash";
          padding-bottom:10px;
          font-size: 16px;
          word-spacing: 95%;
          text-transform: uppercase;
          line-height: 30px;
          text-align: left;
#column3 a, a:link{
          color: #33C;
          background-color: #FFF;
          background-repeat: no-repeat;
#column3 a:hover{
          color: #33C;
          font-weight: bold;
h1{
          padding-bottom:10px;
          font-weight:normal
          font-family: Gondola_SD.ttf;
          font-family: "Gondola SD", "Gondola SD - Swash";
          padding-top: 20px;
          font-size: 20px;
          word-spacing: 95%;
          text-transform: uppercase;
          line-height: 30px;
          text-align: center;
/* the main nav */
#nav {
          width: 960px;
          height: 35px;
          margin-bottom: 10px;
          padding-top: 5px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          text-align: center;
          font-size: 14px;
          line-height: 30px;
          font-family: "Gondola SD", "Gondola SD - Swash";
          border-top-width:thin;
          border-color:#000;
          background-image: url(../images/navBkg.jpg);
          background-repeat: repeat;
#nav ul { /* this is the main nav list */
          list-style:none;
          margin-bottom:0px;
          width:100%;
          margin-top: 0px;
#nav li {
          display: inline;
          background-image: url(../images/navBkg.jpg);
          background-repeat: repeat-x;
#nav li a, a:link {
          padding-right:25px;
          padding-left:15px;
          text-decoration:none;
          background-image: url(../images/navBkg.jpg);
          background-repeat: repeat-x;
          vertical-align: bottom;
          width: 100%;
          padding-top: 0px;
          padding-bottom: 0px;
          margin-top: 0px;
#nav li a:hover{
          background-image: url(../images/navBkgHover.png);
          background-repeat: repeat-x;
          padding-top: 6px;
          margin-top: 0px;
          width: 100%;
/* bottom nav */
#bottomNav {
          width: 960px;
          background-color: #003399;
          margin: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
          border-top-width: 9px;
          border-top-style: solid;
          border-top-color: #000;
          text-align: center;
          background-image: url(../images/navBkg.jpg);
          background-repeat: repeat-x;
          float: left;
          height: 25px;
#bottomNav ul {
          list-style:none;
          font-weight:bold;
          margin-bottom:0px;
          margin-top: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
#bottomNav li {
          margin-right:0px;
          position:relative;
          padding-right: 10px;
          padding-left: 10px;
          padding-top: 0px;
          padding-bottom: 0px;
          display: inline;
#bottomNav a, a:link {
          margin-right:0px;
          padding-right: 10px;
          padding-left: 10px;
          padding-top: 7px;
          padding-bottom: 7px;
          display: inline;
          margin-top: 10px;
          margin-bottom: 0px;
          color: #DDD;
#bottomNav a:hover {
          color:#DDD;
          background:#660000;
#pinterest {
          width: 250px;
          margin-right: 0px;
          margin-bottom: 20px;
          margin-left: 0px;
#twitter {
          background-color: #FFF;
          width: 250px;
          margin-right: 0px;
          margin-bottom: 20px;
          margin-left: 0px;
          height: 100%;
          margin-top: 15px;
#social {
          width: 250px;
          height: 58px;
          background-color: #FFF;
#copyright {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 9px;
          line-height: 20px;
          color: #222;
          text-align: center;
          width: 100%;
          float: left;
#contact {
          margin: 0px;
          height: 140px;
          width: 50px;
          padding-right: 10px;
          padding-left: 20px;
          border: thin solid #222;
          padding-top: 40px;
.clear {
          width: 900px;
          color: #EEE;
          margin-top: 100px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          clear: both;
#container #content #clear {
          width: 700px;

OK, you didn't need to post your CSS here, it's available on the page.
But I am confused. Perhaps I am misreading you here.
You have your bottom nav and your top nav. Then you have your "read more" which is not nav-it's just a link. Doesn't have your nav background.
When you set the rules for links for Column 3, you set the way the "read more" would work:
#column3 a, a:link{
          color: #33C;
          background-color: #FFF;
          background-repeat: no-repeat;
#column3 a:hover{
          color: #33C;
          font-weight: bold;
So when you hover, it turns bold and maintains the same color. And the background for links in Column 3 is white, which is the background for column 3. Really not needed.
Additionally, the W3C Validator is finding problems with your page. Please fix those, then get back to us.

Help with floating divs

Hi All,
I have given up on the liquid template and now started from scratch with fixed divs.
My problem now is the floating elements.
I adapted this layout to a adobe tutorial with less divs so the floats and clears that the tutorial said some dont work.
Could someone look at my template and check the floating so as it sits like it does and wont move with content added.
I want to add a horizontal spry navigation bar at the bottom like the top but when i add another div it moves eveything and i get an error about 3px line gaps.
If I am not making sense please let me know
Any help would be appreciated.
Thanks in advance
This is my code and css.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">
</style>
<script src="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/Nikki/Desktop/tmp/Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/Nikki/Desktop/tmp/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />


<link href="../faarcss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
    font-family: "Myriad Pro";
h1,h2,h3,h4,h5,h6 {
    font-family: "Myriad Pro";
    font-weight: bold;
h1 {
    font-size: 110%;
h2 {
    font-size: 105%;
h3 {
    font-size: 100%;
h4 {
    font-size: 90%;
h5 {
    font-size: 90%;
h6 {
    font-size: 90%;
p {font-size: 90%;
</style>
</head>
<body onload="KW_doClock()">
<div id="wrapper">
<div id="topNav">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Finance</a>
        <ul>
          <li><a href="#">Finance Overview</a></li>
          <li><a href="#">More than Just a Mortgage</a></li>
          <li><a href="#">Line Of Credit</a></li>
          <li><a href="#">The Latte Factor</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Insurance</a>
        <ul>
          <li><a href="#">The Importance of Insurance</a></li>
          <li><a href="#">Why do we need Insurance</a></li>
          <li><a href="#">Personal Insurance</a></li>
          <li><a href="#">Health Insurance</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Financial Planning</a>
        <ul>
          <li><a href="#">Creating your financial security</a></li>
          <li><a href="#">Superannuation</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Budgeting</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Taxation</a>
        <ul>
          <li><a href="#">Accounting</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Taxation</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Property</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Property Archives</a></li>
          <li><a href="#">Property F.A.Q.</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Legal</a>
        <ul>
          <li><a href="#">Estate Planning</a></li>
          <li><a href="#">Solicitors</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Information</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Seminars</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Media</a>
        <ul>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Untitled Item</a></li>
          <li><a href="#">Media</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About FAAR</a>
        <ul>
          <li><a href="#">Our Point of Difference</a></li>
          <li><a href="#">Our Undertaking</a></li>
          <li><a href="#">Feedback</a></li>
          <li><a href="#">Site map</a></li>
          <li><a href="#">Contact FAAR</a></li>
</ul>
      </li>
    </ul>
</div>
<div id="logo"><img src="file:///C|/Users/Nikki/Desktop/faar/images/FAAR.logo.jpg" alt="Logo" width="230" height="230" align="left" /></div>
<div id="name">
<img src="file:///C|/Users/Nikki/Desktop/faar.com.au/images/name2.jpg" width="300" height="230" alt="FAAR" /></div>
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="230" id="FlashID" title="Header">
<param name="movie" value="file:///C|/Users/Nikki/Desktop/faar/newFlash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="file:///C|/Users/Nikki/Desktop/tmp/Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="file:///C|/Users/Nikki/Desktop/faar/newFlash.swf" width="450" height="230">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="file:///C|/Users/Nikki/Desktop/tmp/Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    
</object>

</object></div>
<div id="motto">It makes sense to hire an expert - and even more sense to learn from them!</div>
<div id="clock">
    <script language='JavaScript'>
// Kaosweaver Live Clock Start
function class_clock(f,s,c,b,w,h,d,m,g,z) { // Copyright 2002 by Kaosweaver, All rights reserved
    this.b=b;this.w=w;this.h=h;this.d=d;this.g=g;this.z=z
    this.o='<font style="color:'+c+'; font-family:'+f+'; font-size:'+s+'pt;">';
if (m==1) this.o+=doDate("W0",",%20","D1","%20","M0",",%20","Y0",",%20");
var clock=new class_clock("Arial, Helvetica, sans-serif","10","#000000","#FFFFFF","287",1,1,1,0,0)
// If the clock's size needs adjusting, change the 287 above.
d=document
if (d.all || d.getElementById) {d.write('<span id="activeClock" style="width:'+clock.w+'px; background-color:'+clock.b+'"></span>'); }
else if (d.layers) {d.write('<ilayer bgcolor="'+clock.b+'" id="wrapClock"><layer width="'+clock.w+'" id="activeClock"></layer></ilayer>'); }
else {KW_doClock(1);}
function KW_doClock(a) { // Copyright 2003 by Kaosweaver, All rights reserved
    d=document;t=new Date();p="";dClock="";    if (d.layers) d.wrapClock.visibility="show";
    tD=(t.getTimezoneOffset()-(clock.z*60))*clock.g;t.setMinutes(tD+t.getMinutes())
    h=t.getHours();m=t.getMinutes();s=t.getSeconds();if (clock.h)
     {p=(h>11)?"PM":"AM";h=(h>12)?h-12:h;h=(h==0)?12:h;}if (clock.d)
     {m=(m<=9)?"0"+m:m; s=(s<=9)?"0"+s:s;} dClock = clock.o+h+':'+m+':'+s+' '+p+'</font>';
    if (a) {d.write(dClock);}if (d.layers) {wc = document.wrapClock;lc = wc.document.activeClock;
        lc.document.write(dClock);lc.document.close();
    } else if (d.all) {    activeClock.innerHTML = dClock;
    } else if (d.getElementById) {d.getElementById("activeClock").innerHTML = dClock;}
    if (!a) setTimeout("KW_doClock()",1000);
function doDate(){ // Copyright 2002 by Kaosweaver, All rights reserved.
var t=new Date(),a=doDate.arguments,str="",i,a1,lang="1";
var month=new Array('January','Jan', 'February','Feb', 'March','Mar', 'April','Apr', 'May','May', 'June','Jun', 'July','Jul', 'August','Aug', 'September','Sep', 'October','Oct', 'November','Nov', 'December','Dec');
var tday= new Array('Sunday','Sun','Monday','Mon', 'Tuesday','Tue', 'Wednesday','Wed','Thursday','Thr','Friday','Fri','Saturday','Sat');
for(i=0;i<a.length;i++) {a1=a[i].charAt(1);switch (a[i].charAt(0)) {
case "M":if ((Number(a1)==3) && ((t.getMonth()+1)<10)) str+="0";
str+=(Number(a1)>1)?t.getMonth()+1:month[t.getMonth()*2+Number(a1)];break;
case "D": if ((Number(a1)==1) && (t.getDate()<10)) str+="0";str+=t.getDate();break;
case "Y": str+=(a1=='0')?t.getFullYear():t.getFullYear().toString().substring(2);break;
case "W":str+=tday[t.getDay()*2+Number(a1)];break; default: str+=unescape(a[i]);}}return str;
// Kaosweaver Live Clock End
    </script>
    
</div>

<div id="mainContent">
    <p><strong>Template for Financial & Accounting</strong></p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>

<div id="sidebar">
    <ul id="MenuBar2" class="MenuBarVertical">
      <li class="navMenu"><a href="#">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Finance</a>
        <ul>
          <li><a href="#">Finance Overview</a></li>
          <li><a href="#">More Thank Just a Mortgage</a></li>
          <li><a href="#">Line of Credit</a></li>
          <li><a href="#">The Latte Factor</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
      <li class="navMenu"><a href="#" class="MenuBarItemSubmenu">Insurance</a>
        <ul>
          <li><a href="#">Importance of Insurance</a></li>
          <li><a href="#">Why do we need Insurance</a></li>
          <li><a href="#">Personal Insurance</a></li>
          <li><a href="#">Health Insurance</a></li>
          <li><a href="#">Untitled Item</a></li>
        </ul>
      </li>
<li><a href="#" class="MenuBarItemSubmenu">Financial Planning</a>
<ul>
    <li><a href="#">Creating your financial security</a></li>
    <li><a href="#">Superannuation</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Budgeting</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Taxation</a>
<ul>
    <li><a href="#">Accounting</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Property</a>
<ul>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Property Archives</a></li>
    <li><a href="#">Property F.A.Q.</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Legal</a>
<ul>
    <li><a href="#">Solicitors</a></li>
    <li><a href="#">Estate Planning</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Information</a>
<ul>
    <li><a href="#">Seminars</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Media</a>
<ul>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
    <li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#">Site Map</a></li>
<li><a href="#" class="MenuBarItemSubmenu">About Faar</a>
<ul>
    <li><a href="#">Our Point of Difference</a></li>
    <li><a href="#">Our Undertaking</a></li>
    <li><a href="#">Site map</a></li>
    <li><a href="#">Feedback</a></li>
    <li><a href="#">CONTACT FAAR</a></li>
</ul>
</li>
<li><a href="#">Feedback</a></li>
<li><a href="#">CONTACT FAAR</a></li>
    </ul>
</div>
<div id="footer">
<p class="copyright">Copyright © Financial And Accounting Resources 2011
<p class="disclaimer">Disclaimer: Due to the financial industry continually evolving and   changing every effort has been made to ensure the accuracy of the   information contained within ths website. Financial and Accounting   Resources accepts no responsibility or liability for any loss or damage   whatsoever (either directly or indirectly) to any person arising from   the use or reliance on the information contained in this website.
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"/www/tmp/SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID");
</script>
</body>
</html>
CSS.
@charset "utf-8";
/* CSS Document */
body {
    background-color: #FFF;
    padding: 0px;
    margin-top: 25px;
    text-align: center;
    background-image: url(images/watermark.jpg);
    background-repeat: repeat-y;
    background-position: center;
html, body {
    margin: 0px;
    padding: 0px;
#wrapper {
    background-color: #FFF;
    width: 1000px;
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
#topNav {
    background-color: #00A0C4;
    width: 1000px;
    padding-top: -25px;
    clear: left;
    float: left;
    padding-bottom: 5px;
#logo {
    background-color: #FFF;
    height: 230px;
    width: 230px;
    float: left;
    padding-top: 10px;
#name {
    background-color: #FFF;
    height: 230px;
    width: 300px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
#header {
    background-color: #FFF;
    height: 230px;
    width: 450px;
    float: right;
    clear: right;
    padding-top: 10px;
#motto {
    background-color: #FFF;
    height: 25px;
    width: 1000px;
    float: left;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 110%;
    font-style: italic;
    padding-top: 15px;
#clock {
    background-color: #FFF;
    height: 30px;
    width: 1000px;
    clear: both;
    float: left;
    font-size: 100%;
    text-align: right;
    font-weight: normal;
    color: #000;
    vertical-align: middle;
    padding-top: 10px;
#mainContent {
    background-color: #FFF;
    height: auto;
    width: 720px;
    float: right;
    margin-bottom: 10px;
    padding-right: 25px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(images/watermark.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-attachment: fixed;
    text-align: justify;
#sidebar {
    background-color: #00A0C4;
    width: 225px;
    clear: left;
    float: left;
    height: auto;
    padding: 10px;
ul nav {
    background-color: #00A0C4;
    width: 250px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    list-style-position: inside;
    list-style-type: none;
#footer {
    background-color: #00A0C4;
    height: 100px;
    width: 940px;
    float: left;
    clear: left;
    padding: 10px;
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
sidebar.menu {
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background: #C6D580;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #ADB96E;
    color: #FFF;
    float: left;
.navMenu {
    font-size: 100%;
    text-align: left;
    padding-right: -10px;
    color: #FFF;
    font-weight: bold;
.sideNav {
    font-size: 80%;
    text-align: left;
    padding: 10px;
.copyright {
    font-family: "Myriad Pro";
    font-size: 110%;
    font-weight: bold;
    color: #FFF;
    text-align: center;
.disclaimer {
    font-size: 75%;
    color: #FFF;
    text-align: left;
Thank you
muznik

The table is still above the text, not on the side like in the image you sent.
I have the test document in a folder called "Test" in that folder i have a folder named "CSS" where the text document is saved as style.css
The code i have now is below... Not sure what I'm doing wrong :/
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<head>
<title>style.css</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="masthead">
    <div id="logo">
    </div>
    <div id="header">
    </div>
</div>
<div id="container">
    <div id="left_col">
      <table width="188" border="1">
      <tr>
        <td>Test 1 </td>
      </tr>
      <tr>
        <td>Test 2 </td>
      </tr>
      <tr>
        <td>Test 3 </td>
      </tr>
      <tr>
        <td>Test 4 </td>
      </tr>
    </table>
    </div>
<div id="page_content" style="overflow: auto;">
      <p>The Department of the Navy desires a tool for analyzing the affects of budgetary changes upon Fire and Emergency Services provided upon Naval Installations throughout the world.   The diversity of these installations suggests that across the board funding changes may affect each location differently. This project presents a Fire Loss Model to support the continued development of the analysis tool.</p>
    </div>
</div>
<div id="footer"></div>
</body>
</html>

Adobe Acrobat 9 still can't convert Word 2003 files?

http://forums.adobe.com/thread/673769 is a link to the same discussion a year ago. There was no option for me to add a reply, so I had to create a new discussion here.
HAS THIS PROBLEM BEEN FIXED? Fujitsu's pdf printer S1500 comes with a full OEM version Adobe Acrobat 9 Standard, which I just installed. Immediately it caused problems with Word 2003, just as the above discussion link illustrates. Clearly that's a problem with Adobe Acrobat not being able to read SOME fonts. Where is there any bug fix for this?
Why would a customer want to upgrade Adobe Acrobat, if he can't get font support? In my case, it appears that GREEK FONTS are not supported, which makes no sense, if the fonts are installed in Windows. The pdf-converter knock-offs like Smart Creator PDF Pro can convert just fine -- so why not Adobe Acrobat? Who wants to pay more for Adobe, if it is worse?
So again I ask -- has this problem been fixed? Very unprofessional, if the answer is 'no'.
Very unproductive, too. I spent hours on computer crashes, reinstall uninstall detect and repair, just like the posters in that thread above, from a year ago. Businesses don't need this kind of aggravation. IS ADOBE EVEN LISTENING? Very unprofessional, if the answer is 'no'.

First, this is a user-to-user forum and not one for Adobe. They are sometimes around, but not on a regular basis. The lengthy discussion in the link did not apparently get folks to a solution. I did not see your handle in the discussion.
Two common errors were suggested, one the color setup and the other was font errors. Keep in mind that just because you have a font, it might not be able to be embedded in the file. That is due to copyright restrictions. The font file has to have the permission built into it to be used. That may be the case for any font that you download from another source. Most of the MS fonts are licensed for embedding.
Also, just because you have a font with the same name, does not mean it is the same. There are often multiple versions of the fonts, some that are useful and others not.
Out of the linked discussion, I have no idea what issues you are having -- there were many. I use AA9 with OFFICE 2007 and have no problems. I also use AA8 with OFFICE 2007. For AA7 I have a machine that runs OFFICE XP (2003). None of these have issues. To be able to help (if we can at all) it is necessary to track down the conditions when the problem occurs and possibly try to replicate it some. A few folks mentioned 64-bit systems in the linked discussion. The 64-bit systems have caused a lot of problems and generally require the updates for proper opertation.
From the point-of-view of trying to fix things without delving into the specfics, all I can suggest are a repair and then updates to the latest version of Acrobat. The updates should be able to be done from the Help menu, but if not from there you can download them from the Adobe Downloads>updates site.
Probably not considered much help at this point, but I really don't have enough information to home in on the problem. It may be that my copyright comment about fonts is really the issue (you should get an error message from Distiller if you print to the Adobe PDF printer that suggest the problem. As far as other packages, if they do indeed embed copyright fonts that do not have permission, then you are technically violating the law, even if allowed by the software. I have no idea if that is the case, but it is a possibility.

CSS layout box model?

Hi, I'm using Dreamweaver cs4. I downloaded a diablo 3
fansite kit from blizzard, and was looking at their code &
style sheets and such for reference while learning to use DIV to
layout new websites. I pretty much have the same DIV box going for
all the content in the middle. But when i click on their DIV box,
it shows margin on the left and the right, and while in design
view, automatically centers their DIV box.
I created a page, setup a div box 1000px wide, centered it,
and it does not give me a preview of it centered while in design
view, nor does it show me the margins & padding (displays
diagonal white transparant stripes where the padding & margins
goes). i made sure i clicked the "CSS Layout Box Model" in the
visual aid menu, but it does not want to work on my page, yet i can
turn it on and off on the fan site index page. How do i make it
work on my page?
Thx

Which page? Can we see the other one too?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ZzarkZul" <[email protected]> wrote in
message
news:[email protected]...
> Heres the code for the .css document.
>
>
>
> /* Stylesheet 1 -------------------------------*/
>
> body { margin:0; font:12px Tahoma; color:#FFFFDD;
> background:url(../images/bg1.jpg) 50% 0 #170f05
repeat-x; }
>
> #ev_bg {
> background:url(../images/ev_bg1.gif) repeat-y;
> width:1064px;
> margin:auto;
> }
> #everything { width:1000px; margin:0 32px;
> background:url(../images/stone-dark.jpg); border:1px
solid black;
> border-width:0px 1px; }
>
> #header { height:162px;
background:url(../images/d3_header1.jpg) right
> no-repeat; padding:0 20px; }
> #header h1 {
> padding-top:115px;
> margin:0;
> color:white;
> }
>
> #middle { clear:both;
background:url(../images/borderb1.gif) repeat-x;
> padding:20px 10px; }
>
> #left_column { width:195px; float:left; }
> .horizontal #left_column { width:auto; float:none; }
> #navigation a { background:url(../images/button_bg1.gif)
no-repeat;
> width:170px; height:25px; display:block;
padding-left:25px; margin:5px 0;
> font-size:13px; color:white; text-decoration:none;
line-height:25px;}
> #navigation a:hover { background-position:0 bottom; }
> .horizontal #navigation a { float:left; }
> #more_information { padding-top:15px;}
>
> #middle_column { float:left; width:50%; margin:0px 20px;
> #middle_column.two_column { float:left; width:75%; }
> .horizontal #middle_column { width:auto; float:none; }
> .date_break { font-size:19px; border-bottom:1px solid
#680808;
> margin-bottom:10px; }
> .post { background:url(../images/leather-heavy.jpg);
border:1px solid
> #221100; margin-bottom:35px; line-height:18px; }
> .post h1 { background:url(../images/title_bg1.gif)
repeat-x #0d2368;
> padding:2px 10px; margin:0; font-size:15px;
color:white;}
> .post_body { padding:5px 15px; }
> .post .postedby { float:left; clear:both; }
> .post .timestamp { float:right }
>
> ul { margin:20px; padding:10px; }
> li { list-style:none;
background:url(../images/bullet.gif) 0 5px
> no-repeat;
> padding-left:30px; line-height:25px; }
> .list_left, .list_right { width:48%; float:left }
>
> .post_info { clear:both; padding-top:10px; }
>
> #right_column {
> width:26%;
> float:left;
> }
> .box { background:url(../images/leather-vdark.jpg);
border:1px solid
> #545454; margin:10px 0 25px 0; padding:10px; }
>
> #footer { clear:both; padding:20px }
> #subnav { margin:10px 0;}
> #subnav a { color:#7A0C0C; }
> #subnav a:hover { color:#E51414 }
> .copyright { font-size:10px;}
>

Help with alignment in Dreamweaver CS5

Hello,
I've tried to follow all the tutorials regarding alignment with wrappers etc... but I still can't get it right. Worse, what was right originally, ie.e the navbar went haywire too. I'm at a loss and would be very grateful is someone could help me out.
Many thanks,
Sylvie
The website is:
www.insanitydefensethemovie.com
This is the CSS code:
@charset "UTF-8";
body {
    background-color: #000;
    margin:0 auto;
#main_wrapper {
    position: relative;
    width:960px;
    margin:0 auto;
    top: 0px;
#main_nav_bar {
    position:absolute;
    width:960px;
    height:60px;
    z-index:1;
    left:auto;
    right:auto;
    top:0;
#front_image {
    position:absolute;
    width:960px;
    height:670px;
    z-index:1;
    left:auto;
    right:auto;
    top:60px;
.overlay_social_media {
    position:absolute;
    top:731px;
    width:235px;
    height:47px;
    float: left;
#social_media {
    position:absolute;
    left:727px;
    top:22px;
    width:235px;
    height:47px;
    z-index:1;
    visibility: visible;
#wrapper_video {
    width: 560px;
    position: absolute;
    height: 315px;
    margin-top: 380px;
    margin-right: 400px;
    left: 287px;
    top: 60px;
#wrapper_appeal {
    width:212px;
    height:273px;
    margin-top:380px;
#wrapper_paypal {
    position:relative;
    margin-left:30px;
    top:20px;
.holder {
    position:absolute;
    width:960px;
    height:670px;
    top: 20px;
    left: 30px;
    width: 168px;
    left: 14px;
    top: 158px;
    left: 0px;
    top: 158px;
    top: 46px;
.overlay {
    top:392px;
    position:absolute;
    background-image:url(../Images/home/appeal_bckgd.png);
    background-repeat:no-repeat;
    width:212px;
    height:273px;
    left: 45px;
.overlay h1 {
    color:#F00;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-left: 50px;
    margin-top: 30px;
.overlay h3 {
    color:#FFF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:center;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px;
.overlay paypal_button {
    position::absolute;
    margin-left: 50px;
#apDiv2 {
    position:absolute;
    left:18px;
    top:790px;
    width:1266px;
    height:466px;
    z-index:2;
#wrapper_copyright {
    position: relative;
    left:252px;
    top:452px;
    width:522px;
    height:22px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    margin-top: 600px;
.copyright {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #EEE;
    text-align: center;
#Twitter_wrapper {
    position::relative;
    top:850px;
    bottom:600px;
#Twitter_heads_wrapper {
    position:absolute;
    top: 765px;
    margin-left:8px;
    left: 3px;
    width: 699px;
    height: 17px;
.twitter-header    {
    font-family:"Bebas Neue";
    color:#FFF;
    font-size:36px
#Twitter_wrapper #twitter1 {
    position:absolute;
    top:850px;
    margin-left:8px;
    float: left;
#Twitter_wrapper #twitter2 {
    position:absolute;
    top:850px;
    margin-left:360px;
    float: left;
#social-media #twitter-feeds .twitter-header {
    font-family: "Bebas Neue";
    font-size: 14px;
    color: #FFF;
#social-media #twitter-feeds #user-timelines .twitter_timeline {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #EEE;
/* CSS Document */

The best way to get any help here is by posting a link to the test
page. Code is not appropriate in cases like this. People have to see
what is happening before suggesting anything.
Good luck.

I am having trouble creating a photo gallery using CSS

Hi, I have created the gallery for the most part. I cannot seem to get the spacing and alignment correct so it falls where it needs to on my page. Lastly, I cannot seem to get the photos for the thumbnails to view properly. Any help is greatly appreciated! Thanks in advance!

CSS:
/* ----------NEW-------------- */
body {
background-color: #ccc;
font-size: 0.95em;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
a {color: #ff6677;}
a:visited {color:#ff6677;}
a:hover {color: #564b47;}
a:active { color:#000000;}
h1 {
font-size: 1em;
text-transform:uppercase;
font-weight:normal;
background-color: #666;
color:#ccc;
padding:15px;
margin:0;
h2 {
font-size: 10px;
font-weight: normal;
font-family: Arial, SunSans-Regular, Sans-Serif;
margin: 0px;
text-align: center;
color: #000;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
width: 1030px;
margin: 0px auto;
padding: 0;
background-color: #ffffff;
background:#fff url(../images/back.jpg) 75px 10px no-repeat;
/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
#container a.slidea {
    background:url(images/JUI_JIANG_ARTS_CENTER_1.jpg);
    height:93px;
    width:93px;
#container a.slideb {
    background:url(images/JUI_JIANG_ARTS_CENTER_2.jpg);
    height:93px;
    width:93px;
#container a.slidec {
    background:url(images/Special_JuiJiangArtsCenter3.jpg);
    height:93px;
    width:93px;
#container a.slided {
    background:url(images/Special_JuiJiangArtsCenter4.jpg);
    height:93px;
    width:93px;
* html #container a.slided {
    width:93px;
    w\idth:93px;
#container a.slidee {
    background:url(images/Special_JuiJiangArtsCenter5.jpg);
    height:60px;
    width:93px;
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px;
    height:386px;
/* move the thumbnails into the correct position */
#container ul {
margin: 5px;
float: right;
clear: none;
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:75px;
    color:#000;
    background:#fff;
#container a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
#container a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
#container {
    background:#fff url(../images/JUI_JIANG_ARTS_CENTER_1.jpg) 75px 10px no-repeat;
/* ----------banner for logo-------------- */
#banner {
background-color: #ccc;
text-align: right;
padding: 0;
margin: 0;
#banner img {padding: 0 0 10px;}
/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 10px 0 0 0;
margin: 0 0 0 0;
p, pre{
line-height:1.5em;
padding:0 10px 10px;
margin:0;
pre, code {
font-size:1.3em;
/* --------------left navigavtion------------- */
#left {
float: left;
width: 107px;
margin: 10px 0 0 10px;
padding: 0 0 0 0;
background-color: #ffffff;
#left a {
color: #ccc;
text-decoration: none;
color: #000;
#left ul {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 10px;
text-decoration: none;
font-family: Arial, SunSans-Regular, Sans-Serif;
line-height:1.0em;
#left .static {
color: #FC0;
#smallnav {
color: #FC0;
font-size: 8px;
/* -----------footer--------------------------- */
#footer {
clear: left;
margin: 0;
padding: 7px;
background-color: #fff;
/* -----------copyright--------------------------- */
#copyright {
font-size: 5px;
font-family: Arial, SunSans-Regular, Sans-Serif;
padding: 0 0 0 0;

Custom styles not showing up after upload

I have recently begun using an external style sheet to
control much of my formatting, mostly
with no problem. But I've noted a couple of instances where
the styles don't seem to 'catch'.
One recent example, a major problem, is on this Q&A page
on a site:
http://www.pulversbriar.com/askmarty.htm
I created a custom style class for both the questions and the
answers, and included them in the external
("pipestyles.css" style sheet as follows:
.askmarty_QUESTION {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #993300;
background: #CCCCCC;
.askmarty_ANSWER {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
color: #993300;
In DW, the styles appear fine. But when I upload the page to
the server (including dependent files
and the stylesheet), the styles don't work - I'm just getting
black and white, unstyled text. Other styles
in the style sheet *are* working, though.
Any suggestions as to what might be going on, and/or how I
can debug this?
thanks in advance for any help--
steve

Your stylesheet is corrupt. You have a style inside of a
style. Also your
missing the px on a couple of font sizes.
BEFORE - ( bad )
.style9 {font-size: 12;
color: #993300;
font-weight: bold;
.copyright {
font: bold small-caps 9px Verdana, Arial, Helvetica,
sans-serif;
color: #999999;
bottom: 50px;
AFTER - ( good )
.style9 {
font-size: 12px;
color: #993300;
font-weight: bold;
.copyright {
font: bold small-caps 9px Verdana, Arial, Helvetica,
sans-serif;
color: #999999;
bottom: 50px;
Regards,
..Trent Pastrana
www.fourlevel.com
"sbell2200" <[email protected]> wrote in
message
news:e94b3f$lgc$[email protected]..
>I have recently begun using an external style sheet to
control much of my
> formatting, mostly
> with no problem. But I've noted a couple of instances
where the styles
> don't
> seem to 'catch'.
> One recent example, a major problem, is on this Q&A
page on a site:
>
http://www.pulversbriar.com/askmarty.htm
>
> I created a custom style class for both the questions
and the answers, and
> included them in the external
> ("pipestyles.css" style sheet as follows:
>
> .askmarty_QUESTION {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-style: italic;
> color: #993300;
> background: #CCCCCC;
> }
> .askmarty_ANSWER {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-weight: bolder;
> color: #993300;
>
> In DW, the styles appear fine. But when I upload the
page to the server
> (including dependent files
> and the stylesheet), the styles don't work - I'm just
getting black and
> white,
> unstyled text. Other styles
> in the style sheet *are* working, though.
>
> Any suggestions as to what might be going on, and/or how
I can debug this?
>
> thanks in advance for any help--
>
> steve
>

Jquery cycle stacked

The images are stacked and not cycling. Do I have to be hosted to see the cycle? below is source, css, two java files. Help
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.cycle.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.lite.js"></script>
<title>Lights! Camera! Ocean!</title>
<style type="text/css"></style>
<link href="style sheets/stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>



<script type="text/javascript">
$(document).ready(function(){
$('#trip1rightcol').cycle({
fx: 'fade',
speed: 2500
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#trip2rightcol').cycle({
fx: 'fade',
speed: 2500
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#trip3rightcol').cycle({
fx: 'fade',
speed: 2500
</script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/testimg1.jpg')">
<div id ="container">
<div id="logowrapper">
         <img src="images/Logo_LightsCameraOceanb2.jpg" width="960" height="105" alt="Logo Lights! Camera! Ocean!" />
        </div> 
<div id="wrapper">
   <p class="logoaddon" id="logoaddon">Photo & Video Adventure Travel by Land, Sea & Air</p>
   <div id="navbar">
    <ul>
     <li><a href="NavTextLinkPages/aboutus.html">Home</a></li>
     <li><a href="NavTextLinkPages/aboutus.html">About Us</a></li>
     <li><a href="NavTextLinkPages/aboutus.html">Contact</a></li>
     <li><a href="NavTextLinkPages/aboutus.html">Reservations</a></li>
     <li><a href="NavTextLinkPages/aboutus.html">Gallery</a></li>
     <li><a href="NavTextLinkPages/aboutus.html">Links</a></li>
    </ul>
   </div> 
   <div id="middletext">
      <div id=expeditions><h1 class="center"><span class="h1middle">Expeditions</span></h1>
                </div> 
      <div id="colleft" class="floatLeftcol">
    Congratulations on finding your next travel adventure!  Our trips are of varied itineraries with a focus on photography/ videography on land and under the sea. Don't forget the view from a hot air balloon, helicopter, or vintage plane! In addition to sharing our passion for capturing outstanding images, we'll embrace the history and culture of exotic locations around the world.
       </div> 
      <div id="colright" class="floatRightcol">
    Our group may be based at a SCUBA resort, rainforest cabin, liveaboard dive boat, or moving with a desert caravan.
    We may have guest contests, technical workshops, historical underwater films, and screenings of our documentaries featuring other exciting destinations. Participants of all skill levels are welcome! Let us know if you have something interesting to share.
       </div> 
                <br class="clearing"/>
            </div> 
   <div id="alltrips">
      <p>  </p>
      <div id="trip1">
        <div id="trip1leftcol" class="tripleftcol">
               <a href="NavTextLinkPages/aboutus.html" onmouseout="MM_swapImgRestore()"
                        onmouseover="MM_swapImage('Image8','','images/Luggage-Tag-Variant3testimgrollb4.jpg',0)">
                         <img src="images/Luggage-Tag-Variant3testimgrollb3.jpg" alt="image8" name="Image8" width="360" height="195" border="0" id="Image8" /></a>
        </div> 
         <div id="trip1midcol" class="tripmidcol">
            <object width="260" height="195">
             <param name="EgyptVideo" value="http://www.youtube.com/watch?v=9UVFob4Q1D4" />
             <embed src="http://www.youtube.com/watch?v=9UVFob4Q1D4"
              type="application/x-shockwave-flash" width="260" height="195" />
           </object>
                    </div> 
          <div id="trip1rightcol" class="triprightcol">
            <img src="images/testimg1.jpg" width="290" height="195" alt="testimg1"/>
            <img src="images/testimg2.jpg" width="260" height="195" alt="testimg2"/>
          </div> 
           <p><br class="clearing"/></p>
                </div> 
      <div id="trip2">
        <div id="trip2leftcol" class="tripleftcol" >
                  <a href="NavTextLinkPages/aboutus.html" onmouseout="MM_swapImgRestore()"
                       onmouseover="MM_swapImage('Image9','','images/Luggage-Tag-Variant3testimgrollb4.jpg',1)">
                     <img src="images/Luggage-Tag-Variant3testimgrollb3.jpg" alt="image9" name="Image9" width="360" height="195" border="0" id="Image9" /></a>
                 </div> 
         <div id="trip2midcol" class="tripmidcol">
            <object width="260" height="195">
             <param name="EgyptVideo" value="http://www.youtube.com/watch?v=9UVFob4Q1D4" />
             <embed src="http://www.youtube.com/watch?v=9UVFob4Q1D4"
              type="application/x-shockwave-flash" width="260" height="195" />
           </object>
                    </div> 
        <div id="trip2rightcol" class="triprightcol" >
           <img src="images/Luggage-Tag-Variant3.jpg" width="260" height="195" alt="trip pic" />
                    </div> 
         <p><br class="clearing"/></p>
    </div> 
      <div id="trip3">
                 <div id="trip3leftcol" class="tripleftcol" >
                     <a href="NavTextLinkPages/aboutus.html" onmouseout="MM_swapImgRestore()"
                         onmouseover="MM_swapImage('Image10','','images/Luggage-Tag-Variant3testimgrollb4.jpg',1)" >
                        <img src="images/Luggage-Tag-Variant3testimgrollb3.jpg" alt="image10" name="Image10" width="360" height="195" border="0" id="Image10" /></a>
                    </div> 
         <div id="trip3midcol" class="tripmidcol">
            <object width="260" height="195">
             <param name="EgyptVideo" value="http://www.youtube.com/watch?v=9UVFob4Q1D4" />
             <embed src="http://www.youtube.com/watch?v=9UVFob4Q1D4"
                type="application/x-shockwave-flash" width="260" height="195" />
           </object>
                    </div> 
        <div id="trip3rightcol" class="triprightcol" >
           <img src="images/Luggage-Tag-Variant3.jpg" width="260" height="195" alt="trip pic" />
                    </div> 
         <p><br class="clearing"/></p>
    </div> 
       <p> </p>
       <div id=footer>
          <hr align="center" width="900" size="2" color="#586062"/>
          <p class="copyright" id="copyright">Copyright © 2010 Lights! Camera! Ocean!
                    <a href="NavTextLinkPages/aboutus.html"> Privacy Policy</a> |
          <a href="NavTextLinkPages/aboutus.html">Terms and Conditions</a></p>
    </div> 
     </div> 
    </div> 
</div>
</body>
</html>
/**sylesheet.css
/** jquery**/
/**LAYOUT**/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
margin:0px;
padding:0px;
border:0px;
border-collapse:separate;
border-spacing:0px;
body,td,th {
color: #F7F8FA;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
body {
margin:0;
padding:0;
background-repeat: no-repeat;
background-color: #222423;
background-image: url(../images/backgroundwater.jpg);
background-attachment: fixed;
#wrapper {
width: 960px;
color: #FEF; /**remove this border**/
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #222423;
padding: 0px;
#logowrapper {
width: 960px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 15px;
#trip1rightcol {
float: left;
margin-top: 0;
margin-bottom: 0;
position: relative;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
height: 195px;
width: 260px;
overflow: hidden;
#trip2rightcol {
float: left;
margin-top: 0;
margin-bottom: 0;
position: relative;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
height: 195px;
width: 260px;
#trip3rightcol {
float: left;
margin-top: 0;
margin-bottom: 0;
position: relative;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
height: 195px;
width: 260px;
.triprightcol {
width:   260px;
height: 195px;
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 20;
padding-top: 10;
padding-right: 0;
padding-bottom: 10;
padding-left: 0;
position: relative;
overflow: hidden;
.triprightcol img {
padding: 0;
border: 0;
top: 0;
left: 0;
float: left;
height: 195px;
width: 260px;
.copyright {
font-size: 12px;
text-align: center;
.logoaddon {
text-align: center;
width: 800px;
border: 2px solid #586062;
color: #FCFEFD;
letter-spacing: 3px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 24px;
line-height: 35px;
vertical-align: middle;
/**RE-USABLE CLASSES**/
/**floats & clearing**/
.floatRight, .floatLeft {
width: 350px; /**adjust as needed**/
padding:10px;
height: 171px;
.floatLeft {
float:left;
.floatRight {
float:right;
.floatRightcol, .floatLeftcol {
width: 450px;
height: 105px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
.tripleftcol {
float: left;
height: 195px;
width: 360px;
margin-left: 20px;
overflow: hidden;
clip: rect(auto,auto,auto,auto);
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
.tripmidcol {
float: left;
height: 195px;
width: 260px;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
.triprightcol {
float: left;
height: 195px;
width: 260px;
margin-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
.floatLeftcol {
float:left;
text-align: justify;
margin-right: 0px;
margin-left: 20px;
padding-right: 10px;
.floatRightcol {
float:right;
text-align: justify;
margin-right: 20px;
padding-left: 10px;
.clearing {
clear:both; height:1px; width: 100%
/**text-align**/
.left {
text-align:left;
.right {
text-align:right;
.center {
text-align:center;
.h1middle {
letter-spacing: 2px;
color: #0067E2;
padding-top: 0px;
padding-bottom: 5px;
/**TOP NAVBAR**/
#navbar {
width: 90%;
text-align:center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: lighter;
padding-right: 0px;
padding-left: 50px;
#navbar li {
margin: 0;
display: inline;
list-style-image: none;
list-style-type: none;
#navbar li a {
text-decoration: none;
padding-top: 0.75em;
padding-right: 3em;
padding-bottom: 0.75em;
padding-left: 0.25em;
#navbar li a:link {
color: #C78D23;
#navbar li a:visited {
color: #C78D23;
#navbar li a:hover, #navbar li a.current {
color: #FFB52C;
text-decoration:underline;
overflow: hidden;
/**end top navbar**/
/**GENERAL LINKS**/
a {
text-decoration:none;
a:link {
color: #C78D23;
a:visited {
color: #C78D23;
a:hover, a:active, a:focus {
color: #FFB52C;
text-decoration:underline;
/**GENERAL TEXT STYLES**/
p {
line-height: 18px;
color: #F6F8F7;
margin-right: 20px;
margin-left: 20px;
h2 {
color: #ec2c18;
margin-right: 20px;
margin-left: 20px;
h1 {
color: #5b9168;
margin-right: 20px;
margin-left: 20px;
h3 {
color: #007591;
margin-right: 20px;
margin-left: 20px;
* jquery.cycle.min.js
* jQuery Cycle Plugin (core engine)
* Examples and documentation at: http://jquery.malsup.com/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.88 (08-JUN-2010)
* Dual licensed under the MIT and GPL licenses.
* http://jquery.malsup.com/license.html
* Requires: jQuery v1.2.6 or later
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o. s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLi nk=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clea rTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2, !opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug ("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.ba ckwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(opt ions===undefined||options===null){options={};}if(options.constructor==String){switch(optio ns){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycle Timeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cycl ePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.c ycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSl ide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(opti ons.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.styl e.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts .prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pag erAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy ){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont .data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleSto p;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.a fter]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartyp e){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.p ush(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(! $.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.cs s("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts .width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingS lide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.starti ngSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opt s.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;v ar first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(func tion(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=f irst?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els [first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$s lides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opt s.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width ||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:ma xw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}} if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;}); }if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){ var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHei ght||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($e l.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.c ycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||lo adingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100 ){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opt s.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.an imOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[fi rst]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.spe ed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts .sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=o pts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.s peedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length ;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){op ts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards) {opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextS lide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}els e{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(o pts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next). bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,functi on(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,op ts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.exten d({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animI n=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.bef ore,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.origin al.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opt s.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discar ding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.m ultiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}deb ug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"p ush"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s .css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opt s.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg ){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.heigh t&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts .height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssB efore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s ,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.h ide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after =[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.ori ginal.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opt s.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push (this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),o pts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.st opCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((o pts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.curr Slide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true; var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).wid th();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if (opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}f x=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeF x=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function( i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;} o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&op ts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next, opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd, manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=op ts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.leng th){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide= =opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}e lse{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextS lide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.cur rSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards; opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.n extSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){o pts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSl ide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=set Timeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateAc tivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children( ).removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}d ebug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.pre v=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0 ;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=el s.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=o pts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.r andomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){r eturn false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){r eturn false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide, els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);} );opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cy cle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerA nchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.ap pendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(op ts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0 ;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nex tSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.all owPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},fun ction(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops= c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent" ){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this)); });}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hid e();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){o pts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.c ycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",o pts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));}; $.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.cs s(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn= easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOu t,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(o pts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(": eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.c ycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts. animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000, speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.c ycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pa gerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null ,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto ",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,auto stop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:f alse,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoa ded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,back wards:false};})(jQuery);
/* jquery.cycle.lit.js
* jQuery Cycle Lite Plugin
* http://malsup.com/jquery/cycle/lite/
* Copyright (c) 2008 M. Alsup
* Version: 1.0 (06/08/2008)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires: jQuery v1.2.3 or later
;(function($) {
var ver = 'Lite-1.0';
$.fn.cycle = function(options) {
    return this.each(function() {
        options = options || {};
        if (this.cycleTimeout) clearTimeout(this.cycleTimeout);
        this.cycleTimeout = 0;
        this.cyclePause = 0;
        var $cont = $(this);
        var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
        var els = $slides.get();
        if (els.length < 2) {
            if (window.console && window.console.log)
                window.console.log('terminating; too few slides: ' + els.length);
            return; // don't bother
        // support metadata plugin (v1.0 and v2.0)
        var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
        opts.before = opts.before ? [opts.before] : [];
        opts.after = opts.after ? [opts.after] : [];
        opts.after.unshift(function(){ opts.busy=0; });
        // allow shorthand overrides of width, height and timeout
        var cls = this.className;
        opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1]) || opts.width;
        opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1]) || opts.height;
        opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1]) || opts.timeout;
        if ($cont.css('position') == 'static')
            $cont.css('position', 'relative');
        if (opts.width)
            $cont.width(opts.width);
        if (opts.height && opts.height != 'auto')
            $cont.height(opts.height);
        var first = 0;
        $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {
            $(this).css('z-index', els.length-i)
        $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
        if ($.browser.msie) els[first].style.removeAttribute('filter');
        if (opts.fit && opts.width)
            $slides.width(opts.width);
        if (opts.fit && opts.height && opts.height != 'auto')
            $slides.height(opts.height);
        if (opts.pause)
            $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});
        $.fn.cycle.transitions.fade($cont, $slides, opts);
        $slides.each(function() {
            var $el = $(this);
            this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
            this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
        $slides.not(':eq('+first+')').css({opacity:0});
        if (opts.cssFirst)
            $($slides[first]).css(opts.cssFirst);
        if (opts.timeout) {
            // ensure that timeout and speed settings are sane
            if (opts.speed.constructor == String)
                opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
            if (!opts.sync)
                opts.speed = opts.speed / 2;
            while((opts.timeout - opts.speed) < 250)
                opts.timeout += opts.speed;
        opts.speedIn = opts.speed;
        opts.speedOut = opts.speed;
   opts.slideCount = els.length;
        opts.currSlide = first;
        opts.nextSlide = 1;
        // fire artificial events
        var e0 = $slides[first];
        if (opts.before.length)
            opts.before[0].apply(e0, [e0, e0, opts, true]);
        if (opts.after.length > 1)
            opts.after[1].apply(e0, [e0, e0, opts, true]);
        if (opts.click && !opts.next)
            opts.next = opts.click;
        if (opts.next)
            $(opts.next).bind('click', function(){return advance(els,opts,opts.rev?-1:1)});
        if (opts.prev)
            $(opts.prev).bind('click', function(){return advance(els,opts,opts.rev?1:-1)});
        if (opts.timeout)
            this.cycleTimeout = setTimeout(function() {
                go(els,opts,0,!opts.rev)
            }, opts.timeout + (opts.delay||0));
function go(els, opts, manual, fwd) {
    if (opts.busy) return;
    var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
    if (p.cycleTimeout === 0 && !manual)
        return;
    if (manual || !p.cyclePause) {
        if (opts.before.length)
            $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
        var after = function() {
            if ($.browser.msie)
                this.style.removeAttribute('filter');
            $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
        if (opts.nextSlide != opts.currSlide) {
            opts.busy = 1;
            $.fn.cycle.custom(curr, next, opts, after);
        var roll = (opts.nextSlide + 1) == els.length;
        opts.nextSlide = roll ? 0 : opts.nextSlide+1;
        opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
    if (opts.timeout)
        p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev) }, opts.timeout);
// advance slide forward or back
function advance(els, opts, val) {
    var p = els[0].parentNode, timeout = p.cycleTimeout;
    if (timeout) {
        clearTimeout(timeout);
        p.cycleTimeout = 0;
    opts.nextSlide = opts.currSlide + val;
    if (opts.nextSlide < 0) {
        opts.nextSlide = els.length - 1;
    else if (opts.nextSlide >= els.length) {
        opts.nextSlide = 0;
    go(els, opts, 1, val>=0);
    return false;
$.fn.cycle.custom = function(curr, next, opts, cb) {
    var $l = $(curr), $n = $(next);
    $n.css({opacity:0});
    var fn = function() {$n.animate({opacity:1}, opts.speedIn, opts.easeIn, cb)};
    $l.animate({opacity:0}, opts.speedOut, opts.easeOut, function() {
        $l.css({display:'none'});
        if (!opts.sync) fn();
    if (opts.sync) fn();
$.fn.cycle.transitions = {
    fade: function($cont, $slides, opts) {
        $slides.not(':eq(0)').css('opacity',0);
        opts.before.push(function() { $(this).show() });
$.fn.cycle.ver = function() { return ver; };
// @see: http://malsup.com/jquery/cycle/lite/
$.fn.cycle.defaults = {
    timeout:       4000,
    speed:         1000,
    next:          null,
    prev:          null,
    before:        null,
    after:         null,
    height:       'auto',
    sync:          1,
    fit:           0,
    pause:         0,
    delay:         0,
    slideExpr:     null
})(jQuery);

I got it cycling. Must've had bad code. Used different code.

Ideal copyright font?

Similar Messages

Maybe you are looking for