initial commit

42 files changed, 8113 insertions, 0 deletions

diff --git a/css/README.txt b/css/README.txt
new file mode 100755
index 0000000..3a128ae
--- /dev/null
+++ b/css/README.txt
@@ -0,0 +1,134 @@
+ZEN'S STYLESHEETS
+-----------------
+
+Don't panic!
+
+There are 28 CSS files in this sub-theme, but its not as bad as it first seems:
+- The drupal6-reference.css is just a reference file and isn't used directly by
+  your sub-theme. See below.
+- There are 9 CSS files whose names end in "-rtl.css". Those are CSS files
+  needed to style content written in Right-to-Left languages, such as Arabic and
+  Hebrew. If your website doesn't use such languages, you can safely delete all
+  of those CSS files.
+- If you aren't using this theme while doing wireframes of the functionality of
+  your sub-theme, you can remove wireframes.css from your sub-theme's .info file
+  and delete the file as well.
+
+That leaves just 17 CSS files. (Okay, still quite a few, but better than 28.)
+
+- Instead of one monolithic stylesheet, your sub-theme's CSS files are organized
+  into several smaller stylesheets that are grouped to allow cascading across
+  common Drupal template files.
+- The order of the stylesheets is designed to allow CSS authors to use the
+  lowest specificity possible to achieve the required styling.
+
+
+ORDER AND PURPOSE OF DEFAULT STYLESHEETS
+----------------------------------------
+
+First off, if you find you don't like this organization of stylesheets, you are
+free to change it; simply edit the stylesheet declarations in your sub-theme's
+.info file. This structure was crafted based on several years of experience
+theming Drupal websites.
+
+- html-reset.css:
+  This is the place where you should set the default styling for all HTML
+  elements and standardize the styling across browsers. If you prefer a specific
+  reset method, feel free to add it.
+
+- layout-fixed.css:
+- layout-liquid.css:
+  Zen's default layout is based on the Zen Columns layout method. The
+  layout-fixed.css file is used by default and can be swapped with the
+  layout-liquid.css file. These files are designed to be easily replaced. If you
+  are more familiar with a different CSS layout method, such as Blueprint or
+  960.gs, you can replace these files with your choice of layout CSS file.
+
+- page-backgrounds.css:
+  Layered backgrounds across scattered divs can be easier to manage if they are
+  centralized in one location.
+
+- tabs.css:
+- messages.css:
+  While most of the CSS rulesets in your sub-theme are guidelines without any
+  actual properties, the tabs and messages stylesheets contain actual styling
+  for Drupal tabs and Drupal status messages; two common Drupal elements that
+  are often neglected by site desiners. Zen provides some basic styling which
+  you are free to use or to rip out and replace.
+
+- pages.css:
+  Page styling for the markup in the page.tpl.php template.
+
+- blocks.css:
+  Block styling for the markup in the block.tpl.php template.
+
+- navigation.css:
+  The styling for your site's menus can get quite bulky and its easier to see
+  all the styles if they are grouped together rather then across the
+  header/footer sections of pages.css and in blocks.css.
+
+- views-styles.css:
+  Views styling for the markup in various views templates. You'll notice this
+  stylesheet isn't called "views.css" as that would override (remove) the Views
+  module's stylesheet.
+
+- nodes.css:
+  Node styling for the markkup in the node.tpl.php template.
+
+- comments.css:
+  Comment styling for the markup in the comment-wrapper.tpl.php and
+  comments.tpl.php templates.
+
+- forms.css:
+  Form styling for the markup in various Drupal forms.
+
+- fields.css:
+  Field styling for the markup produced by theme_field().
+
+- print.css:
+  The print styles for all markup.
+
+- ie.css:
+- ie6.css:
+  The Internet Explorer stylesheets are added via conditional comments. Many CSS
+  authors find using IE "conditional stylesheets" much easier then writing
+  rulesets with CSS hacks that are known to only apply to various versions of
+  IE. An alternative method presented by Paul Irish can be found at
+  http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+
+In these stylesheets, we have included all of the classes and IDs from this
+theme's tpl.php files. We have also included many of the useful Drupal core
+styles to make it easier for theme developers to see them.
+
+
+DRUPAL CORE'S STYLESHEETS
+-------------------------
+
+Many of these styles are over-riding Drupal's core stylesheets, so if you remove
+a declaration from them, the styles may still not be what you want since
+Drupal's core stylesheets are still styling the element. See the
+drupal6-reference.css file for a complete list of all Drupal 6.x core styles.
+
+In addition to the style declarations in these stylesheets, other Drupal styles
+that you might want to override or augment are those for:
+
+  Book Navigation  See line 74  of drupal6-reference.css file
+  Forum            See line 197 of drupal6-reference.css file
+  Menus            See line 667 of drupal6-reference.css file
+  News Aggregator  See line 20  of drupal6-reference.css file
+  Polls            See line 287 of drupal6-reference.css file
+  Search           See line 320 of drupal6-reference.css file
+  User Profiles    See line 945 of drupal6-reference.css file
+
+
+INTERNET EXLORER HATES YOU
+--------------------------
+
+All versions of IE limit you to 31 stylesheets total. What that means is that
+only the first 31 stylesheets will load, ignoring the others. So you'll have
+missing styles in IE7 and later and a broken layout in IE6.
+
+This is a known bug in IE: http://support.microsoft.com/kb/262161
+
+Please read http://john.albin.net/css/ie-stylesheets-not-loading for the gory
+details.
diff --git a/css/block-editing-rtl.css b/css/block-editing-rtl.css
new file mode 100755
index 0000000..2b7cc47
--- /dev/null
+++ b/css/block-editing-rtl.css
@@ -0,0 +1,10 @@
+/**
+ * @file
+ * RTL companion for the block-editing.css file.
+ */
+
+
+div.block.with-block-editing div.edit {
+  left: 0;
+  right: auto;
+}
diff --git a/css/block-editing.css b/css/block-editing.css
new file mode 100755
index 0000000..ba86d71
--- /dev/null
+++ b/css/block-editing.css
@@ -0,0 +1,25 @@
+/**
+ * @file
+ * Zen's rollover edit links for blocks.
+ */
+
+
+div.block.with-block-editing {
+  position: relative;
+}
+
+div.block.with-block-editing div.edit {
+  display: none;
+  position: absolute;
+  right: 0; /* LTR */
+  top: 0;
+  z-index: 40;
+  border: 1px solid #eee;
+  padding: 0 2px;
+  font-size: 0.75em;
+  background-color: #fff;
+}
+
+div.block.with-block-editing:hover div.edit {
+  display: block;
+}
diff --git a/css/blocks.css b/css/blocks.css
new file mode 100755
index 0000000..1a050be
--- /dev/null
+++ b/css/blocks.css
@@ -0,0 +1,96 @@
+/**
+ * @file
+ * Block Styling
+ */
+
+
+.block /* Block wrapper */ {
+  margin-bottom: 1em;
+}
+
+.block.first /* The first block in the region */ {
+}
+
+.block.last /* The last block in the region */ {
+}
+
+.block.region-odd /* Zebra striping for each block in the region */ {
+}
+
+.block.region-even /* Zebra striping for each block in the region */ {
+}
+
+.block.odd /* Zebra striping independent of each region */ {
+}
+
+.block.even /* Zebra striping independent of each region */ {
+}
+
+.region-count-1 /* Incremental count for each block in the region */ {
+}
+
+.count-1 /* Incremental count independent of each region */ {
+}
+
+.block h2.title /* Block title */ {
+}
+
+.block .content /* Block's content wrapper */ {
+}
+
+#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
+}
+
+#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
+}
+
+#block-block-1 /* First administrator-defined block */ {
+}
+
+#block-blog-0 /* "Recent blog posts" block */ {
+}
+
+#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
+}
+
+#block-comment-0 /* "Recent comments" block */ {
+}
+
+#block-forum-0 /* "Active forum topics" block */ {
+}
+
+#block-forum-1 /* "New forum topics" block */ {
+}
+
+#block-menu-primary-links /* "Primary links" block */ {
+}
+
+#block-menu-secondary-links /* "Secondary links" block */ {
+}
+
+#block-node-0 /* "Syndicate" block for primary RSS feed */ {
+}
+
+#block-poll-0 /* "Most recent poll" block */ {
+}
+
+#block-profile-0 /* "Author information" block for the profile of the page's author */ {
+}
+
+#block-search-0 /* "Search form" block */ {
+}
+
+#block-statistics-0 /* "Popular content" block */ {
+}
+
+#block-user-0 /* "User login form" block */ {
+}
+
+#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
+}
+
+#block-user-2 /* "Who's new" block for a list of the newest users */ {
+}
+
+#block-user-3 /* "Who's online" block for a list of the online users */ {
+}
diff --git a/css/comments.css b/css/comments.css
new file mode 100755
index 0000000..0eed0cb
--- /dev/null
+++ b/css/comments.css
@@ -0,0 +1,79 @@
+/**
+ * @file
+ * Comment Styling
+ */
+
+
+#comments /* Wrapper for the list of comments and its title */ {
+  margin: 1em 0;
+}
+
+#comments h2.title /* Heading for the list of comments */ {
+}
+
+.comment /* Wrapper for a single comment */ {
+}
+
+.comment-preview /* Preview of the comment before submitting new or updated comment */ {
+}
+
+.comment.new /* A new comment since the user last viewed the page. */ {
+}
+
+.comment.first /* The first comment in the list of comments */ {
+}
+
+.comment.last /* The last comment in the list of comments */ {
+}
+
+.comment.odd /* An odd-numbered comment in the list of comments */ {
+}
+
+.comment.even /* An even-numbered comment in the list of comments */ {
+}
+
+.comment-unpublished /* Unpublished comments */ {
+  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+}
+
+.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
+}
+
+.comment-by-anonymous /* A comment created by an anonymous user */ {
+}
+
+.comment-by-node-author /* A comment created by the node's author */ {
+}
+
+.comment-by-viewer /* A comment created by the current user */ {
+}
+
+.comment h3.title /* Comment title */ {
+}
+
+.new /* "New" marker for comments that are new for the current user */ {
+  color: #c00;
+}
+
+.comment .picture /* The picture of the comment author */ {
+}
+
+.comment .submitted /* The "posted by" information */ {
+}
+
+.comment .content /* Comment's content wrapper */ {
+}
+
+.comment .user-signature /* The user's signature */ {
+}
+
+.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
+}
+
+.indented /* Nested comments are indented */ {
+  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
+}
+
+.preview .comment /* Preview of the comment before submitting new or updated comment */ {
+  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
+}
diff --git a/css/dropdown-menu.css b/css/dropdown-menu.css
new file mode 100755
index 0000000..5b94657
--- /dev/null
+++ b/css/dropdown-menu.css
@@ -0,0 +1,146 @@
+/*** DEFAULT COLORS/STYLES ***/
+/* Root menu */
+.dropdown-menu {
+    background: transparent;
+}
+/* Root links */
+.dropdown-menu a,
+.dropdown-menu a:link,
+.dropdown-menu a:visited {
+    text-decoration: none;
+    color: #FFFFFF;
+/*    padding: 3px 11px;*/
+    padding:3px 19px 4px 7px;
+	text-align:center;
+	font-weight:bold;
+}
+/* Root link hover */
+.dropdown-menu a:hover,
+.dropdown-menu li.dropdown-menu-hover > a {
+    color: #000;
+}
+/* Root menu item hover */
+.dropdown-menu li:hover,
+.dropdown-menu li.dropdown-menu-hover {
+    background: #e0e2e2;
+}
+/* Submenus */
+.dropdown-menu ul {
+    border: 1px solid #c4c7c8;
+    background: #e0e2e2;
+}
+/* Submenu item hover */
+.dropdown-menu ul li:hover,
+.dropdown-menu ul li.dropdown-menu-hover {
+    background: #c4c7c8;
+}
+
+/* Optional submenu drop shadow */
+.dropdown-menu-shadow {
+    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
+    -ms-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
+    -o-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
+    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);
+}
+
+/*** ESSENTIAL STYLES ***/
+.dropdown-menu {
+    white-space: nowrap;
+    display: inline-block;
+    /* IE7 inline-block fix */
+    *display: inline;
+    *zoom: 1;
+}
+.dropdown-menu,
+.dropdown-menu ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+.dropdown-menu ul {
+    display: none;
+    position: absolute;
+    z-index: 1000000;
+}
+.dropdown-menu ul ul {
+    top: 0;
+    left: 100%;
+}
+.dropdown-menu li {
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    /* IE7 inline-block and padding fix */
+    *display: inline;
+    *zoom: 1;
+    *vertical-align: bottom;
+}
+.dropdown-menu li a {
+    display: block;
+}
+.dropdown-menu ul li {
+    position: relative;
+    display: block;
+}
+
+/* Optional submenu arrows */
+span.dropdown-menu-sub-indicator {
+    margin-left: .4em;
+    display: inline-block;
+    vertical-align: baseline;
+    /* Image Replacement */
+    background-color: transparent;
+    background-image: url('arrows-000000.png');
+    background-repeat: no-repeat;
+    background-position: 0 -100px;
+    width: 10px;
+    height: 10px;
+    border: 0;
+    overflow: hidden;
+    /* IE7 image replacement fix */
+    *text-indent: -9999px;
+    /* IE7 inline-block fix */
+    *display: inline;
+    *zoom: 1;
+    *vertical-align: middle;
+}
+span.dropdown-menu-sub-indicator:before {
+    /* Image replacement */
+    content: "";
+    display: block;
+    width: 0;
+    height: 100%;
+}
+/* Arrow hovers */
+.dropdown-menu li:hover > a > span.dropdown-menu-sub-indicator,
+.dropdown-menu li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
+    background-position: -10px -100px;
+}
+/* Point arrows to the right for anchors in subs */
+.dropdown-menu ul span.dropdown-menu-sub-indicator {
+    background-position: 0 0;
+}
+.dropdown-menu ul li:hover > a > span.dropdown-menu-sub-indicator,
+.dropdown-menu ul li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
+    background-position: -10px 0;
+}
+
+/* Vertical-style menu with default width */
+.dropdown-menu-vertical {
+    width: 250px;
+}
+.dropdown-menu-vertical li {
+    display: block;
+    position: relative;
+    /* IE7 fix */
+    *float: left;
+    *width: 100%;
+}
+.dropdown-menu-vertical span.dropdown-menu-sub-indicator {
+    background-position: 0 0;
+}
+.dropdown-menu-vertical li:hover > a > span.dropdown-menu-sub-indicator,
+.dropdown-menu-vertical li.dropdown-menu-hover > a > span.dropdown-menu-sub-indicator {
+    background-position: -10px 0;
+}
diff --git a/css/drupal6-reference.css b/css/drupal6-reference.css
new file mode 100755
index 0000000..14df3ef
--- /dev/null
+++ b/css/drupal6-reference.css
@@ -0,0 +1,1983 @@
+/**
+ * @file
+ * DRUPAL 6.x Reference CSS
+ *
+ * THIS FILE IS FOR REFERENCE ONLY AND IS NOT USED IN ANY WAY BY THE ZEN THEME.
+ *
+ * Drupal has very modular CSS. Which means that only the CSS that is needed
+ * for a particular page is loaded. This is a good thing.
+ *
+ * However, this makes it difficult for theme developers to discover how and
+ * where a particular style is coming from. So, here in all its glory is the
+ * complete CSS included with Drupal core 6.x.
+ *
+ * And, if you're not already, you should check out the free Firebug extension
+ * for Firefox. With it, you can inspect elements and easily view and play with
+ * its CSS styles.  http://www.getfirebug.com
+ */
+
+
+/*
+ * modules/aggregator/aggregator-rtl.css
+ */
+
+#aggregator .feed-source .feed-icon {
+  float: left;
+}
+
+
+/*
+ * modules/aggregator/aggregator.css
+ */
+
+#aggregator .feed-source .feed-title {
+  margin-top: 0;
+}
+#aggregator .feed-source .feed-image img {
+  margin-bottom: 0.75em;
+}
+#aggregator .feed-source .feed-icon {
+  float: right; /* LTR */
+  display: block;
+}
+#aggregator .feed-item {
+  margin-bottom: 1.5em;
+}
+#aggregator .feed-item-title {
+  margin-bottom: 0;
+  font-size: 1.3em;
+}
+#aggregator .feed-item-meta, #aggregator .feed-item-body {
+  margin-bottom: 0.5em;
+}
+#aggregator .feed-item-categories {
+  font-size: 0.9em;
+}
+#aggregator td {
+  vertical-align: bottom;
+}
+#aggregator td.categorize-item {
+  white-space: nowrap;
+}
+#aggregator .categorize-item .news-item .body {
+  margin-top: 0;
+}
+#aggregator .categorize-item h3 {
+  margin-bottom: 1em;
+  margin-top: 0;
+}
+
+
+/*
+ * modules/block/block.css
+ */
+
+#blocks td.region {
+  font-weight: bold;
+}
+#blocks tr.region-message {
+  font-weight: normal;
+  color: #999;
+}
+#blocks tr.region-populated {
+  display: none;
+}
+.block-region {
+  background-color: #ff6;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  padding: 3px;
+}
+
+
+/*
+ * modules/book/book-rtl.css
+ */
+
+.book-navigation .page-previous {
+  float: right;
+}
+.book-navigation .page-up {
+  float: right;
+}
+
+
+/*
+ * modules/book/book.css
+ */
+
+.book-navigation .menu {
+  border-top: 1px solid #888;
+  padding: 1em 0 0 3em;
+}
+.book-navigation .page-links {
+  border-top: 1px solid #888;
+  border-bottom: 1px solid #888;
+  text-align: center;
+  padding: 0.5em;
+}
+.book-navigation .page-previous {
+  text-align: left;
+  width: 42%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-up {
+  margin: 0 5%;
+  width: 4%;
+  display: block;
+  float: left; /* LTR */
+}
+.book-navigation .page-next {
+  text-align: right;
+  width: 42%;
+  display: block;
+  float: right;
+}
+#book-outline {
+  min-width: 56em;
+}
+.book-outline-form .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+#edit-book-bid-wrapper .description {
+  clear: both;
+}
+#book-admin-edit select {
+  margin-right: 24px;
+}
+#book-admin-edit select.progress-disabled {
+  margin-right: 0;
+}
+#book-admin-edit tr.ahah-new-content {
+  background-color: #ffd;
+}
+#book-admin-edit .form-item {
+  float: left;
+}
+
+
+/*
+ * modules/color/color-rtl.css
+ */
+
+#placeholder {
+  left: 0;
+  right: auto;
+}
+
+/* Palette */
+.color-form .form-item {
+  padding-left: 0;
+  padding-right: 1em;
+}
+.color-form label {
+  float: right;
+  clear: right;
+}
+.color-form .form-text, .color-form .form-select {
+  float: right;
+}
+.color-form .form-text {
+  margin-right: 0;
+  margin-left: 5px;
+}
+
+#palette .hook {
+  float: right;
+}
+#palette .down, #palette .up, #palette .both {
+  background: url(images/hook-rtl.png) no-repeat 0 0;
+}
+#palette .up {
+  background-position: 0 -27px;
+}
+#palette .both {
+  background-position: 0 -54px;
+}
+
+#palette .lock {
+  float: right;
+  right: -10px;
+}
+html.js #preview {
+  float: right;
+}
+
+
+/*
+ * modules/color/color.css
+ */
+
+/* Farbtastic placement */
+.color-form {
+  max-width: 50em;
+  position: relative;
+}
+#placeholder {
+  position: absolute;
+  top: 0;
+  right: 0; /* LTR */
+}
+
+/* Palette */
+.color-form .form-item {
+  height: 2em;
+  line-height: 2em;
+  padding-left: 1em; /* LTR */
+  margin: 0.5em 0;
+}
+.color-form label {
+  float: left; /* LTR */
+  clear: left; /* LTR */
+  width: 10em;
+}
+.color-form .form-text, .color-form .form-select {
+  float: left; /* LTR */
+}
+.color-form .form-text {
+  text-align: center;
+  margin-right: 5px; /* LTR */
+  cursor: pointer;
+}
+
+#palette .hook {
+  float: left; /* LTR */
+  margin-top: 3px;
+  width: 16px;
+  height: 16px;
+}
+#palette .down, #palette .up, #palette .both {
+  background: url(images/hook.png) no-repeat 100% 0; /* LTR */
+}
+#palette .up {
+  background-position: 100% -27px; /* LTR */
+}
+#palette .both {
+  background-position: 100% -54px; /* LTR */
+}
+
+#palette .lock {
+  float: left; /* LTR */
+  position: relative;
+  top: -1.4em;
+  left: -10px; /* LTR */
+  width: 20px;
+  height: 25px;
+  background: url(images/lock.png) no-repeat 50% 2px;
+  cursor: pointer;
+}
+#palette .unlocked {
+  background-position: 50% -22px;
+}
+#palette .form-item {
+  width: 20em;
+}
+#palette .item-selected {
+  background: #eee;
+}
+
+/* Preview */
+#preview {
+  display: none;
+}
+html.js #preview {
+  display: block;
+  position: relative;
+  float: left; /* LTR */
+}
+
+
+/*
+ * modules/comment/comment-rtl.css
+ */
+
+.indented {
+  margin-left: 0;
+  margin-right: 25px;
+}
+
+
+/*
+ * modules/comment/comment.css
+ */
+
+.indented {
+  margin-left: 25px; /* LTR */
+}
+.comment-unpublished {
+  background-color: #fff4f4;
+}
+.preview .comment {
+  background-color: #ffffea;
+}
+
+
+/*
+ * modules/dblog/dblog-rtl.css
+ */
+
+#edit-type-wrapper, #edit-severity-wrapper {
+  float: right;
+  padding-right: 0;
+  padding-left: .8em;
+}
+
+
+/*
+ * modules/dblog/dblog.css
+ */
+
+#edit-type-wrapper, #edit-severity-wrapper {
+  float: left; /* LTR */
+  padding-right: .8em; /* LTR */
+  margin: 0.1em;
+  /**
+   * In Opera 9, DOM elements with the property of "overflow: auto"
+   * will partially hide its contents with unnecessary scrollbars when
+   * its immediate child is floated without an explicit width set.
+   */
+  width: 15em;
+}
+#dblog-filter-form .form-item select.form-select {
+  width: 100%;
+}
+tr.dblog-user {
+  background: #ffd;
+}
+tr.dblog-user .active {
+  background: #eed;
+}
+tr.dblog-content {
+  background: #ddf;
+}
+tr.dblog-content .active {
+  background: #cce;
+}
+tr.dblog-page-not-found, tr.dblog-access-denied {
+  background: #dfd;
+}
+tr.dblog-page-not-found .active, tr.dblog-access-denied .active {
+  background: #cec;
+}
+tr.dblog-error {
+  background: #ffc9c9;
+}
+tr.dblog-error .active {
+  background: #eeb9b9;
+}
+
+
+/*
+ * modules/forum/forum-rtl.css
+ */
+
+#forum tr td.forum {
+  padding-left: 0.5em;
+  padding-right: 25px;
+  background-position: 98% 2px;
+}
+.forum-topic-navigation {
+  padding: 1em 3em 0 0;
+}
+.forum-topic-navigation .topic-previous {
+  text-align: left;
+  float: right;
+}
+.forum-topic-navigation .topic-next {
+  text-align: right;
+  float: left;
+}
+
+
+/*
+ * modules/forum/forum.css
+ */
+
+#forum .description {
+  font-size: 0.9em;
+  margin: 0.5em;
+}
+#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
+  white-space: nowrap;
+}
+#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
+  text-align: center;
+}
+#forum tr td.forum {
+  padding-left: 25px; /* LTR */
+  background-position: 2px 2px; /* LTR */
+  background-image: url(../../misc/forum-default.png);
+  background-repeat: no-repeat;
+}
+#forum tr.new-topics td.forum {
+  background-image: url(../../misc/forum-new.png);
+}
+#forum div.indent {
+  margin-left: 20px;
+}
+
+.forum-topic-navigation {
+  padding: 1em 0 0 3em; /* LTR */
+  border-top: 1px solid #888;
+  border-bottom: 1px solid #888;
+  text-align: center;
+  padding: 0.5em;
+}
+.forum-topic-navigation .topic-previous {
+  text-align: right; /* LTR */
+  float: left; /* LTR */
+  width: 46%;
+}
+.forum-topic-navigation .topic-next {
+  text-align: left; /* LTR */
+  float: right; /* LTR */
+  width: 46%;
+}
+
+
+/*
+ * modules/help/help-rtl.css
+ */
+
+.help-items {
+  float: right;
+  padding-right: 0;
+  padding-left: 3%;
+}
+.help-items-last {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+
+/*
+ * modules/help/help.css
+ */
+
+.help-items {
+  float: left; /* LTR */
+  width: 22%;
+  padding-right: 3%; /* LTR */
+}
+.help-items-last {
+  padding-right: 0; /* LTR */
+}
+
+
+/*
+ * modules/locale/locale.css
+ */
+
+.locale-untranslated {
+  font-style: normal;
+  text-decoration: line-through;
+}
+
+
+/*
+ * modules/node/node-rtl.css
+ */
+
+#node-admin-buttons {
+  float: right;
+  margin-left: 0;
+  margin-right: 0.5em;
+  clear: left;
+}
+
+
+/*
+ * modules/node/node.css
+ */
+
+.node-unpublished {
+  background-color: #fff4f4;
+}
+.preview .node {
+  background-color: #ffffea;
+}
+#node-admin-filter ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+#node-admin-buttons {
+  float: left; /* LTR */
+  margin-left: 0.5em; /* LTR */
+  clear: right; /* LTR */
+}
+td.revision-current {
+  background: #ffc;
+}
+.node-form .form-text {
+  display: block;
+  width: 95%;
+}
+.node-form .container-inline .form-text {
+  display: inline;
+  width: auto;
+}
+.node-form .standard {
+  clear: both;
+}
+.node-form textarea {
+  display: block;
+  width: 95%;
+}
+.node-form .attachments fieldset {
+  float: none;
+  display: block;
+}
+.terms-inline {
+  display: inline;
+}
+
+
+/*
+ * modules/openid/openid.css
+ */
+
+#edit-openid-identifier {
+  background-image: url("login-bg.png");
+  background-position: 0% 50%;
+  background-repeat: no-repeat;
+  padding-left: 20px;
+}
+div#edit-openid-identifier-wrapper {
+  display: block;
+}
+html.js #user-login-form div#edit-openid-identifier-wrapper,
+html.js #user-login div#edit-openid-identifier-wrapper {
+  display: none;
+}
+html.js #user-login-form li.openid-link,
+html.js #user-login li.openid-link {
+  display : block;
+  list-style: none;
+}
+#user-login-form ul {
+  margin-top: 0;
+}
+#user-login ul {
+  margin: 0 0 5px;
+}
+#user-login ul li {
+  margin: 0;
+}
+#user-login-form li.openid-link,
+#user-login-form li.user-link,
+#user-login li.openid-link,
+#user-login li.user-link {
+  display: none;
+}
+#user-login-form li.openid-link a,
+#user-login li.openid-link a {
+  background: transparent url("login-bg.png") no-repeat 0 2px;
+  padding: 0 20px;
+}
+
+
+/*
+ * modules/poll/poll-rtl.css
+ */
+
+.poll .bar .foreground {
+  float: right;
+}
+.poll .percent {
+  text-align: left;
+}
+.poll .vote-form .choices {
+  text-align: right;
+}
+
+
+/*
+ * modules/poll/poll.css
+ */
+
+.poll .bar {
+  height: 1em;
+  margin: 1px 0;
+  background-color: #ddd;
+}
+.poll .bar .foreground {
+  background-color: #000;
+  height: 1em;
+  float: left; /* LTR */
+}
+.poll .links {
+  text-align: center;
+}
+.poll .percent {
+  text-align: right; /* LTR */
+}
+.poll .total {
+  text-align: center;
+}
+.poll .vote-form {
+  text-align: center;
+}
+.poll .vote-form .choices {
+  text-align: left; /* LTR */
+  margin: 0 auto;
+  display: table;
+}
+.poll .vote-form .choices .title {
+  font-weight: bold;
+}
+.node-form #edit-poll-more {
+  margin: 0;
+}
+td.poll-chtext {
+  width: 80%;
+}
+td.poll-chvotes .form-text {
+  width: 85%;
+}
+
+
+/*
+ * modules/profile/profile.css
+ */
+
+#profile-fields td.category {
+  font-weight: bold;
+}
+#profile-fields tr.category-message {
+  color: #999;
+}
+#profile-fields tr.category-populated {
+  display: none;
+}
+
+
+/*
+ * modules/search/search-rtl.css
+ */
+
+.search-advanced .criterion {
+  float: right;
+  margin-right: 0;
+  margin-left: 2em;
+}
+.search-advanced .action {
+  float: right;
+  clear: right;
+}
+
+
+/*
+ * modules/search/search.css
+ */
+
+.search-form {
+  margin-bottom: 1em;
+}
+.search-form input {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.search-results p {
+  margin-top: 0;
+}
+.search-results dt {
+  font-size: 1.1em;
+}
+.search-results dd {
+  margin-bottom: 1em;
+}
+.search-results .search-info {
+  font-size: 0.85em;
+}
+.search-advanced .criterion {
+  float: left; /* LTR */
+  margin-right: 2em; /* LTR */
+}
+.search-advanced .action {
+  float: left; /* LTR */
+  clear: left; /* LTR */
+}
+
+
+/*
+ * modules/system/admin-rtl.css
+ */
+
+div.admin-panel .body {
+  padding: 0 8px 2px 4px;
+}
+
+div.admin .expert-link {
+  text-align: left;
+  margin-right: 0;
+  margin-left: 1em;
+  padding-right: 0;
+  padding-left: 4px;
+}
+
+table.system-status-report th, table.system-status-report tr.merge-up td {
+  padding-right: 30px;
+}
+
+table.system-status-report th {
+  background-position: 95% 50%;
+}
+
+table.screenshot {
+  margin-left: 1em;
+}
+
+.date-container {
+  clear: right;
+}
+.date-container .select-container, .date-container .custom-container {
+  float: right;
+}
+.date-container .custom-container {
+  margin-left: 0;
+  margin-right: 15px;
+}
+
+
+/*
+ * modules/system/admin.css
+ */
+
+/*
+** Formatting for administration page
+*/
+div.admin-panel {
+  margin: 0;
+  padding: 5px 5px 15px 5px;
+}
+
+div.admin-panel .description {
+  margin: 0 0 3px;
+  padding: 2px 0 3px 0;
+}
+
+div.admin-panel .body {
+  padding: 0 4px 2px 8px; /* LTR */
+}
+
+div.admin {
+  padding-top: 15px;
+}
+
+div.admin .left {
+  float: left;
+  width: 47%;
+  margin-left: 1em;
+}
+div.admin .right {
+  float: right;
+  width: 47%;
+  margin-right: 1em;
+}
+
+div.admin .expert-link {
+  text-align: right; /* LTR */
+  margin-right: 1em; /* LTR */
+  padding-right: 4px; /* LTR */
+}
+
+table.package {
+  width: 100%;
+}
+table.package .description {
+  width: 100%;
+}
+table.package .version {
+  direction: ltr;
+}
+div.admin-dependencies, div.admin-required {
+  font-size: 0.9em;
+  color: #444;
+}
+span.admin-disabled {
+  color: #800;
+}
+span.admin-enabled {
+  color: #080;
+}
+span.admin-missing {
+  color: #f00;
+}
+
+/**
+ * Formatting for status report
+ */
+table.system-status-report th {
+  border-bottom: 1px solid #ccc;
+}
+table.system-status-report th, table.system-status-report tr.merge-up td {
+  padding-left: 30px; /* LTR */
+}
+table.system-status-report th {
+  background-repeat: no-repeat;
+  background-position: 5px 50%; /* LTR */
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+table.system-status-report tr.error th {
+  background-image: url(../../misc/watchdog-error.png);
+}
+table.system-status-report tr.warning th {
+  background-image: url(../../misc/watchdog-warning.png);
+}
+table.system-status-report tr.ok th {
+  background-image: url(../../misc/watchdog-ok.png);
+}
+
+/**
+ * Formatting for theme configuration
+ */
+.theme-settings-left {
+  float: left;
+  width: 49%;
+}
+.theme-settings-right {
+  float: right;
+  width: 49%;
+}
+.theme-settings-bottom {
+  clear: both;
+}
+
+/**
+ * Formatting for theme overview
+ */
+table.screenshot {
+  margin-right: 1em; /* LTR */
+}
+.theme-info h2 {
+  margin-bottom: 0;
+}
+.theme-info p {
+  margin-top: 0;
+}
+
+
+/**
+ * Date and time settings page
+ */
+.date-container {
+  overflow: auto;
+  clear: left; /* LTR */
+}
+.date-container .form-item {
+  margin-top: 0;
+}
+.date-container .select-container, .date-container .custom-container {
+  float: left; /* LTR */
+}
+.date-container .custom-container {
+  margin-left: 15px; /* LTR */
+  width: 50%;
+}
+html.js .custom-container label {
+  visibility: hidden;
+}
+
+
+/*
+ * modules/system/defaults-rtl.css
+ */
+
+th {
+  text-align: right;
+  padding-right: 0;
+  padding-left: 1em;
+}
+
+
+/*
+ * modules/system/defaults.css
+ */
+
+/*
+** HTML elements
+*/
+fieldset {
+  margin-bottom: 1em;
+  padding: .5em;
+}
+form {
+  margin: 0;
+  padding: 0;
+}
+hr {
+  height: 1px;
+  border: 1px solid gray;
+}
+img {
+  border: 0;
+}
+table {
+  border-collapse: collapse;
+}
+th {
+  text-align: left; /* LTR */
+  padding-right: 1em; /* LTR */
+  border-bottom: 3px solid #ccc;
+}
+
+/*
+** Markup free clearing
+** Details: http://www.positioniseverything.net/easyclearing.html
+*/
+.clear-block:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clear-block {
+  display: inline-block;
+}
+
+/* Hides from IE-mac \*/
+* html .clear-block {
+  height: 1%;
+}
+.clear-block {
+  display: block;
+}
+/* End hide from IE-mac */
+
+
+/*
+ * modules/system/maintenance.css
+ */
+
+/* Update styles */
+#update-results {
+  margin-top: 3em;
+  padding: 0.25em;
+  border: 1px solid #ccc;
+  background: #eee;
+  font-size: smaller;
+}
+#update-results h2 {
+  margin-top: 0.25em;
+}
+#update-results h4 {
+  margin-bottom: 0.25em;
+}
+#update-results li.none {
+  color: #888;
+  font-style: italic;
+}
+#update-results li.failure strong {
+  color: #b63300;
+}
+
+
+/*
+ * modules/system/system-menus-rtl.css
+ */
+
+ul.menu {
+  text-align:right;
+}
+ul.menu li {
+  margin: 0 0.5em 0 0;
+}
+li.expanded {
+  padding: 0.2em 0 0 0.5em;
+}
+li.collapsed {
+  list-style-image: url(../../misc/menu-collapsed-rtl.png);
+  padding: 0.2em 0 0 0.5em;
+}
+li.leaf {
+  padding: 0.2em 0 0 0.5em;
+}
+
+
+/*
+ * modules/system/system-menus.css
+ */
+
+ul.menu {
+  list-style: none;
+  border: none;
+  text-align:left; /* LTR */
+}
+ul.menu li {
+  margin: 0 0 0 0.5em; /* LTR */
+}
+li.expanded {
+  list-style-type: circle;
+  list-style-image: url(../../misc/menu-expanded.png);
+  padding: 0.2em 0.5em 0 0; /* LTR */
+  margin: 0;
+}
+li.collapsed {
+  list-style-type: disc;
+  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
+  padding: 0.2em 0.5em 0 0; /* LTR */
+  margin: 0;
+}
+li.leaf {
+  list-style-type: square;
+  list-style-image: url(../../misc/menu-leaf.png);
+  padding: 0.2em 0.5em 0 0; /* LTR */
+  margin: 0;
+}
+li a.active {
+  color: #000;
+}
+td.menu-disabled {
+  background: #ccc;
+}
+ul.links {
+  margin: 0;
+  padding: 0;
+}
+ul.links.inline {
+  display: inline;
+}
+ul.links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0 0.5em;
+}
+.block ul {
+  margin: 0;
+  padding: 0 0 0.25em 1em; /* LTR */
+}
+
+
+/*
+ * modules/system/system-rtl.css
+ */
+
+thead th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0.5em;
+}
+
+.item-list .icon {
+  float: left;
+  padding-left: 0;
+  padding-right: 0.25em;
+  clear: left;
+}
+.item-list ul li {
+  margin: 0 1.5em 0.25em 0;
+}
+
+.more-link {
+  text-align: left;
+}
+.more-help-link {
+  text-align: left;
+}
+
+dl.multiselect dt, dl.multiselect dd {
+  float: right;
+  margin: 0 0 0 1em;
+}
+
+.block ul {
+  padding: 0 1em 0.25em 0;
+}
+
+ul.primary {
+  padding: 0 1em 0 0;
+}
+ul.primary li a {
+  margin-right: 5px;
+  margin-left: 0.5em;
+}
+ul.secondary li {
+  display: inline;
+  padding: 0 1em;
+  border-right: none;
+  border-left: 1px solid #ccc;
+}
+html.js input.form-autocomplete {
+  background-position: 0% 2px;
+}
+html.js input.throbbing {
+  background-position: 0% -18px;
+}
+
+html.js fieldset.collapsible legend a {
+  padding-left: 0;
+  padding-right: 15px;
+  background-position: 98% 75%;
+}
+html.js fieldset.collapsed legend a {
+  background-image: url(../../misc/menu-collapsed-rtl.png);
+  background-position: 98% 50%;
+}
+
+div.teaser-button-wrapper {
+  float: left;
+  padding-right: 0;
+  padding-left: 5%;
+}
+.teaser-checkbox div.form-item {
+  float: left;
+  margin: 0 0 0 5%;
+}
+.progress .percentage {
+  float: left;
+}
+.progess-disabled {
+  float: right;
+}
+.ahah-progress {
+  float: right;
+}
+.ahah-progress .throbber {
+  float: right;
+}
+input.password-field {
+  margin-left: 10px;
+  margin-right: 0;
+}
+input.password-confirm {
+  margin-left: 10px;
+  margin-right: 0;
+}
+
+.draggable a.tabledrag-handle {
+  float: right;
+  margin: -0.4em -0.5em -0.4em 0;
+  padding: 0.42em 0.5em 0.42em 1.5em;
+}
+div.indentation {
+  margin: -0.4em -0.4em -0.4em 0.2em;
+  padding: 0.42em 0.6em 0.42em 0;
+  float: right;
+}
+div.tree-child, div.tree-child-last {
+  background-position: -65px center;
+}
+
+
+/*
+ * modules/system/system.css
+ */
+
+/*
+** HTML elements
+*/
+body.drag {
+  cursor: move;
+}
+th.active img {
+  display: inline;
+}
+tr.even, tr.odd {
+  background-color: #eee;
+  border-bottom: 1px solid #ccc;
+  padding: 0.1em 0.6em;
+}
+tr.drag {
+  background-color: #fffff0;
+}
+tr.drag-previous {
+  background-color: #ffd;
+}
+td.active {
+  background-color: #ddd;
+}
+td.checkbox, th.checkbox {
+  text-align: center;
+}
+tbody {
+  border-top: 1px solid #ccc;
+}
+tbody th {
+  border-bottom: 1px solid #ccc;
+}
+thead th {
+  text-align: left; /* LTR */
+  padding-right: 1em; /* LTR */
+  border-bottom: 3px solid #ccc;
+}
+
+/*
+** Other common styles
+*/
+.breadcrumb {
+  padding-bottom: .5em
+}
+div.indentation {
+  width: 20px;
+  height: 1.7em;
+  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
+  padding: 0.42em 0 0.42em 0.6em; /* LTR */
+  float: left; /* LTR */
+}
+div.tree-child {
+  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
+}
+div.tree-child-last {
+  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
+}
+div.tree-child-horizontal {
+  background: url(../../misc/tree.png) no-repeat -11px center;
+}
+.error {
+  color: #e55;
+}
+div.error {
+  border: 1px solid #d77;
+}
+div.error, tr.error {
+  background: #fcc;
+  color: #200;
+  padding: 2px;
+}
+.warning {
+  color: #e09010;
+}
+div.warning {
+  border: 1px solid #f0c020;
+}
+div.warning, tr.warning {
+  background: #ffd;
+  color: #220;
+  padding: 2px;
+}
+.ok {
+  color: #008000;
+}
+div.ok {
+  border: 1px solid #00aa00;
+}
+div.ok, tr.ok {
+  background: #dfd;
+  color: #020;
+  padding: 2px;
+}
+.item-list .icon {
+  color: #555;
+  float: right; /* LTR */
+  padding-left: 0.25em; /* LTR */
+  clear: right; /* LTR */
+}
+.item-list .title {
+  font-weight: bold;
+}
+.item-list ul {
+  margin: 0 0 0.75em 0;
+  padding: 0;
+}
+.item-list ul li {
+  margin: 0 0 0.25em 1.5em; /* LTR */
+  padding: 0;
+  list-style: disc;
+}
+ol.task-list li.active {
+  font-weight: bold;
+}
+.form-item {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+tr.odd .form-item, tr.even .form-item {
+  margin-top: 0;
+  margin-bottom: 0;
+  white-space: nowrap;
+}
+tr.merge-down, tr.merge-down td, tr.merge-down th {
+  border-bottom-width: 0 !important;
+}
+tr.merge-up, tr.merge-up td, tr.merge-up th {
+  border-top-width: 0 !important;
+}
+.form-item input.error, .form-item textarea.error, .form-item select.error {
+  border: 2px solid red;
+}
+.form-item .description {
+  font-size: 0.85em;
+}
+.form-item label {
+  display: block;
+  font-weight: bold;
+}
+.form-item label.option {
+  display: inline;
+  font-weight: normal;
+}
+.form-checkboxes, .form-radios {
+  margin: 1em 0;
+}
+.form-checkboxes .form-item, .form-radios .form-item {
+  margin-top: 0.4em;
+  margin-bottom: 0.4em;
+}
+.marker, .form-required {
+  color: #f00;
+}
+.more-link {
+  text-align: right; /* LTR */
+}
+.more-help-link {
+  font-size: 0.85em;
+  text-align: right; /* LTR */
+}
+.nowrap {
+  white-space: nowrap;
+}
+.item-list .pager {
+  clear: both;
+  text-align: center;
+}
+.item-list .pager li {
+  background-image:none;
+  display:inline;
+  list-style-type:none;
+  padding: 0.5em;
+}
+.pager-current {
+  font-weight:bold;
+}
+.tips {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 0.9em;
+}
+dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
+  font-family: inherit;
+  font-size: inherit;
+  width: 14em;
+}
+dl.multiselect dd.a, dl.multiselect dd.a .form-item {
+  width: 8em;
+}
+dl.multiselect dt, dl.multiselect dd {
+  float: left; /* LTR */
+  line-height: 1.75em;
+  padding: 0;
+  margin: 0 1em 0 0; /* LTR */
+}
+dl.multiselect .form-item {
+  height: 1.75em;
+  margin: 0;
+}
+
+/*
+** Inline items (need to override above)
+*/
+.container-inline div, .container-inline label {
+  display: inline;
+}
+
+/*
+** Tab navigation
+*/
+ul.primary {
+  border-collapse: collapse;
+  padding: 0 0 0 1em; /* LTR */
+  white-space: nowrap;
+  list-style: none;
+  margin: 5px;
+  height: auto;
+  line-height: normal;
+  border-bottom: 1px solid #bbb;
+}
+ul.primary li {
+  display: inline;
+}
+ul.primary li a {
+  background-color: #ddd;
+  border-color: #bbb;
+  border-width: 1px;
+  border-style: solid solid none solid;
+  height: auto;
+  margin-right: 0.5em; /* LTR */
+  padding: 0 1em;
+  text-decoration: none;
+}
+ul.primary li.active a {
+  background-color: #fff;
+  border: 1px solid #bbb;
+  border-bottom: #fff 1px solid;
+}
+ul.primary li a:hover {
+  background-color: #eee;
+  border-color: #ccc;
+  border-bottom-color: #eee;
+}
+ul.secondary {
+  border-bottom: 1px solid #bbb;
+  padding: 0.5em 1em;
+  margin: 5px;
+}
+ul.secondary li {
+  display: inline;
+  padding: 0 1em;
+  border-right: 1px solid #ccc; /* LTR */
+}
+ul.secondary a {
+  padding: 0;
+  text-decoration: none;
+}
+ul.secondary a.active {
+  border-bottom: 4px solid #999;
+}
+
+/*
+** Autocomplete styles
+*/
+/* Suggestion list */
+#autocomplete {
+  position: absolute;
+  border: 1px solid;
+  overflow: hidden;
+  z-index: 100;
+}
+#autocomplete ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#autocomplete li {
+  background: #fff;
+  color: #000;
+  white-space: pre;
+  cursor: default;
+}
+#autocomplete li.selected {
+  background: #0072b9;
+  color: #fff;
+}
+/* Animated throbber */
+html.js input.form-autocomplete {
+  background-image: url(../../misc/throbber.gif);
+  background-repeat: no-repeat;
+  background-position: 100% 2px; /* LTR */
+}
+html.js input.throbbing {
+  background-position: 100% -18px; /* LTR */
+}
+
+/*
+** Collapsing fieldsets
+*/
+html.js fieldset.collapsed {
+  border-bottom-width: 0;
+  border-left-width: 0;
+  border-right-width: 0;
+  margin-bottom: 0;
+  height: 1em;
+}
+html.js fieldset.collapsed * {
+  display: none;
+}
+html.js fieldset.collapsed legend {
+  display: block;
+}
+html.js fieldset.collapsible legend a {
+  padding-left: 15px; /* LTR */
+  background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
+}
+html.js fieldset.collapsed legend a {
+  background-image: url(../../misc/menu-collapsed.png); /* LTR */
+  background-position: 5px 50%; /* LTR */
+}
+/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
+* html.js fieldset.collapsed legend,
+* html.js fieldset.collapsed legend *,
+* html.js fieldset.collapsed table * {
+  display: inline;
+}
+/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
+html.js fieldset.collapsible {
+  position: relative;
+}
+html.js fieldset.collapsible legend a {
+  display: block;
+}
+/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
+html.js fieldset.collapsible .fieldset-wrapper {
+  overflow: auto;
+}
+
+/*
+** Resizable text areas
+*/
+.resizable-textarea {
+  width: 95%;
+}
+.resizable-textarea .grippie {
+  height: 9px;
+  overflow: hidden;
+  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
+  border: 1px solid #ddd;
+  border-top-width: 0;
+  cursor: s-resize;
+}
+html.js .resizable-textarea textarea {
+  margin-bottom: 0;
+  width: 100%;
+  display: block;
+}
+
+/*
+** Table drag and drop.
+*/
+.draggable a.tabledrag-handle {
+  cursor: move;
+  float: left; /* LTR */
+  height: 1.7em;
+  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
+  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
+  text-decoration: none;
+}
+a.tabledrag-handle:hover {
+  text-decoration: none;
+}
+a.tabledrag-handle .handle {
+  margin-top: 4px;
+  height: 13px;
+  width: 13px;
+  background: url(../../misc/draggable.png) no-repeat 0 0;
+}
+a.tabledrag-handle-hover .handle {
+  background-position: 0 -20px;
+}
+
+/*
+** Teaser splitter
+*/
+.joined + .grippie {
+  height: 5px;
+  background-position: center 1px;
+  margin-bottom: -2px;
+}
+/* Keeps inner content contained in Opera 9. */
+.teaser-checkbox {
+  padding-top: 1px;
+}
+div.teaser-button-wrapper {
+  float: right; /* LTR */
+  padding-right: 5%; /* LTR */
+  margin: 0;
+}
+.teaser-checkbox div.form-item {
+  float: right; /* LTR */
+  margin: 0 5% 0 0; /* LTR */
+  padding: 0;
+}
+textarea.teaser {
+  display: none;
+}
+html.js .no-js {
+  display: none;
+}
+
+/*
+** Progressbar styles
+*/
+.progress {
+  font-weight: bold;
+}
+.progress .bar {
+  background: #fff url(../../misc/progress.gif);
+  border: 1px solid #00375a;
+  height: 1.5em;
+  margin: 0 0.2em;
+}
+.progress .filled {
+  background: #0072b9;
+  height: 1em;
+  border-bottom: 0.5em solid #004a73;
+  width: 0%;
+}
+.progress .percentage {
+  float: right; /* LTR */
+}
+.progress-disabled {
+  float: left; /* LTR */
+}
+.ahah-progress {
+  float: left; /* LTR */
+}
+.ahah-progress .throbber {
+  width: 15px;
+  height: 15px;
+  margin: 2px;
+  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
+  float: left; /* LTR */
+}
+tr .ahah-progress .throbber {
+  margin: 0 2px;
+}
+.ahah-progress-bar {
+  width: 16em;
+}
+
+/*
+** Formatting for welcome page
+*/
+#first-time strong {
+  display: block;
+  padding: 1.5em 0 .5em;
+}
+
+/*
+** To be used with tableselect.js
+*/
+tr.selected td {
+  background: #ffc;
+}
+
+/*
+** Floating header for tableheader.js
+*/
+table.sticky-header {
+  margin-top: 0;
+  background: #fff;
+}
+
+/*
+** Installation clean URLs
+*/
+#clean-url.install {
+  display: none;
+}
+
+/*
+** For anything you want to hide on page load when JS is enabled, so
+** that you can use the JS to control visibility and avoid flicker.
+*/
+html.js .js-hide {
+  display: none;
+}
+
+/*
+** Styles for the system modules page (admin/build/modules)
+*/
+#system-modules div.incompatible {
+  font-weight: bold;
+}
+
+/*
+** Styles for the system themes page (admin/build/themes)
+*/
+#system-themes-form div.incompatible {
+  font-weight: bold;
+}
+
+/*
+** Password strength indicator
+*/
+span.password-strength {
+  visibility: hidden;
+}
+input.password-field {
+  margin-right: 10px; /* LTR */
+}
+div.password-description {
+  padding: 0 2px;
+  margin: 4px 0 0 0;
+  font-size: 0.85em;
+  max-width: 500px;
+}
+div.password-description ul {
+  margin-bottom: 0;
+}
+.password-parent {
+  margin: 0 0 0 0;
+}
+/*
+** Password confirmation checker
+*/
+input.password-confirm {
+  margin-right: 10px; /* LTR */
+}
+.confirm-parent {
+  margin: 5px 0 0 0;
+}
+span.password-confirm {
+  visibility: hidden;
+}
+span.password-confirm span {
+  font-weight: normal;
+}
+
+
+/*
+ * modules/taxonomy/taxonomy.css
+ */
+
+tr.taxonomy-term-preview {
+  background-color: #EEE;
+}
+tr.taxonomy-term-divider-top {
+  border-bottom: none;
+}
+tr.taxonomy-term-divider-bottom {
+  border-top: 1px dotted #CCC;
+}
+.taxonomy-term-description {
+  margin: 5px 0 20px;
+}
+
+
+/*
+ * modules/tracker/tracker.css
+ */
+
+#tracker td.replies {
+  text-align: center;
+}
+#tracker table {
+  width: 100%;
+}
+
+
+/*
+ * modules/update/update-rtl.css
+ */
+
+.update .project {
+  padding-right: .25em;
+}
+
+.update .version-status {
+  float: left;
+  padding-left: 10px;
+}
+
+.update .version-status .icon {
+  padding-right: .5em;
+}
+
+.update table.version .version-title {
+  padding-left: 1em;
+}
+
+.update table.version .version-details {
+  padding-left: .5em;
+  direction: ltr;
+}
+
+.update table.version .version-links {
+  text-align: left;
+  padding-left: 1em;
+}
+
+.update .check-manually {
+  padding-right: 1em;
+}
+
+
+/*
+ * modules/update/update.css
+ */
+
+.update .project {
+  font-weight: bold;
+  font-size: 110%;
+  padding-left: .25em; /* LTR */
+  height: 22px;
+}
+
+.update .version-status {
+  float: right; /* LTR */
+  padding-right: 10px; /* LTR */
+  font-size: 110%;
+  height: 20px;
+}
+
+.update .version-status .icon {
+  padding-left: .5em; /* LTR */
+}
+
+.update .version-date {
+  white-space: nowrap;
+}
+
+.update .info {
+  margin: 0;
+  padding: 1em 1em .25em 1em;
+}
+
+.update tr td {
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+}
+
+.update tr.error {
+  background: #fcc;
+}
+
+.update tr.error .version-recommended {
+  background: #fdd;
+}
+
+.update tr.ok {
+  background: #dfd;
+}
+
+.update tr.warning {
+  background: #ffd;
+}
+
+.update tr.warning .version-recommended {
+  background: #ffe;
+}
+
+.current-version, .new-version {
+  direction: ltr; /* Note: version numbers should always be LTR. */
+}
+
+.update tr.unknown {
+  background: #ddd;
+}
+
+table.update,
+.update table.version {
+  width: 100%;
+  margin-top: .5em;
+}
+
+.update table.version tbody {
+  border: none;
+}
+
+.update table.version tr,
+.update table.version td {
+  line-height: .9em;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+.update table.version .version-title {
+  padding-left: 1em; /* LTR */
+  width: 14em;
+}
+
+.update table.version .version-details {
+  padding-right: .5em; /* LTR */
+}
+
+.update table.version .version-links {
+  text-align: right; /* LTR */
+  padding-right: 1em; /* LTR */
+}
+
+.update table.version-security .version-title {
+  color: #970F00;
+}
+
+.update table.version-recommended-strong .version-title {
+  font-weight: bold;
+}
+
+.update .security-error {
+  font-weight: bold;
+  color: #970F00;
+}
+
+.update .check-manually {
+  padding-left: 1em; /* LTR */
+}
+
+
+/*
+ * modules/user/user-rtl.css
+ */
+
+#permissions td.permission {
+  padding-left: 0;
+  padding-right: 1.5em;
+}
+#access-rules .access-type, #access-rules .rule-type {
+  margin-right: 0;
+  margin-left: 1em;
+  float: right;
+}
+#user-admin-buttons {
+  float: right;
+  margin-left: 0;
+  margin-right: 0.5em;
+  clear: left;
+}
+
+.profile .picture {
+  float: left;
+  margin: 0 0 1em 1em;
+}
+
+
+/*
+ * modules/user/user.css
+ */
+
+#permissions td.module {
+  font-weight: bold;
+}
+#permissions td.permission {
+  padding-left: 1.5em; /* LTR */
+}
+#access-rules .access-type, #access-rules .rule-type {
+  margin-right: 1em; /* LTR */
+  float: left; /* LTR */
+}
+#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
+  margin-top: 0;
+}
+#access-rules .mask {
+  clear: both;
+}
+#user-login-form {
+  text-align: center;
+}
+#user-admin-filter ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+#user-admin-buttons {
+  float: left; /* LTR */
+  margin-left: 0.5em; /* LTR */
+  clear: right; /* LTR */
+}
+#user-admin-settings fieldset .description {
+  font-size: 0.85em;
+  padding-bottom: .5em;
+}
+
+/* Generated by user.module but used by profile.module: */
+.profile {
+  clear: both;
+  margin: 1em 0;
+}
+.profile .picture {
+  float: right; /* LTR */
+  margin: 0 1em 1em 0; /* LTR */
+}
+.profile h3 {
+  border-bottom: 1px solid #ccc;
+}
+.profile dl {
+  margin: 0 0 1.5em 0;
+}
+.profile dt {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+}
+.profile dd {
+  margin: 0 0 1em 0;
+}
diff --git a/css/fields.css b/css/fields.css
new file mode 100755
index 0000000..a3d1c18
--- /dev/null
+++ b/css/fields.css
@@ -0,0 +1,44 @@
+/**
+ * @file
+ * Field Styling
+ */
+
+
+/*
+ * Field types
+ */
+
+.field /* Wrapper for any CCK field. */ {
+}
+
+.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
+}
+
+.field-type-filefield /* Field from filefield module */ {
+}
+
+.field-type-nodereference {
+}
+
+.field-type-number-decimal {
+}
+
+.field-type-number-float {
+}
+
+.field-type-number-integer {
+}
+
+.field-type-text {
+}
+
+.field-type-userreference {
+}
+
+
+/*
+ * Named fields
+ */
+
+.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
+}
diff --git a/css/font-style.css b/css/font-style.css
new file mode 100755
index 0000000..14ab266
--- /dev/null
+++ b/css/font-style.css
@@ -0,0 +1,6 @@
+h1, h2, h3, h4, h5, h6 {
+margin: 0;
+padding: 0;
+font-weight: normal;
+font-family: Helvetica, Arial, sans-serif;
+}
diff --git a/css/forms-rtl.css b/css/forms-rtl.css
new file mode 100755
index 0000000..4e4318e
--- /dev/null
+++ b/css/forms-rtl.css
@@ -0,0 +1,46 @@
+/**
+ * @file
+ * RTL companion for the forms.css file.
+ */
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: right;
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-left: 0;
+  margin-right: -20px; /* Un-do some of the padding on the ul list. */
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: 0;
+  margin-right: -2em; /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form th,
+form thead th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0;
+}
diff --git a/css/forms.css b/css/forms.css
new file mode 100755
index 0000000..696702f
--- /dev/null
+++ b/css/forms.css
@@ -0,0 +1,134 @@
+/**
+ * @file
+ * Form Styling
+ */
+
+
+.form-item,
+.form-checkboxes,
+.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
+  margin: 1em 0;
+}
+
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error /* Highlight the form elements that caused a form submission error */ {
+  border: 2px solid #c00;
+}
+
+.form-item label /* The label for a form element */ {
+  display: block;
+  font-weight: bold;
+}
+
+.form-item label.option /* The label for a radio button or checkbox */ {
+  display: inline;
+  font-weight: normal;
+}
+
+.form-required /* The part of the label that indicates a required field */ {
+  color: #c00;
+}
+
+.form-item .description /* The descriptive help text (separate from the label) */ {
+  font-size: 0.85em;
+}
+
+.form-checkboxes .form-item,
+.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
+  margin: 0.4em 0;
+}
+
+.form-submit /* The submit button */ {
+}
+
+.container-inline div,
+.container-inline label /* Inline labels and form divs */ {
+  display: inline;
+}
+
+.tips /* Tips for Drupal's input formats */ {
+}
+
+
+/*
+ * Search (search-theme-form.tpl.php)
+ */
+#search-box /* Wrapper for the search form */ {
+}
+
+#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
+  display: none;
+}
+
+
+/*
+ * Search (search-block-form.tpl.php)
+ */
+#search-block-form /* Wrapper for the search form */ {
+}
+
+#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
+  display: none;
+}
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: left; /* LTR */
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
+  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
+}
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-top: 1em;
+  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
+}
+
+#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
+  margin-top: 1em;
+}
+
+#user-login ul {
+  margin: 1em 0;
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form tbody {
+  border-top: 1px solid #ccc;
+}
+
+form th,
+form thead th {
+  text-align: left; /* LTR */
+  padding-right: 1em; /* LTR */
+  border-bottom: 3px solid #ccc;
+}
+
+form tbody th {
+  border-bottom: 1px solid #ccc;
+}
diff --git a/css/html-reset-rtl.css b/css/html-reset-rtl.css
new file mode 100755
index 0000000..0260d5e
--- /dev/null
+++ b/css/html-reset-rtl.css
@@ -0,0 +1,37 @@
+/**
+ * @file
+ * RTL companion for the html-reset.css file.
+ */
+
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  padding-left: 0;
+  padding-right: 2em;
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  padding: 0 2em 0 0;
+}
+
+dd {
+  margin: 0 2em 0 0;
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+th,
+thead th,
+tbody th {
+  text-align: right;
+}
diff --git a/css/html-reset.css b/css/html-reset.css
new file mode 100755
index 0000000..d57fa3a
--- /dev/null
+++ b/css/html-reset.css
@@ -0,0 +1,291 @@
+/**
+ * @file
+ * HTML Element Styling
+ *
+ * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
+ * is the place where you should set (not reset) the default styling for all
+ * HTML elements.
+ *
+ * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
+ * @see http://snook.ca/archives/html_and_css/no_css_reset/
+ */
+
+
+/*
+ * Fonts
+ *
+ * Our font size and line height declarations are based on the following ALA
+ * article:
+ *   http://www.alistapart.com/articles/howtosizetextincss
+ *
+ * All modern browsrs use a 16px default font size. Specifying the font-size
+ * and line-height in ems (relative to the 16px default font) allows the user
+ * to resize the font in the browser and produces the most consistent results
+ * across different browsers.
+ */
+body {
+  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
+}
+
+#skip-link,
+#page {
+  /*
+   * To use a 12px font size on the page, delete the 14px declarations.
+   * to use a 14px font size on the page, delete the 12px declarations.
+   */
+
+  /* Use a 12px base font size with a 16px line height */
+  font-size: 0.75em; /* 16px x .75 = 12px */
+  line-height: 1.333em; /* 12px x 1.333 = 16px */
+
+  /* Use a 14px base font size with a 18px line height */
+  font-size: 0.875em; /* 16px x .875 = 14px */
+  line-height: 1.286em; /* 14px x 1.286 = 18px */
+}
+
+body,
+caption,
+th,
+td,
+input,
+textarea,
+select,
+option,
+legend,
+fieldset {
+  /* The following font family declarations are based on the Microsoft core web
+   * fonts which are common fonts available on most computer systems. The DejaVu
+   * fonts are commonly available on Linux systems where the MS fonts are less
+   * common. Tahoma and Helvetica are also widely available.
+   *
+   * A user's web browser will look at the comma-separated list and will
+   * attempt to use each font in turn until it finds one that is available
+   * on the user's computer. The final "generic" font (sans-serif or serif)
+   * hints at what type of font to use if the web browser doesn't find any
+   * of the fonts in the list.
+
+  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
+  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
+  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
+
+  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
+  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
+  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+
+  font-family: "Courier New", "DejaVu Sans Mono", monospace;
+
+   */
+
+  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
+}
+
+pre,
+code {
+  font-size: 1.1em; /* Monospace fonts can be hard to read */
+  font-family: "Courier New", "DejaVu Sans Mono", monospace;
+}
+
+/*
+ * Headings
+ */
+h1 {
+  font-size: 2em;
+  line-height: 1.3em;
+  margin-top: 0;
+  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
+                           Remember, a margin specified in ems is relative to
+                           the element's font-size, not to the pages' base
+                           font size. So, for example, if we want a 1em margin
+                           (relative to the base font), we have to divide that
+                           length by the element's font-size:
+                           1em / 2em = 0.5em */
+}
+
+h2 {
+  font-size: 1.5em;
+  line-height: 1.3em;
+  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
+  margin-bottom: 0.667em;
+}
+
+h3 {
+  font-size: 1.3em;
+  line-height: 1.3em;
+  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
+  margin-bottom: 0.769em;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 1.1em;
+  line-height: 1.3em;
+  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
+  margin-bottom: 0.909em;
+}
+
+/*
+ * Block-level elements
+ */
+p,
+ul,
+ol,
+dl,
+pre,
+table,
+fieldset {
+  margin: 1em 0;
+}
+
+blockquote {
+  margin: 1em 2em;
+}
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  margin-left: 0;
+  padding-left: 2em; /* LTR */
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  margin: 1em 0;
+  padding: 0 0 0 2em; /* LTR */
+}
+
+ul ul, ul ol,
+ol ol, ol ul,
+.block ul ul, .block ul ol,
+.block ol ol, .block ol ul,
+.item-list ul ul, .item-list ul ol,
+.item-list ol ol, .item-list ol ul {
+  margin: 0;
+}
+
+li {
+  margin: 0;
+  padding: 0;
+}
+
+.item-list ul li /* Drupal override */ {
+  margin: 0;
+  padding: 0;
+  list-style: inherit;
+}
+
+ul.menu li,
+li.expanded,
+li.collapsed,
+li.leaf /* Drupal override */ {
+  margin: 0;
+  padding: 0;
+}
+
+ul          { list-style-type: disc; }
+ul ul       { list-style-type: circle; }
+ul ul ul    { list-style-type: square; }
+ul ul ul ul { list-style-type: circle; }
+ol          { list-style-type: decimal; }
+ol ol       { list-style-type: lower-alpha; }
+ol ol ol    { list-style-type: decimal; }
+
+dt {
+  margin: 0;
+  padding: 0;
+}
+
+dd {
+  margin: 0 0 0 2em;
+  padding: 0;
+}
+
+/*
+ * Links
+ *
+ * The order of link states are based on Eric Meyer's article:
+ * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+ */
+a:link {
+}
+
+a:visited {
+}
+
+a:hover,
+a:focus {
+}
+
+a:active {
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+table {
+  border-collapse: collapse;
+  /* width: 100%; */ /* Prevent cramped-looking tables */
+}
+
+th,
+thead th,
+tbody th {
+  text-align: left; /* LTR */
+  padding: 0;
+  border-bottom: none;
+}
+
+tbody {
+  border-top: none;
+}
+
+/*
+ * Abbreviations
+ */
+abbr {
+  border-bottom: 1px dotted #666;
+  cursor: help;
+  white-space: nowrap;
+}
+
+abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
+  border: none;
+  cursor: auto;
+  white-space: normal;
+}
+
+/*
+ * Images
+ */
+img {
+  border: 0;
+}
+
+/*
+ * Horizontal rules
+ */
+hr {
+  height: 1px;
+  border: 1px solid #666;
+}
+
+/*
+ * Forms
+ */
+form {
+  margin: 0;
+  padding: 0;
+}
+
+fieldset {
+  margin: 1em 0;
+  padding: 0.5em;
+}
diff --git a/css/ie.css b/css/ie.css
new file mode 100755
index 0000000..9eb0bb7
--- /dev/null
+++ b/css/ie.css
@@ -0,0 +1,47 @@
+/**
+ * @file
+ * CSS targeted specifically for Internet Explorer for Windows.
+ *
+ * Any CSS in this file will apply to all versions of IE. You can target
+ * specific versions of IE by using conditional comments. See your sub-theme's
+ * .info file for an easy way to use them.
+ *
+ * While building your theme, you should be aware that IE limits Drupal to 31
+ * stylesheets total. The work-around for the bug is to enable CSS aggregation
+ * under: admin / settings / performance.
+ */
+
+
+/*
+ * Tabs
+ */
+ul.primary li a,
+ul.primary li a .tab,
+ul.secondary li a,
+ul.secondary li a .tab {
+  cursor: pointer;
+}
+
+/*
+ * Drupal nodes
+ */
+.node-unpublished .node-inner>* {
+  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
+}
+
+/*
+ * Drupal admin tables
+ */
+tr.even th,
+tr.even td,
+tr.odd th,
+tr.odd td {
+  border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
+}
+
+/*
+ * Markup free clearing
+ */
+.clearfix {
+  zoom: 1;
+}
diff --git a/css/ie6-rtl.css b/css/ie6-rtl.css
new file mode 100755
index 0000000..4d6f40c
--- /dev/null
+++ b/css/ie6-rtl.css
@@ -0,0 +1,12 @@
+/**
+ * @file
+ * RTL companion for the ie6.css file.
+ */
+
+
+/*
+ * Layout CSS
+ */
+#page {
+  text-align: right; /* 2nd part of IE5/IE6quirks centering hack */
+}
diff --git a/css/ie6.css b/css/ie6.css
new file mode 100755
index 0000000..4441e47
--- /dev/null
+++ b/css/ie6.css
@@ -0,0 +1,105 @@
+/**
+ * @file
+ * CSS targeted specifically for Internet Explorer 5 and 6 for Windows.
+ *
+ * Any CSS in this file will override the rules specified in the ie.css file.
+ */
+
+
+/*
+ * Layout CSS
+ */
+
+body {
+  text-align: center; /* 1st part of IE5/IE6quirks centering hack */
+}
+
+#page {
+  text-align: left; /* LTR */ /* 2nd part of IE5/IE6quirks centering hack */
+}
+
+#main-wrapper {
+  zoom: 1; /* Otherwise with a liquid layout, sidebars disappear when resizing the windows in IE6 */
+}
+
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second /* Floating divs */ {
+  display: inline; /* display inline or double your floated margin! [1] */
+  overflow: hidden; /* in ie6, overflow auto is broken [2] and so is overflow visible [3] */
+  overflow-y: visible;
+}
+
+/*
+ * Tabs - IE 5 and 6 don't support PNGs with alpha transparency.
+ */
+
+ul.primary li a,
+ul.primary li a .tab,
+ul.secondary li a,
+ul.secondary li a .tab {
+  display: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
+}
+
+ul.primary li a {
+  background: url(../images/tab-left-ie6.png) no-repeat left -38px;
+}
+
+ul.primary li a .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right -38px;
+}
+
+ul.primary li a:hover,
+ul.primary li a:focus {
+  background: url(../images/tab-left-ie6.png) no-repeat left -76px;
+}
+
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right -76px;
+}
+
+ul.primary li.active a,
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
+  background: url(../images/tab-left-ie6.png) no-repeat left 0;
+}
+
+ul.primary li.active a .tab,
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
+  background: url(../images/tab-right-ie6.png) no-repeat right 0;
+}
+
+/*
+ * Messages - IE 5 and 6 don't support PNGs with alpha transparency.
+ */
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  background-image: url(../images/messages-status-ie6.png);
+}
+
+div.warning /* Medium priority messages */ {
+  background-image: url(../images/messages-warning-ie6.png);
+}
+
+div.error /* High priority messages. See also the .error declaration below. */ {
+  background-image: url(../images/messages-error-ie6.png);
+}
+
+
+/*
+ * REFERENCES
+ *
+
+1. http://www.positioniseverything.net/explorer/doubled-margin.html
+2. http://browservulsel.blogspot.com/2005/04/ie-overflow-auto-scrollbar-overlap.html
+3. http://www.howtocreate.co.uk/wrongWithIE/?chapter=overflow%3Avisible%3B
+4. http://www.ryanbrill.com/archives/multiple-classes-in-ie
+
+ *
+ */
diff --git a/css/layout-fixed-rtl.css b/css/layout-fixed-rtl.css
new file mode 100755
index 0000000..7e12e0b
--- /dev/null
+++ b/css/layout-fixed-rtl.css
@@ -0,0 +1,74 @@
+/**
+ * @file
+ * RTL companion for the layout-fixed.css file.
+ */
+
+
+/*
+ * Content
+ */
+#content,
+.no-sidebars #content {
+  float: right;
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.sidebar-first #content {
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first. */
+}
+
+.sidebar-second #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.two-sidebars #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first */
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: right;
+  margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+  margin-right: 0;
+}
+
+#navigation ul /* Primary and secondary links */ {
+  text-align: right;
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: right;
+  margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+  margin-right: 0;
+}
+
+.region-sidebar-first .section {
+  margin: 0 0 0 20px;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: right;
+  margin-left: -960px; /* Negative value of .region-sidebar-second's width + right margin. */
+  margin-right: 760px; /* Width of content + sidebar-first. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 20px 0 0;
+}
diff --git a/css/layout-fixed.css b/css/layout-fixed.css
new file mode 100755
index 0000000..4cf5b36
--- /dev/null
+++ b/css/layout-fixed.css
@@ -0,0 +1,212 @@
+/**
+ * @file
+ * Layout Styling (DIV Positioning)
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout is based on the Zen Columns layout method.
+ *   http://drupal.org/node/201428
+ *
+ * Only CSS that affects the layout (positioning) of major elements should be
+ * listed here.  Such as:
+ *   display, position, float, clear, width, height, min-width, min-height
+ *   margin, border, padding, overflow
+ */
+
+
+/*
+ * Body
+ */
+body {
+}
+
+#page-wrapper,
+.region-page-closure {
+  /*
+   * If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. See also the ie6.css file
+   * for the necessary IE5/IE6quirks hack to center a div.
+   */
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+}
+
+#page {
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#search-box {
+}
+
+.region-header {
+  clear: both; /* Clear the logo */
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+  position: relative;
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content,
+.no-sidebars #content {
+  float: left; /* LTR */
+  width: 960px;
+  margin-left: 0; /* LTR */
+  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+}
+
+.sidebar-first #content {
+  width: 760px;
+  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
+  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+.sidebar-second #content {
+  width: 760px;
+  margin-left: 0; /* LTR */
+  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+.two-sidebars #content {
+  width: 560px;
+  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
+  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+#content .section {
+  margin: 0;
+  padding: 0;
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: left; /* LTR */
+  width: 100%;
+  margin-left: 0; /* LTR */
+  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
+  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
+                    that is the line-height plus 1em: 1.3 + 1 = 2.3
+                    Set this to the same value as the margin-top below. */
+}
+
+.with-navigation #content,
+.with-navigation .region-sidebar-first,
+.with-navigation .region-sidebar-second {
+  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
+}
+
+#navigation .section {
+}
+
+#navigation ul /* Primary and secondary links */ {
+  margin: 0;
+  padding: 0;
+  text-align: left; /* LTR */
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: left; /* LTR */
+  padding: 0 10px 0 0; /* LTR */
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: left; /* LTR */
+  width: 200px;
+  margin-left: 0; /* LTR */
+  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+}
+
+.region-sidebar-first .section {
+  margin: 0 20px 0 0; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: left; /* LTR */
+  width: 200px;
+  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
+  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 0 0 20px; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
+}
+
+/*
+ * Prevent overflowing content
+ */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.region-page-closure {
+  overflow: visible;
+  word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+#navigation {
+  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
+}
+
+/*
+ * If a div.clearfix doesn't have any content after it and its bottom edge
+ * touches the bottom of the viewport, Firefox and Safari will mistakenly
+ * place several pixels worth of space between the bottom of the div and the
+ * bottom of the viewport. Uncomment this CSS property to fix this.
+ * Note: with some over-large content, this property might cause scrollbars
+ * to appear on the #page-wrapper div.
+ */
+/*
+#page-wrapper {
+  overflow-y: hidden;
+}
+*/
diff --git a/css/layout-liquid-rtl.css b/css/layout-liquid-rtl.css
new file mode 100755
index 0000000..c3aed02
--- /dev/null
+++ b/css/layout-liquid-rtl.css
@@ -0,0 +1,68 @@
+/**
+ * @file
+ * RTL companion for the layout-liquid.css file.
+ */
+
+
+/*
+ * Content
+ */
+#content {
+  float: right;
+  margin-left: -100%; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.sidebar-first #content .section {
+  padding-left: 0;
+  padding-right: 200px; /* The width + right margin of .region-sidebar-first. */
+}
+
+.sidebar-second #content .section {
+  padding-left: 200px; /* The width + left margin of .region-sidebar-second. */
+  padding-right: 0;
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: right;
+  margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+  margin-right: 0;
+}
+
+#navigation ul /* Primary and secondary links */ {
+  text-align: right;
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: right;
+  margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+  margin-right: 0;
+}
+
+.region-sidebar-first .section {
+  margin: 0 0 0 20px;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: left;
+  margin-left: 0;
+  margin-right: -200px; /* Negative value of .region-sidebar-second's width + left margin. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 20px 0 0;
+}
diff --git a/css/layout-liquid.css b/css/layout-liquid.css
new file mode 100755
index 0000000..e5aefad
--- /dev/null
+++ b/css/layout-liquid.css
@@ -0,0 +1,202 @@
+/**
+ * @file
+ * Layout Styling (DIV Positioning)
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout is based on the Zen Columns layout method.
+ *   http://drupal.org/node/201428
+ *
+ * Only CSS that affects the layout (positioning) of major elements should be
+ * listed here.  Such as:
+ *   display, position, float, clear, width, height, min-width, min-height
+ *   margin, border, padding, overflow
+ */
+
+
+/*
+ * Body
+ */
+body {
+}
+
+#page-wrapper,
+.region-page-closure {
+  min-width: 960px; /* Don't allow the browser to make the site unreadable. */
+}
+
+#page {
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#search-box {
+}
+
+.region-header {
+  clear: both; /* Clear the logo */
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+  position: relative;
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content {
+  float: left; /* LTR */
+  width: 100%;
+  margin-left: 0; /* LTR */
+  margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+}
+
+#content .section,
+.no-sidebars #content .section {
+  margin: 0;
+  padding: 0;
+}
+
+.sidebar-first #content .section {
+  padding-left: 200px; /* LTR */ /* The width + left margin of .region-sidebar-first. */
+  padding-right: 0; /* LTR */
+}
+
+.sidebar-second #content .section {
+  padding-left: 0; /* LTR */
+  padding-right: 200px; /* LTR */ /* The width + right margin of .region-sidebar-second. */
+}
+
+.two-sidebars #content .section {
+  padding-left: 200px; /* The width + left margin of .region-sidebar-first. */
+  padding-right: 200px; /* The width + right margin of .region-sidebar-second. */
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: left; /* LTR */
+  width: 100%;
+  margin-left: 0; /* LTR */
+  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
+  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
+                    that is the line-height plus 1em: 1.3 + 1 = 2.3
+                    Set this to the same value as the margin-top below. */
+}
+
+.with-navigation #content,
+.with-navigation .region-sidebar-first,
+.with-navigation .region-sidebar-second {
+  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
+}
+
+#navigation .section {
+}
+
+#navigation ul /* Primary and secondary links */ {
+  margin: 0;
+  padding: 0;
+  text-align: left; /* LTR */
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: left; /* LTR */
+  padding: 0 10px 0 0; /* LTR */
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: left; /* LTR */
+  width: 200px;
+  margin-left: 0; /* LTR */
+  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+}
+
+.region-sidebar-first .section {
+  margin: 0 20px 0 0; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: right; /* LTR */
+  width: 200px;
+  margin-left: -200px; /* LTR */ /* Negative value of .region-sidebar-second's width + right margin. */
+  margin-right: 0; /* LTR */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 0 0 20px; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
+}
+
+/*
+ * Prevent overflowing content
+ */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.region-page-closure {
+  overflow: visible;
+  word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+#navigation {
+  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
+}
+
+/*
+ * If a div.clearfix doesn't have any content after it and its bottom edge
+ * touches the bottom of the viewport, Firefox and Safari will mistakenly
+ * place several pixels worth of space between the bottom of the div and the
+ * bottom of the viewport. Uncomment this CSS property to fix this.
+ * Note: with some over-large content, this property might cause scrollbars
+ * to appear on the #page-wrapper div.
+ */
+/*
+#page-wrapper {
+  overflow-y: hidden;
+}
+*/
diff --git a/css/messages-rtl.css b/css/messages-rtl.css
new file mode 100755
index 0000000..681f838
--- /dev/null
+++ b/css/messages-rtl.css
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * RTL companion for the messages.css file.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  padding: 5px 35px 5px 5px;
+  background-position: 99.5% 5px;
+}
diff --git a/css/messages.css b/css/messages.css
new file mode 100755
index 0000000..ed47ee0
--- /dev/null
+++ b/css/messages.css
@@ -0,0 +1,53 @@
+/**
+ * @file
+ * Message Styling
+ *
+ * Sensible styling for Drupal's error/warning/status messages.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  min-height: 21px;
+  margin: 0 1em 5px 1em;
+  border: 2px solid #ff7;
+  padding: 5px 5px 5px 35px; /* LTR */
+  color: #000;
+  background-color: #ffc;
+  background-image: url(../images/messages-status.png);
+  background-repeat: no-repeat;
+  background-position: 5px 5px; /* LTR */
+}
+
+div.status /* Normal priority messages */ {
+}
+
+div.warning /* Medium priority messages */ {
+  border-color: #fc0;
+  background-image: url(../images/messages-warning.png);
+}
+
+div.warning,
+tr.warning {
+  color: #000; /* Drupal core uses #220 */
+  background-color: #ffc;
+}
+
+div.error /* High priority messages. See also the .error declaration in pages.css. */ {
+  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
+  border-color: #c00;
+  background-image: url(../images/messages-error.png);
+}
+
+div.error,
+tr.error {
+  color: #900; /* Drupal core uses #200 */
+  background-color: #fee;
+}
+
+div.messages ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
diff --git a/css/mytheme-fixed-rtl.css b/css/mytheme-fixed-rtl.css
new file mode 100755
index 0000000..6be9693
--- /dev/null
+++ b/css/mytheme-fixed-rtl.css
@@ -0,0 +1,243 @@
+
+
+/* html-reset-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the html-reset.css file.
+ */
+
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  padding-left: 0;
+  padding-right: 2em;
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  padding: 0 2em 0 0;
+}
+
+dd {
+  margin: 0 2em 0 0;
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+th,
+thead th,
+tbody th {
+  text-align: right;
+}
+
+/* layout-fixed-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the layout-fixed.css file.
+ */
+
+
+/*
+ * Content
+ */
+#content,
+.no-sidebars #content {
+  float: right;
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.sidebar-first #content {
+  margin-left: -960px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first. */
+}
+
+.sidebar-second #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 0;
+}
+
+.two-sidebars #content {
+  margin-left: -760px; /* Negative value of #content's width + right margin. */
+  margin-right: 200px; /* The width of .region-sidebar-first */
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: right;
+  margin-left: -100%; /* Negative value of #navigation's width + right margin. */
+  margin-right: 0;
+}
+
+#navigation ul /* Primary and secondary links */ {
+  text-align: right;
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: right;
+  margin-left: -200px; /* Negative value of .region-sidebar-first's width + right margin. */
+  margin-right: 0;
+}
+
+.region-sidebar-first .section {
+  margin: 0 0 0 20px;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: right;
+  margin-left: -960px; /* Negative value of .region-sidebar-second's width + right margin. */
+  margin-right: 760px; /* Width of content + sidebar-first. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 20px 0 0;
+}
+
+/* tabs-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the tabs.css file.
+ */
+
+
+ul.primary {
+  padding: 0 10px 0 0;
+}
+
+ul.primary li {
+  float: right;
+}
+
+ul.secondary {
+  padding: 0 5px 0 0;
+}
+
+ul.secondary li {
+  float: right;
+  border-left: none;
+}
+
+/* messages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the messages.css file.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  padding: 5px 35px 5px 5px;
+  background-position: 99.5% 5px;
+}
+
+/* pages-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the pages.css file.
+ */
+
+
+/*
+ * Header
+ */
+#logo /* Wrapping link for logo */ {
+  float: right;
+}
+
+/*
+ * Content
+ */
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: left;
+}
+
+/* block-editing-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the block-editing.css file.
+ */
+
+
+div.block.with-block-editing div.edit {
+  left: 0;
+  right: auto;
+}
+
+/* forms-rtl.css */
+
+/**
+ * @file
+ * RTL companion for the forms.css file.
+ */
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: right;
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-left: 0;
+  margin-right: -20px; /* Un-do some of the padding on the ul list. */
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: 0;
+  margin-right: -2em; /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form th,
+form thead th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0;
+}
diff --git a/css/mytheme-fixed.css b/css/mytheme-fixed.css
new file mode 100755
index 0000000..29db6c2
--- /dev/null
+++ b/css/mytheme-fixed.css
@@ -0,0 +1,1615 @@
+
+
+/* html-reset.css */
+
+/**
+ * @file
+ * HTML Element Styling
+ *
+ * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
+ * is the place where you should set (not reset) the default styling for all
+ * HTML elements.
+ *
+ * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
+ * @see http://snook.ca/archives/html_and_css/no_css_reset/
+ */
+
+
+/*
+ * Fonts
+ *
+ * Our font size and line height declarations are based on the following ALA
+ * article:
+ *   http://www.alistapart.com/articles/howtosizetextincss
+ *
+ * All modern browsrs use a 16px default font size. Specifying the font-size
+ * and line-height in ems (relative to the 16px default font) allows the user
+ * to resize the font in the browser and produces the most consistent results
+ * across different browsers.
+ */
+body {
+  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
+}
+
+#skip-link,
+#page {
+  /*
+   * To use a 12px font size on the page, delete the 14px declarations.
+   * to use a 14px font size on the page, delete the 12px declarations.
+   */
+
+  /* Use a 12px base font size with a 16px line height */
+  font-size: 0.75em; /* 16px x .75 = 12px */
+  line-height: 1.333em; /* 12px x 1.333 = 16px */
+
+  /* Use a 14px base font size with a 18px line height */
+  font-size: 0.875em; /* 16px x .875 = 14px */
+  line-height: 1.286em; /* 14px x 1.286 = 18px */
+}
+
+body,
+caption,
+th,
+td,
+input,
+textarea,
+select,
+option,
+legend,
+fieldset {
+  /* The following font family declarations are based on the Microsoft core web
+   * fonts which are common fonts available on most computer systems. The DejaVu
+   * fonts are commonly available on Linux systems where the MS fonts are less
+   * common. Tahoma and Helvetica are also widely available.
+   *
+   * A user's web browser will look at the comma-separated list and will
+   * attempt to use each font in turn until it finds one that is available
+   * on the user's computer. The final "generic" font (sans-serif or serif)
+   * hints at what type of font to use if the web browser doesn't find any
+   * of the fonts in the list.
+
+  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
+  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
+  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
+
+  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
+  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
+  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+
+  font-family: "Courier New", "DejaVu Sans Mono", monospace;
+
+   */
+
+  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
+}
+
+pre,
+code {
+  font-size: 1.1em; /* Monospace fonts can be hard to read */
+  font-family: "Courier New", "DejaVu Sans Mono", monospace;
+}
+
+/*
+ * Headings
+ */
+h1 {
+  font-size: 2em;
+  line-height: 1.3em;
+  margin-top: 0;
+  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
+                           Remember, a margin specified in ems is relative to
+                           the element's font-size, not to the pages' base
+                           font size. So, for example, if we want a 1em margin
+                           (relative to the base font), we have to divide that
+                           length by the element's font-size:
+                           1em / 2em = 0.5em */
+}
+
+h2 {
+  font-size: 1.5em;
+  line-height: 1.3em;
+  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
+  margin-bottom: 0.667em;
+}
+
+h3 {
+  font-size: 1.3em;
+  line-height: 1.3em;
+  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
+  margin-bottom: 0.769em;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 1.1em;
+  line-height: 1.3em;
+  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
+  margin-bottom: 0.909em;
+}
+
+/*
+ * Block-level elements
+ */
+p,
+ul,
+ol,
+dl,
+pre,
+table,
+fieldset {
+  margin: 1em 0;
+}
+
+blockquote {
+  margin: 1em 2em;
+}
+
+/*
+ * Lists
+ *
+ * We need to standardize the list item indentation.
+ */
+ul,
+ol {
+  margin-left: 0;
+  padding-left: 2em; /* LTR */
+}
+
+.block ul,
+.item-list ul /* Drupal overrides */ {
+  margin: 1em 0;
+  padding: 0 0 0 2em; /* LTR */
+}
+
+ul ul, ul ol,
+ol ol, ol ul,
+.block ul ul, .block ul ol,
+.block ol ol, .block ol ul,
+.item-list ul ul, .item-list ul ol,
+.item-list ol ol, .item-list ol ul {
+  margin: 0;
+}
+
+li {
+  margin: 0;
+  padding: 0;
+}
+
+.item-list ul li /* Drupal override */ {
+  margin: 0;
+  padding: 0;
+  list-style: inherit;
+}
+
+ul.menu li,
+li.expanded,
+li.collapsed,
+li.leaf /* Drupal override */ {
+  margin: 0;
+  padding: 0;
+}
+
+ul          { list-style-type: disc; }
+ul ul       { list-style-type: circle; }
+ul ul ul    { list-style-type: square; }
+ul ul ul ul { list-style-type: circle; }
+ol          { list-style-type: decimal; }
+ol ol       { list-style-type: lower-alpha; }
+ol ol ol    { list-style-type: decimal; }
+
+dt {
+  margin: 0;
+  padding: 0;
+}
+
+dd {
+  margin: 0 0 0 2em;
+  padding: 0;
+}
+
+/*
+ * Links
+ *
+ * The order of link states are based on Eric Meyer's article:
+ * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+ */
+a:link {
+}
+
+a:visited {
+}
+
+a:hover,
+a:focus {
+}
+
+a:active {
+}
+
+/*
+ * Tables
+ *
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+table {
+  border-collapse: collapse;
+  /* width: 100%; */ /* Prevent cramped-looking tables */
+}
+
+th,
+thead th,
+tbody th {
+  text-align: left; /* LTR */
+  padding: 0;
+  border-bottom: none;
+}
+
+tbody {
+  border-top: none;
+}
+
+/*
+ * Abbreviations
+ */
+abbr {
+  border-bottom: 1px dotted #666;
+  cursor: help;
+  white-space: nowrap;
+}
+
+abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
+  border: none;
+  cursor: auto;
+  white-space: normal;
+}
+
+/*
+ * Images
+ */
+img {
+  border: 0;
+}
+
+/*
+ * Horizontal rules
+ */
+hr {
+  height: 1px;
+  border: 1px solid #666;
+}
+
+/*
+ * Forms
+ */
+form {
+  margin: 0;
+  padding: 0;
+}
+
+fieldset {
+  margin: 1em 0;
+  padding: 0.5em;
+}
+
+/* wireframes.css */
+
+/**
+ * @file
+ * Wireframes Styling
+ *
+ * Add wireframes to the basic layout elements.
+ */
+
+
+.with-wireframes #header .section,
+.with-wireframes #content .section,
+.with-wireframes #navigation .section,
+.with-wireframes .region-sidebar-first .section,
+.with-wireframes .region-sidebar-second .section,
+.with-wireframes #footer .section {
+  margin: 1px;
+  padding: 2px;
+  border: 1px solid #ccc;
+}
+
+.with-wireframes .region-page-closure {
+  margin-top: 1px;
+  padding: 2px;
+  border: 1px solid #ccc;
+}
+
+/* layout-fixed.css */
+
+/**
+ * @file
+ * Layout Styling (DIV Positioning)
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout is based on the Zen Columns layout method.
+ *   http://drupal.org/node/201428
+ *
+ * Only CSS that affects the layout (positioning) of major elements should be
+ * listed here.  Such as:
+ *   display, position, float, clear, width, height, min-width, min-height
+ *   margin, border, padding, overflow
+ */
+
+
+/*
+ * Body
+ */
+body {
+}
+
+#page-wrapper,
+.region-page-closure {
+  /*
+   * If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. See also the ie6.css file
+   * for the necessary IE5/IE6quirks hack to center a div.
+   */
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+}
+
+#page {
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#search-box {
+}
+
+.region-header {
+  clear: both; /* Clear the logo */
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+  position: relative;
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content,
+.no-sidebars #content {
+  float: left; /* LTR */
+  width: 960px;
+  margin-left: 0; /* LTR */
+  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+}
+
+.sidebar-first #content {
+  width: 760px;
+  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
+  margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+.sidebar-second #content {
+  width: 760px;
+  margin-left: 0; /* LTR */
+  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+.two-sidebars #content {
+  width: 560px;
+  margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
+  margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+}
+
+#content .section {
+  margin: 0;
+  padding: 0;
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+  float: left; /* LTR */
+  width: 100%;
+  margin-left: 0; /* LTR */
+  margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
+  height: 2.3em; /* The navigation can have any arbritrary height. We picked one
+                    that is the line-height plus 1em: 1.3 + 1 = 2.3
+                    Set this to the same value as the margin-top below. */
+}
+
+.with-navigation #content,
+.with-navigation .region-sidebar-first,
+.with-navigation .region-sidebar-second {
+  margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
+}
+
+#navigation .section {
+}
+
+#navigation ul /* Primary and secondary links */ {
+  margin: 0;
+  padding: 0;
+  text-align: left; /* LTR */
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+  float: left; /* LTR */
+  padding: 0 10px 0 0; /* LTR */
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+  float: left; /* LTR */
+  width: 200px;
+  margin-left: 0; /* LTR */
+  margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+}
+
+.region-sidebar-first .section {
+  margin: 0 20px 0 0; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+  float: left; /* LTR */
+  width: 200px;
+  margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
+  margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
+  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
+}
+
+.region-sidebar-second .section {
+  margin: 0 0 0 20px; /* LTR */
+  padding: 0;
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
+}
+
+/*
+ * Prevent overflowing content
+ */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.region-page-closure {
+  overflow: visible;
+  word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+#navigation {
+  overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
+}
+
+/*
+ * If a div.clearfix doesn't have any content after it and its bottom edge
+ * touches the bottom of the viewport, Firefox and Safari will mistakenly
+ * place several pixels worth of space between the bottom of the div and the
+ * bottom of the viewport. Uncomment this CSS property to fix this.
+ * Note: with some over-large content, this property might cause scrollbars
+ * to appear on the #page-wrapper div.
+ */
+/*
+#page-wrapper {
+  overflow-y: hidden;
+}
+*/
+
+/* page-backgrounds.css */
+
+/**
+ * @file
+ * Page Background Styling
+ *
+ * The default layout method of Zen doesn't give themers equal-height columns.
+ * However, equal-height columns are difficult to achieve and totally
+ * unnecessary. Instead, use the Faux Columns method described in the following
+ * ALA article:
+ *   http://www.alistapart.com/articles/fauxcolumns/
+ */
+
+
+body {
+}
+
+#page-wrapper {
+}
+
+#page {
+}
+
+#header {
+}
+
+#header .section {
+}
+
+#main-wrapper {
+}
+
+#main {
+}
+
+#footer {
+}
+
+#footer .section {
+}
+
+/* tabs.css */
+
+/**
+ * @file
+ * Tabs Styling
+ *
+ * Adds styles for the primary and secondary tabs.
+ *
+ * Compare this with default CSS found in the system module's stylesheet (a copy
+ * of which is in drupal6-reference.css, line 510.)
+ */
+
+
+div.tabs {
+  margin: 0 0 5px 0;
+}
+
+ul.primary {
+  margin: 0;
+  padding: 0 0 0 10px; /* LTR */
+  border-width: 0;
+  list-style: none;
+  white-space: nowrap;
+  line-height: normal;
+  background: url(../images/tab-bar.png) repeat-x left bottom;
+}
+
+ul.primary li {
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0;
+}
+
+ul.primary li a {
+  display: block;
+  height: 24px;
+  margin: 0;
+  padding: 0 0 0 5px; /* width of tab-left.png */
+  border-width: 0;
+  font-weight: bold;
+  text-decoration: none;
+  color: #777;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left -38px;
+}
+
+ul.primary li a .tab {
+  display: block;
+  height: 20px; /* 24px (parent) - 4px (padding) */
+  margin: 0;
+  padding: 4px 13px 0 6px;
+  border-width: 0;
+  line-height: 20px;
+  background: url(../images/tab-right.png) no-repeat right -38px;
+}
+
+ul.primary li a:hover,
+ul.primary li a:focus {
+  border-width: 0;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left -76px;
+}
+
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
+  background: url(../images/tab-right.png) no-repeat right -76px;
+}
+
+ul.primary li.active a,
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
+  border-width: 0;
+  color: #000;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left 0;
+}
+
+ul.primary li.active a .tab,
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
+  background: url(../images/tab-right.png) no-repeat right 0;
+}
+
+ul.secondary {
+  margin: 0;
+  padding: 0 0 0 5px; /* LTR */
+  border-bottom: 1px solid #c0c0c0;
+  list-style: none;
+  white-space: nowrap;
+  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
+}
+
+ul.secondary li {
+  float: left; /* LTR */
+  margin: 0 5px 0 0;
+  padding: 5px 0;
+  border-right: none; /* LTR */
+}
+
+ul.secondary a {
+  display: block;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #c0c0c0;
+  text-decoration: none;
+  color: #777;
+  background: url(../images/tab-secondary.png) repeat-x left -56px;
+}
+
+ul.secondary a .tab {
+  display: block;
+  height: 18px; /* 24px (parent) - 6px (padding) */
+  margin: 0;
+  padding: 3px 8px;
+  line-height: 18px;
+}
+
+ul.secondary a:hover,
+ul.secondary a:focus {
+  background: url(../images/tab-secondary.png) repeat-x left bottom;
+}
+
+ul.secondary a.active,
+ul.secondary a.active:hover,
+ul.secondary a.active:focus {
+  border: 1px solid #c0c0c0;
+  color: #000;
+  background: url(../images/tab-secondary.png) repeat-x left top;
+}
+
+/* messages.css */
+
+/**
+ * @file
+ * Message Styling
+ *
+ * Sensible styling for Drupal's error/warning/status messages.
+ */
+
+
+div.messages,
+div.status,
+div.warning,
+div.error /* Important messages (status, warning, and error) for the user */ {
+  min-height: 21px;
+  margin: 0 1em 5px 1em;
+  border: 2px solid #ff7;
+  padding: 5px 5px 5px 35px; /* LTR */
+  color: #000;
+  background-color: #ffc;
+  background-image: url(../images/messages-status.png);
+  background-repeat: no-repeat;
+  background-position: 5px 5px; /* LTR */
+}
+
+div.status /* Normal priority messages */ {
+}
+
+div.warning /* Medium priority messages */ {
+  border-color: #fc0;
+  background-image: url(../images/messages-warning.png);
+}
+
+div.warning,
+tr.warning {
+  color: #000; /* Drupal core uses #220 */
+  background-color: #ffc;
+}
+
+div.error /* High priority messages. See also the .error declaration in pages.css. */ {
+  /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
+  border-color: #c00;
+  background-image: url(../images/messages-error.png);
+}
+
+div.error,
+tr.error {
+  color: #900; /* Drupal core uses #200 */
+  background-color: #fee;
+}
+
+div.messages ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* pages.css */
+
+/**
+ * @file
+ * Page Styling
+ *
+ * Style the markup found in page.tpl.php. Also includes some styling of
+ * miscellaneous Drupal elements that appear in the $content variable, such as
+ * ul.links, .pager, .more-link, etc.
+ */
+
+
+/*
+ * Body
+ */
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#page-wrapper {
+}
+
+#page {
+}
+
+/*
+ * The skip navigation link will be completely hidden until a user tabs to the
+ * link. See http://www.webaim.org/techniques/skipnav/
+ */
+#skip-link a,
+#skip-link a:visited {
+  position: absolute;
+  display: block;
+  left: 0;
+  top: -500px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  text-align: center;
+  background-color: #666;
+  color: #fff;
+}
+
+#skip-link a:hover,
+#skip-link a:active,
+#skip-link a:focus {
+  position: static;
+  width: 100%;
+  height: auto;
+  padding: 2px 0 3px 0;
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#logo /* Wrapping link for logo */ {
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0;
+}
+
+#logo img {
+  vertical-align: bottom;
+}
+
+#name-and-slogan /* Wrapper for website name and slogan */ {
+}
+
+h1#site-name,
+div#site-name /* The name of the website */ {
+  margin: 0;
+  font-size: 2em;
+  line-height: 1.3em;
+}
+
+#site-name a:link,
+#site-name a:visited {
+  color: #000;
+  text-decoration: none;
+}
+
+#site-name a:hover,
+#site-name a:focus {
+  text-decoration: underline;
+}
+
+#site-slogan /* The slogan (or tagline) of a website */ {
+}
+
+.region-header /* Wrapper for any blocks placed in the header region */ {
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content {
+}
+
+#content .section {
+}
+
+#mission /* The mission statement of the site (displayed on homepage) */ {
+}
+
+.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
+}
+
+.breadcrumb /* The path to the current page in the form of a list of links */ {
+  padding-bottom: 0; /* Undo system.css */
+}
+
+h1.title, /* The title of the page */
+h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
+h3.title /* Comment title */ {
+  margin: 0;
+}
+
+tr.even /* Some tables have rows marked even or odd. */ {
+  /* background-color: #eee; */ /* Drupal core uses a #eee background */
+}
+
+tr.odd {
+  /* background-color: #eee; */ /* Drupal core uses a #eee background */
+}
+
+div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
+}
+
+div.status /* Normal priority messages */ {
+}
+
+div.warning,
+tr.warning /* Medium priority messages */ {
+  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
+}
+
+div.error,
+tr.error /* High priority messages. See also the .error declaration below. */ {
+}
+
+.error /* Errors that are separate from div.messages status messages. */ {
+  /* color: #e55; */ /* Drupal core uses a #e55 background */
+}
+
+.warning /* Warnings that are separate from div.messages status messages. */ {
+  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
+}
+
+div.tabs /* See also the tabs.css file. */ {
+}
+
+.help /* Help text on a page */ {
+  margin: 1em 0;
+}
+
+.more-help-link /* Link to more help */ {
+  font-size: 0.85em;
+  text-align: right;
+}
+
+#content-area /* Wrapper for the actual page content */ {
+}
+
+ul.links /* List of links */ {
+  margin: 1em 0;
+  padding: 0;
+}
+
+ul.links.inline {
+  margin: 0;
+  display: inline;
+}
+
+ul.links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0 0.5em;
+}
+
+.pager /* A list of page numbers when more than 1 page of content is available */ {
+  clear: both;
+  margin: 1em 0;
+  text-align: center;
+}
+
+.pager a,
+.pager strong.pager-current /* Each page number in the pager list */ {
+  padding: 0.5em;
+}
+
+.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
+  margin: 1em 0;
+}
+
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: right; /* LTR */
+}
+
+.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
+}
+
+/*
+ * First sidebar (on left in LTR languages, on right in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-first
+ * (see the layout.css file.)
+ */
+.region-sidebar-first {
+}
+
+.region-sidebar-first .section {
+}
+
+/*
+ * Second sidebar (on right in LTR languages, on left in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-second
+ * (see the layout.css file.)
+ */
+.region-sidebar-second {
+}
+
+.region-sidebar-second .section {
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+#footer-message /* Wrapper for the footer message from Drupal's "Site information"
+                   and for any blocks placed in the footer region */ {
+}
+
+.region-footer {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
+}
+
+/*
+ * Drupal boxes
+ *
+ * Wrapper for Comment form, Comment viewing options, Menu admin, and
+ * Search results.
+ */
+.box /* Wrapper for box */ {
+}
+
+.box h2 /* Box title */ {
+}
+
+.box .content /* Box's content wrapper */ {
+}
+
+/*
+ * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
+ */
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+/**
+ * Hide elements from all users.
+ *
+ * Used for elements which should not be immediately displayed to any user. An
+ * example would be a collapsible fieldset that will be expanded with a click
+ * from a user. The effect of this class can be toggled with the jQuery show()
+ * and hide() functions.
+ */
+.element-hidden {
+  display: none;
+}
+
+/**
+ * Hide elements visually, but keep them available for screen-readers.
+ *
+ * Used for information required for screen-reader users to understand and use
+ * the site where visual display is undesirable. Information provided in this
+ * manner should be kept concise, to avoid unnecessary burden on the user. Must
+ * not be used for focusable elements (such as links and form elements) as this
+ * causes issues for keyboard only or voice recognition users. "!important" is
+ * used to prevent unintentional overrides.
+ */
+.element-invisible {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+/* block-editing.css */
+
+/**
+ * @file
+ * Zen's rollover edit links for blocks.
+ */
+
+
+div.block.with-block-editing {
+  position: relative;
+}
+
+div.block.with-block-editing div.edit {
+  display: none;
+  position: absolute;
+  right: 0; /* LTR */
+  top: 0;
+  z-index: 40;
+  border: 1px solid #eee;
+  padding: 0 2px;
+  font-size: 0.75em;
+  background-color: #fff;
+}
+
+div.block.with-block-editing:hover div.edit {
+  display: block;
+}
+
+/* blocks.css */
+
+/**
+ * @file
+ * Block Styling
+ */
+
+
+.block /* Block wrapper */ {
+  margin-bottom: 1em;
+}
+
+.block.first /* The first block in the region */ {
+}
+
+.block.last /* The last block in the region */ {
+}
+
+.block.region-odd /* Zebra striping for each block in the region */ {
+}
+
+.block.region-even /* Zebra striping for each block in the region */ {
+}
+
+.block.odd /* Zebra striping independent of each region */ {
+}
+
+.block.even /* Zebra striping independent of each region */ {
+}
+
+.region-count-1 /* Incremental count for each block in the region */ {
+}
+
+.count-1 /* Incremental count independent of each region */ {
+}
+
+.block h2.title /* Block title */ {
+}
+
+.block .content /* Block's content wrapper */ {
+}
+
+#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
+}
+
+#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
+}
+
+#block-block-1 /* First administrator-defined block */ {
+}
+
+#block-blog-0 /* "Recent blog posts" block */ {
+}
+
+#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
+}
+
+#block-comment-0 /* "Recent comments" block */ {
+}
+
+#block-forum-0 /* "Active forum topics" block */ {
+}
+
+#block-forum-1 /* "New forum topics" block */ {
+}
+
+#block-menu-primary-links /* "Primary links" block */ {
+}
+
+#block-menu-secondary-links /* "Secondary links" block */ {
+}
+
+#block-node-0 /* "Syndicate" block for primary RSS feed */ {
+}
+
+#block-poll-0 /* "Most recent poll" block */ {
+}
+
+#block-profile-0 /* "Author information" block for the profile of the page's author */ {
+}
+
+#block-search-0 /* "Search form" block */ {
+}
+
+#block-statistics-0 /* "Popular content" block */ {
+}
+
+#block-user-0 /* "User login form" block */ {
+}
+
+#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
+}
+
+#block-user-2 /* "Who's new" block for a list of the newest users */ {
+}
+
+#block-user-3 /* "Who's online" block for a list of the online users */ {
+}
+
+/* navigation.css */
+
+/**
+ * @file
+ * Navigation Styling
+ *
+ * Default menu styling (ul.menu) is defined in system-menus.css.
+ */
+
+
+/*
+ * The active item in a Drupal menu
+ */
+li a.active {
+  color: #000;
+}
+
+/*
+ * Navigation bar
+ */
+#navigation {
+}
+
+.region-navigation {
+}
+
+/*
+ * Primary and Secondary menu links
+ */
+#main-menu {
+}
+
+#secondary-menu {
+}
+
+/*
+ * Menu blocks
+ */
+.block-menu {
+}
+
+/*
+ * "Menu block" blocks. See http://drupal.org/project/menu_block
+ */
+.block-menu_block {
+}
+
+/* views-styles.css */
+
+/**
+ * @file
+ * Views Styling
+ */
+
+
+
+/* nodes.css */
+
+/**
+ * @file
+ * Node Styling
+ *
+ * Style anything that isn't in the $content variable.
+ */
+
+
+.node /* Node wrapper */ {
+}
+
+.node-sticky /* A sticky node (displayed before others in a list) */ {
+}
+
+.node-unpublished /* Unpublished nodes */ {
+  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+}
+
+.node-unpublished div.unpublished,
+.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
+  height: 0;
+  overflow: visible;
+  color: #d8d8d8;
+  font-size: 75px;
+  line-height: 1;
+  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-align: center;
+  word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+.node-by-viewer /* A node created by the current user */ {
+}
+
+.node-teaser /* A node displayed as teaser */ {
+}
+
+/* All nodes are given a node-type-FOO class that describes the type of
+ * content that it is. If you create a new content type called
+ * "my-custom-type", it will receive a "node-type-my-custom-type" class.
+ */
+.node-type-page /* Page content node */ {
+}
+
+.node-type-story /* Story content node */ {
+}
+
+.node h2.title /* Node title */ {
+}
+
+.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
+  color: #c00;
+}
+
+.node .picture /* The picture of the node author */ {
+}
+
+.node.node-unpublished .picture,
+.comment.comment-unpublished .picture {
+  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
+}
+
+.node .meta /* Wrapper for submitted and terms data */ {
+}
+
+.node .submitted /* The "posted by" information */ {
+}
+
+.node .terms /* Node terms (taxonomy) */ {
+}
+
+.node .content /* Node's content wrapper */ {
+}
+
+.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
+}
+
+.preview .node /* Preview of the content before submitting new or updated content */ {
+  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
+}
+
+/* comments.css */
+
+/**
+ * @file
+ * Comment Styling
+ */
+
+
+#comments /* Wrapper for the list of comments and its title */ {
+  margin: 1em 0;
+}
+
+#comments h2.title /* Heading for the list of comments */ {
+}
+
+.comment /* Wrapper for a single comment */ {
+}
+
+.comment-preview /* Preview of the comment before submitting new or updated comment */ {
+}
+
+.comment.new /* A new comment since the user last viewed the page. */ {
+}
+
+.comment.first /* The first comment in the list of comments */ {
+}
+
+.comment.last /* The last comment in the list of comments */ {
+}
+
+.comment.odd /* An odd-numbered comment in the list of comments */ {
+}
+
+.comment.even /* An even-numbered comment in the list of comments */ {
+}
+
+.comment-unpublished /* Unpublished comments */ {
+  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+}
+
+.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
+}
+
+.comment-by-anonymous /* A comment created by an anonymous user */ {
+}
+
+.comment-by-node-author /* A comment created by the node's author */ {
+}
+
+.comment-by-viewer /* A comment created by the current user */ {
+}
+
+.comment h3.title /* Comment title */ {
+}
+
+.new /* "New" marker for comments that are new for the current user */ {
+  color: #c00;
+}
+
+.comment .picture /* The picture of the comment author */ {
+}
+
+.comment .submitted /* The "posted by" information */ {
+}
+
+.comment .content /* Comment's content wrapper */ {
+}
+
+.comment .user-signature /* The user's signature */ {
+}
+
+.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
+}
+
+.indented /* Nested comments are indented */ {
+  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
+}
+
+.preview .comment /* Preview of the comment before submitting new or updated comment */ {
+  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
+}
+
+/* forms.css */
+
+/**
+ * @file
+ * Form Styling
+ */
+
+
+.form-item,
+.form-checkboxes,
+.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
+  margin: 1em 0;
+}
+
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error /* Highlight the form elements that caused a form submission error */ {
+  border: 2px solid #c00;
+}
+
+.form-item label /* The label for a form element */ {
+  display: block;
+  font-weight: bold;
+}
+
+.form-item label.option /* The label for a radio button or checkbox */ {
+  display: inline;
+  font-weight: normal;
+}
+
+.form-required /* The part of the label that indicates a required field */ {
+  color: #c00;
+}
+
+.form-item .description /* The descriptive help text (separate from the label) */ {
+  font-size: 0.85em;
+}
+
+.form-checkboxes .form-item,
+.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
+  margin: 0.4em 0;
+}
+
+.form-submit /* The submit button */ {
+}
+
+.container-inline div,
+.container-inline label /* Inline labels and form divs */ {
+  display: inline;
+}
+
+.tips /* Tips for Drupal's input formats */ {
+}
+
+
+/*
+ * Search (search-theme-form.tpl.php)
+ */
+#search-box /* Wrapper for the search form */ {
+}
+
+#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
+  display: none;
+}
+
+
+/*
+ * Search (search-block-form.tpl.php)
+ */
+#search-block-form /* Wrapper for the search form */ {
+}
+
+#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
+  display: none;
+}
+
+
+/*
+ * Drupal's default login form block
+ */
+#user-login-form {
+  text-align: left; /* LTR */
+}
+
+
+/*
+ * OpenID
+ *
+ * The default styling for the OpenID login link seems to assume Garland's
+ * styling of list items.
+ */
+
+#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
+  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
+}
+
+#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
+  margin-top: 1em;
+  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
+}
+
+#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
+  margin-top: 1em;
+}
+
+#user-login ul {
+  margin: 1em 0;
+}
+
+#user-login li.openid-link,
+#user-login li.user-link /* The OpenID links on the /user form. */ {
+  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
+}
+
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+
+form tbody {
+  border-top: 1px solid #ccc;
+}
+
+form th,
+form thead th {
+  text-align: left; /* LTR */
+  padding-right: 1em; /* LTR */
+  border-bottom: 3px solid #ccc;
+}
+
+form tbody th {
+  border-bottom: 1px solid #ccc;
+}
+
+/* fields.css */
+
+/**
+ * @file
+ * Field Styling
+ */
+
+
+/*
+ * Field types
+ */
+
+.field /* Wrapper for any CCK field. */ {
+}
+
+.field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ {
+}
+
+.field-type-filefield /* Field from filefield module */ {
+}
+
+.field-type-nodereference {
+}
+
+.field-type-number-decimal {
+}
+
+.field-type-number-float {
+}
+
+.field-type-number-integer {
+}
+
+.field-type-text {
+}
+
+.field-type-userreference {
+}
+
+
+/*
+ * Named fields
+ */
+
+.field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ {
+}
diff --git a/css/navigation.css b/css/navigation.css
new file mode 100755
index 0000000..49d8f72
--- /dev/null
+++ b/css/navigation.css
@@ -0,0 +1,44 @@
+/**
+ * @file
+ * Navigation Styling
+ *
+ * Default menu styling (ul.menu) is defined in system-menus.css.
+ */
+
+
+/*
+ * The active item in a Drupal menu
+ */
+li a.active {
+  color: #000;
+}
+
+/*
+ * Navigation bar
+ */
+#navigation {
+}
+
+.region-navigation {
+}
+
+/*
+ * Primary and Secondary menu links
+ */
+#main-menu {
+}
+
+#secondary-menu {
+}
+
+/*
+ * Menu blocks
+ */
+.block-menu {
+}
+
+/*
+ * "Menu block" blocks. See http://drupal.org/project/menu_block
+ */
+.block-menu_block {
+}
diff --git a/css/nice-bar.css b/css/nice-bar.css
new file mode 100755
index 0000000..d7e74ae
--- /dev/null
+++ b/css/nice-bar.css
@@ -0,0 +1,40 @@
+.nice-bar {
+    display: none;
+    width: 100%;
+    background: #215870;
+    border-bottom: 3px solid #ffffff;
+}
+.nice-bar .nice-text {
+    width: 960px;
+    margin: 0 auto;
+    padding: 12px 0;
+    color: #ffffff;
+    font-weight: bold;
+}
+.nice-bar .nice-button {
+    padding: 2px 5px;
+    background: #111111;
+    color: #ffffff;
+    margin: 0 0 0 10px;
+
+    -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+         -o-border-radius: 3px;
+            border-radius: 3px;
+}
+.nice-bar .nice-close {
+    float: right;
+    padding: 1px 7px 2px 7px;
+    background: #111111;
+    -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+         -o-border-radius: 3px;
+            border-radius: 3px;
+}
+.nice-bar .nice-close:hover {
+    cursor: pointer;
+}
+.nice-bar span.ext{
+    display: none;
+}
+
diff --git a/css/nodes.css b/css/nodes.css
new file mode 100755
index 0000000..c1e4929
--- /dev/null
+++ b/css/nodes.css
@@ -0,0 +1,81 @@
+/**
+ * @file
+ * Node Styling
+ *
+ * Style anything that isn't in the $content variable.
+ */
+
+
+.node /* Node wrapper */ {
+}
+
+.node-sticky /* A sticky node (displayed before others in a list) */ {
+}
+
+.node-unpublished /* Unpublished nodes */ {
+  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
+}
+
+.node-unpublished div.unpublished,
+.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
+  height: 0;
+  overflow: visible;
+  color: #d8d8d8;
+  font-size: 75px;
+  line-height: 1;
+  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-align: center;
+  word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+.node-by-viewer /* A node created by the current user */ {
+}
+
+.node-teaser /* A node displayed as teaser */ {
+}
+
+/* All nodes are given a node-type-FOO class that describes the type of
+ * content that it is. If you create a new content type called
+ * "my-custom-type", it will receive a "node-type-my-custom-type" class.
+ */
+.node-type-page /* Page content node */ {
+}
+
+.node-type-story /* Story content node */ {
+}
+
+.node h2.title /* Node title */ {
+}
+
+.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
+  color: #c00;
+}
+
+.node .picture /* The picture of the node author */ {
+}
+
+.node.node-unpublished .picture,
+.comment.comment-unpublished .picture {
+  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
+}
+
+.node .meta /* Wrapper for submitted and terms data */ {
+}
+
+.node .submitted /* The "posted by" information */ {
+}
+
+.node .terms /* Node terms (taxonomy) */ {
+}
+
+.node .content /* Node's content wrapper */ {
+}
+
+.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
+}
+
+.preview .node /* Preview of the content before submitting new or updated content */ {
+  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
+}
diff --git a/css/page-backgrounds.css b/css/page-backgrounds.css
new file mode 100755
index 0000000..5a8559d
--- /dev/null
+++ b/css/page-backgrounds.css
@@ -0,0 +1,38 @@
+/**
+ * @file
+ * Page Background Styling
+ *
+ * The default layout method of Zen doesn't give themers equal-height columns.
+ * However, equal-height columns are difficult to achieve and totally
+ * unnecessary. Instead, use the Faux Columns method described in the following
+ * ALA article:
+ *   http://www.alistapart.com/articles/fauxcolumns/
+ */
+
+
+body {
+}
+
+#page-wrapper {
+}
+
+#page {
+}
+
+#header {
+}
+
+#header .section {
+}
+
+#main-wrapper {
+}
+
+#main {
+}
+
+#footer {
+}
+
+#footer .section {
+}
diff --git a/css/pages-rtl.css b/css/pages-rtl.css
new file mode 100755
index 0000000..08f35af
--- /dev/null
+++ b/css/pages-rtl.css
@@ -0,0 +1,19 @@
+/**
+ * @file
+ * RTL companion for the pages.css file.
+ */
+
+
+/*
+ * Header
+ */
+#logo /* Wrapping link for logo */ {
+  float: right;
+}
+
+/*
+ * Content
+ */
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: left;
+}
diff --git a/css/pages.css b/css/pages.css
new file mode 100755
index 0000000..3a59538
--- /dev/null
+++ b/css/pages.css
@@ -0,0 +1,314 @@
+/**
+ * @file
+ * Page Styling
+ *
+ * Style the markup found in page.tpl.php. Also includes some styling of
+ * miscellaneous Drupal elements that appear in the $content variable, such as
+ * ul.links, .pager, .more-link, etc.
+ */
+
+
+/*
+ * Body
+ */
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#page-wrapper {
+}
+
+#page {
+}
+
+/*
+ * The skip navigation link will be completely hidden until a user tabs to the
+ * link. See http://www.webaim.org/techniques/skipnav/
+ */
+#skip-link a,
+#skip-link a:visited {
+  position: absolute;
+  display: block;
+  left: 0;
+  top: -500px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  text-align: center;
+  background-color: #666;
+  color: #fff;
+}
+
+#skip-link a:hover,
+#skip-link a:active,
+#skip-link a:focus {
+  position: static;
+  width: 100%;
+  height: auto;
+  padding: 2px 0 3px 0;
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#logo /* Wrapping link for logo */ {
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0;
+}
+
+#logo img {
+  vertical-align: bottom;
+}
+
+#name-and-slogan /* Wrapper for website name and slogan */ {
+}
+
+h1#site-name,
+div#site-name /* The name of the website */ {
+  margin: 0;
+  font-size: 2em;
+  line-height: 1.3em;
+}
+
+#site-name a:link,
+#site-name a:visited {
+  color: #000;
+  text-decoration: none;
+}
+
+#site-name a:hover,
+#site-name a:focus {
+  text-decoration: underline;
+}
+
+#site-slogan /* The slogan (or tagline) of a website */ {
+}
+
+.region-header /* Wrapper for any blocks placed in the header region */ {
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content {
+}
+
+#content .section {
+}
+
+#mission /* The mission statement of the site (displayed on homepage) */ {
+}
+
+.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
+}
+
+.breadcrumb /* The path to the current page in the form of a list of links */ {
+  padding-bottom: 0; /* Undo system.css */
+}
+
+h1.title, /* The title of the page */
+h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
+h3.title /* Comment title */ {
+  margin: 0;
+}
+
+tr.even /* Some tables have rows marked even or odd. */ {
+  /* background-color: #eee; */ /* Drupal core uses a #eee background */
+}
+
+tr.odd {
+  /* background-color: #eee; */ /* Drupal core uses a #eee background */
+}
+
+div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
+}
+
+div.status /* Normal priority messages */ {
+}
+
+div.warning,
+tr.warning /* Medium priority messages */ {
+  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
+}
+
+div.error,
+tr.error /* High priority messages. See also the .error declaration below. */ {
+}
+
+.error /* Errors that are separate from div.messages status messages. */ {
+  /* color: #e55; */ /* Drupal core uses a #e55 background */
+}
+
+.warning /* Warnings that are separate from div.messages status messages. */ {
+  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
+}
+
+div.tabs /* See also the tabs.css file. */ {
+}
+
+.help /* Help text on a page */ {
+  margin: 1em 0;
+}
+
+.more-help-link /* Link to more help */ {
+  font-size: 0.85em;
+  text-align: right;
+}
+
+#content-area /* Wrapper for the actual page content */ {
+}
+
+ul.links /* List of links */ {
+  margin: 1em 0;
+  padding: 0;
+}
+
+ul.links.inline {
+  margin: 0;
+  display: inline;
+}
+
+ul.links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0 0.5em;
+}
+
+.pager /* A list of page numbers when more than 1 page of content is available */ {
+  clear: both;
+  margin: 1em 0;
+  text-align: center;
+}
+
+.pager a,
+.pager strong.pager-current /* Each page number in the pager list */ {
+  padding: 0.5em;
+}
+
+.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
+  margin: 1em 0;
+}
+
+.more-link /* Aggregator, blog, and forum more link */ {
+  text-align: right; /* LTR */
+}
+
+.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
+}
+
+/*
+ * First sidebar (on left in LTR languages, on right in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-first
+ * (see the layout.css file.)
+ */
+.region-sidebar-first {
+}
+
+.region-sidebar-first .section {
+}
+
+/*
+ * Second sidebar (on right in LTR languages, on left in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-second
+ * (see the layout.css file.)
+ */
+.region-sidebar-second {
+}
+
+.region-sidebar-second .section {
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+#footer-message /* Wrapper for the footer message from Drupal's "Site information"
+                   and for any blocks placed in the footer region */ {
+}
+
+.region-footer {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
+}
+
+/*
+ * Drupal boxes
+ *
+ * Wrapper for Comment form, Comment viewing options, Menu admin, and
+ * Search results.
+ */
+.box /* Wrapper for box */ {
+}
+
+.box h2 /* Box title */ {
+}
+
+.box .content /* Box's content wrapper */ {
+}
+
+/*
+ * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
+ */
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+/**
+ * Hide elements from all users.
+ *
+ * Used for elements which should not be immediately displayed to any user. An
+ * example would be a collapsible fieldset that will be expanded with a click
+ * from a user. The effect of this class can be toggled with the jQuery show()
+ * and hide() functions.
+ */
+.element-hidden {
+  display: none;
+}
+
+/**
+ * Hide elements visually, but keep them available for screen-readers.
+ *
+ * Used for information required for screen-reader users to understand and use
+ * the site where visual display is undesirable. Information provided in this
+ * manner should be kept concise, to avoid unnecessary burden on the user. Must
+ * not be used for focusable elements (such as links and form elements) as this
+ * causes issues for keyboard only or voice recognition users. "!important" is
+ * used to prevent unintentional overrides.
+ */
+.element-invisible {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
diff --git a/css/panels-styles.css b/css/panels-styles.css
new file mode 100755
index 0000000..df3475c
--- /dev/null
+++ b/css/panels-styles.css
@@ -0,0 +1,6 @@
+/**
+ * @file
+ * Panels Styling
+ */
+
+
diff --git a/css/print.css b/css/print.css
new file mode 100755
index 0000000..8e8cd30
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,73 @@
+/**
+ * @file
+ * Print styling
+ *
+ * We provide some sane print styling for Drupal using Zen's layout method.
+ */
+
+
+/* underline all links */
+a:link,
+a:visited {
+  text-decoration: underline !important;
+}
+
+/* Don't underline header */
+#site-name a:link,
+#site-name a:visited {
+  text-decoration: none !important;
+}
+
+/* CSS2 selector to add visible href after links */
+#content a:link:after,
+#content a:visited:after {
+  content: " (" attr(href) ") ";
+  font-size: 0.8em;
+  font-weight: normal;
+}
+
+/* Un-float the content */
+#content,
+#content .section {
+  float: none;
+  width: 100%;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+/* Turn off any background colors or images */
+body,
+#page-wrapper,
+#page,
+#main-wrapper,
+#main,
+#content,
+#content .section {
+  color: #000;
+  background-color: transparent !important;
+  background-image: none !important;
+}
+
+/* Hide sidebars and nav elements */
+#skip-link,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.breadcrumb,
+div.tabs,
+.links,
+.taxonomy,
+.book-navigation,
+.forum-topic-navigation,
+.pager,
+.feed-icons {
+  visibility: hidden;
+  display: none;
+}
+
+/* If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
+   the content after the first page. */
+#page-wrapper {
+  overflow-y: visible;
+}
diff --git a/css/style (copy).css b/css/style (copy).css
new file mode 100755
index 0000000..8e2cdbe
--- /dev/null
+++ b/css/style (copy).css
@@ -0,0 +1,739 @@
+/*#search {
+  float: right !important;
+  width: 27% !important;
+}
+#navigation {
+  float: left !important;
+  width: 77% !important;
+}
+#block-search-0block block-search first last region-odd even region-count-1 count-2 with-block-editing h2.title {
+  display: none;
+}
+#navigation {
+  margin-left: 20%;
+}
+#navigation li {
+  border: 1px solid #000;
+  background-color: #0EC;
+  padding: 5px 10px 6px 10px;
+}
+/*#page
+{
+	background-image:url('/theme/sites/default/files/kiran _ Wix.com.png');
+}*/
+/*body{
+	margin: 0px;
+	font-size: 14px;
+}
+p{
+	font-size: 14px;
+	line-height: 18px;
+}*/
+
+/* commaon css */
+
+body{
+    font-size: 14px;
+    font-family: 'Open Sans', sans-serif;
+}
+p{
+    font-size: 13px;
+    line-height: 20px;
+    color: black;
+}
+h4{
+    font-size: 16px;
+    font-weight: bold;
+}
+strong{
+    font-weight: bold;
+}
+ol li,ul li{
+	margin: 5px 0;
+	font-size: 13px;
+	line-height: 22px;
+}
+
+a{
+    font-size: 13px;
+    color: #800000;
+    text-decoration: none;
+}
+
+table{
+    width: 100%;
+    width: 680px;
+}
+td{
+    padding: 5px;
+}
+td a{
+    font-size: 12px;
+}
+th, thead th, tbody th{
+    padding: 5px;
+}
+tr.even{
+    background-color: #eee;
+}
+tr.odd{
+    background-color: white;
+}
+#content .content table{
+    width: 680px;
+}
+select{
+    max-width: 660px;
+}
+/* others */
+
+#content .content ul, #content .content ul li{
+    padding-left: 10px;
+    list-style: none;
+}
+#content .content ul li, #content .content li{
+    background: url('../images/li-bg.png') no-repeat;
+    padding-left: 22px;
+    background-position: 0 2px;
+}
+#content .content ol li{
+    background: none  !important;
+}
+
+.inner{
+	width:960px;
+	margin:auto;
+}
+#header{
+background-image:url('../images/line.png');
+background-repeat:repeat-x;
+height:110px;
+}
+#navigation h2.element-invisible{
+    display:none;
+}
+#search h2.title{
+    display:none;
+}
+#edit-search-block-form-1-wrapper label{
+    display:none;
+}
+#edit-search-block-form-1-wrapper input{
+    width:156px;
+}
+#main-menu{
+    width: 54%;
+    float: left;
+    margin-left: 28%;
+}
+.inner_content{
+    width:960px;
+    margin:auto;
+    overflow:hidden;
+    background-color:#FFFFFF;
+    border:1px solid #000;
+    border-radius:6px;
+    margin-top:3px;
+    padding-bottom:5px;
+    clear:both;
+}
+#sidebarfst/*.region.region-sidebar-first.column.sidebar*/
+{
+	float:left;
+	width:230px;
+	font-size:12px;
+	margin-top: 25px;
+	margin-bottom: 5px;
+	padding-left:15px;
+	/*box-shadow:13px 9px 22px #88876F;*/
+}
+
+#block-menu-menu-custom
+{
+	background-image: url('../images/divider1.png');
+	background-position: bottom center;
+	background-repeat: no-repeat;
+	margin: 0px;
+	height: auto;
+	background-size: 105px 4px;
+	margin-top:10%;
+	position:relative;
+	padding-bottom:8%;
+}
+#block-menu-menu-fossee
+{
+	margin-top:10%;
+}
+#sidebarfstsub
+{
+	background-image: url('../images/side_b.png');
+	border-radius: 4px;
+	position: relative;
+	border:1.5px solid #000;
+}
+#sidebarfstsub li a{
+	text-decoration:none;
+	color:#FFFFFF;
+}
+.content
+{
+	/* font: normal normal normal 13px/1.4em 'Open Sans', sans-serif; */
+	/*color: #005252;*/
+	color:#000;
+	margin: 0px;
+	line-height: normal;
+	letter-spacing: normal;
+}
+.content p
+{
+	text-align:justify;
+}
+#sidsub1{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+/*padding: 28px 0px 208px 52%;*/
+z-index: 2;
+background-position: -10px 0;
+float: left;
+height:30px;
+width:50%;
+}
+#sidsub2{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+/*padding: 0px 0px 148px 48%;*/
+z-index: 2;
+background-position: -206px 0px;
+float: right;
+height:30px;
+width:50%;
+}
+
+/*#sidsub1{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 11px 38px 126px 24%;
+z-index: 2;
+background-position: -48px 88px;
+float: left;
+}
+#sidsub2{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 0px 37px 162px 40%;
+z-index: 2;
+background-position: -192px 88px;
+float: right;
+}*/
+
+/*.region.region-sidebar-first.column.sidebar:before,
+.region.region-sidebar-first.column.sidebar:after
+{
+z-index: 1;
+position: absolute;
+content: "";
+bottom: 15px;
+left: 10px;
+width: 50%;
+top: 80%;
+max-width: 300px;
+-webkit-box-shadow: 0 15px 10px #777;
+-moz-box-shadow: 0 15px 10px #777;
+box-shadow: 0 15px 10px #777;
+-webkit-transform: rotate(-3deg);
+-moz-transform: rotate(-3deg);
+-o-transform: rotate(-3deg);
+-ms-transform: rotate(-3deg);
+transform: rotate(-3deg);
+}
+.region.region-sidebar-first.column.sidebar:after
+{
+-webkit-transform: rotate(3deg);
+-moz-transform: rotate(3deg);
+-o-transform: rotate(3deg);
+-ms-transform: rotate(3deg);
+transform: rotate(3deg);
+right: 10px;
+left: auto;
+}*/
+
+.region.region-sidebar-second.column.sidebar{
+	float:left;
+	width:19%;
+}
+#content.column{
+	float: right;
+	width: 680px;
+	padding-right: 15px;
+}
+.inner_footer
+{
+	width:960px;
+	margin:auto;
+	height:40px;
+}
+#footer{
+background-image:url('../images/footer_line2.png');
+margin-top:-0.85%;
+}
+#main-menu.links.clearfix li a{
+color:#FFFFFF;
+text-decoration:none;
+}
+#main-wrapper{
+background-image:url('../images/content_line.png');
+background-repeat:repeat;
+height:auto;
+/*padding-bottom:20px;*/
+z-index:3;
+}
+h1{
+font-size:1.5em;
+}
+a.block-config span
+{
+	display:none;
+}
+a.block-edit-menu span
+{
+	display:none;
+}
+a.block-edit span
+{
+	display:none;
+}
+
+#login{
+	float:right;
+	margin-top:1%;
+	background-image:url('../images/login-button3.png');
+	height:27px;
+	border-radius: 6px;
+	color: #FFFFFF;
+	background-repeat:repeat-y;
+	padding:4px 10px 0px 14px;
+	line-height: 20px;
+}
+#login1{
+    float:right;
+    margin-top:1%;
+    height:27px;
+    color: #FFFFFF;
+    padding:2px 18px 2px 17px;
+}
+
+#login:hover{
+    float:right;
+    margin-top:1%;
+    background-image:url('../images/login-button3.png') no-repeat;
+    height:27px;
+    border-radius: 6px;
+    color: #FFFFFF;
+    background-repeat:repeat-y;
+    padding:4px 10px 0px 14px;
+    background-position: 0 -30px;
+    margin-left:1%;
+}
+span#loginb a:active{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+span#loginb a:hover{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+
+span#registerb a:active{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+span#registerb a:hover{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+
+/*#logout_c1:hover{
+background-image:url('../images/login-button3.png');
+height:30px;
+border-radius: 6px;
+color: #FFFFFF;
+background-repeat:repeat-y;
+padding:2px 18px 6px 17px;
+background-position:50% 90%;
+-ms-background-position:50% 90%;
+}*/
+
+#login_c a
+{
+	text-decoration:none;
+	color:#FFFFFF;
+	font-size:12px;
+	padding: 0 4px;
+}
+#login_c a:hover
+{
+	color:#FFFFFF;
+	text-decoration:none;
+	font-size:12px;
+}
+#logout_c1 a strong
+{
+	text-decoration:none;
+	color:#000;
+	font-size:14px;
+}
+#logout_c1 a strong:hover
+{
+	color:#FFFFFF;
+	text-decoration:none;
+	font-size:14px;
+}
+#search-block-form input#edit-submit-1,#search-block-form #edit-submit-3,#search-block-form #edit-submit-2,#search-block-form #edit-submit{
+text-indent: -9999px;
+height: 19px;
+background-image: url('../images/search-btn.png');
+width: 20px;
+text-shadow: 1px 1px 0px #ffffff;
+/*box-shadow: inset 0px 0px 0px 0px #ffffff;*/
+background-color: #FFFFFF;
+border: 0px;
+margin-left: -25px;
+}
+
+#search-block-form #edit-search-block-form-1-wrapper
+{
+	/*margin-left:90px;*/
+}
+.orbit-wrapper div.slider-nav span {
+width: 27px !important;
+height: 48px !important;
+margin-top:-34px !important;
+}
+.orbit-wrapper span.left {
+/*background-size: 53px 71px !important;*/
+background-size: 66px 48px !important;
+}
+
+.orbit-wrapper span.right {
+/*background-size: 53px 71px !important;*/
+background-size: 66px 48px !important;
+}
+#block-tblock-0{
+width: 43%;
+margin-top: 6px;
+float:right;
+}
+#block-tblock1-0{
+width: 53%;
+margin-top: 6px;
+float:left;
+}
+#node-12 .title{
+text-align:center;
+}
+#node-14 .title{
+text-align:center;
+}
+
+#node-12 .node_read_more.first.last.first.last a
+{
+	/*margin-left:190px;*/
+	float:right;
+	color:#000000;
+}
+#node-14 .node_read_more.first.last a
+{
+	/*margin-left:262px;*/
+	float:right;
+	color:#000000;
+}
+
+body.front #content h1.title
+{
+	visibility:hidden;
+}
+#node-14 .title a,#node-12 .title a,#block-views-event-block_1 h2.title,#block-views-Story-block_1 h2.title
+{
+	text-decoration:none;
+	font-weight:bold;
+	color:#000;
+}
+#block-views-event-block_1 .views_view.view.view-event.view-id-event.view-display-id-block_1.view-dom-id-1
+{
+	width:54%;
+}
+/*#block-views-event-block_1 h2.title
+{
+	margin-left:168px;
+}*/
+#block-views-event-block_1
+{
+	float:left;
+	width:53%;
+	
+}
+/*.content label,.region.region-content-bottom .content,#content-area .content li a:link,.node_read_more.first.last a,.content p a:link
+{
+	color:#ae8a8e;
+}*/
+.region.region-content-bottom
+{
+	padding-right:9px;
+}
+#content_down {
+width: 1000px;
+margin: auto;
+height: 18px;
+}
+#content_dn1
+{
+	background-image:url('../images/shadow.png');
+	background-repeat: no-repeat;
+	padding: 17px 0px 0px 17%;
+	z-index: 2;
+	background-position: -5px 0px;
+	float: left;
+}
+
+#content_dn2 {
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 17px 0px 0px 14%;
+z-index: 2;
+background-position: -186px -0.3px;
+float:right;
+}
+/* Main Menu CSS */
+#main-menu ul {
+  padding-left: 0px;
+  margin: 0;
+  display: block;
+  position: relative;
+  border-radius: 7px;
+/*  background: lightslategrey;*/
+  color: white;
+  height: 30px;
+}
+#main-menu ul li {
+  height: 30px;
+  position: relative;
+  float: left;
+  margin: 0;
+  list-style: none;
+  padding: 0 3px;
+}
+#main-menu ul li a {
+  color: white;
+  display: block;
+  padding: 3px 15px;
+  background-color:transparent;
+  font-family: Helvetica, Arial, sans-serif;
+  text-decoration: none;
+  color: #ffffff;
+  /* Effects */
+
+  -webkit-transition: all .8s;
+  -moz-transition: all .8s;
+  -ms-transition: all .8s;
+  -o-transition: all .8s;
+  transition: all .8s;
+}
+#main-menu ul li a:active {
+  margin: 0;
+/*  background: #c1defe;*/
+  background-color:transparent;
+  color: #000000;
+  margin-top: 3px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -ms-border-radius: 10px;
+  -o-border-radius: 10px;
+  border-radius: 10px;
+}
+#main-menu ul li ul {
+  display: none;
+  width: 180px;
+  z-index: 1125;
+  border-radius: 10px;
+}
+#main-menu ul li ul li {
+  width: 192px;
+
+}
+#main-menu ul li:hover a {
+  margin: 0;
+  color: #EA9C4D;
+  background-color:transparent;
+  margin-top: 3px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+}
+#main-menu ul li:hover {
+  position: relative;
+}
+#main-menu ul li:hover ul {
+  display: block;
+  position: absolute;
+  left: 0px;
+  z-index: 1000px;
+  border-radius: 10px;
+  height: auto;
+  overflow: hidden;
+}
+#main-menu ul li:hover ul a {
+  margin: 0;
+/*background: lightslategrey;*/
+  background-image:url('../images/line.png');
+  color: #fff;
+    font-size: 11px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  -ms-border-radius: 0px;
+  -o-border-radius: 0px;
+  border-radius: 0px;
+}
+#main-menu ul li:hover ul li {
+  /*padding-top: 4px;*/
+  /*background: lightslategrey;*/
+  background-image:url('../images/line.png');
+  height: 23px;
+  padding-bottom:3px;
+}
+#main-menu ul li:hover ul li:hover a {
+  margin: 0;
+  /*background: #c1defe;*/
+  background-image:url('../images/line.png');
+  color: #000000;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+}
+
+#block-user-1 h2.title
+{
+	padding-left:12%;
+}
+#block-menu-menu-horizontal h2.title,#block-user-1 h2.title
+{
+	display:none;
+}
+#block-menu-menu-fossee h2.title
+{
+	text-align:center;
+	color:rgb(255, 203, 5);
+	font-weight:bold;
+}
+/*Front page teaser block */
+#teaser_block_main
+{
+	width:100%;
+	height:auto;
+}
+
+#teaser_block_left h2,#teaser_block_right h2
+{
+	text-align:center;
+}
+#teaser_block_left
+{
+	width:46%;
+	float:left;
+	text-align:justify;
+}
+#teaser_block_right
+{
+	width:47%;
+	float:right;
+	text-align:justify;
+}
+#teaser_block_right a,#teaser_block_left a
+{
+	padding-left:71%;
+	text-decoration:none;
+}
+/* Feedback Form*/
+#fb_heading
+{
+	width:100%;
+	border:1px solid #000;
+	border-radius:5px;
+	background-color:#DCDCDC;
+}
+#fb_heading h2
+{
+	padding-bottom: 2%;
+	padding-top: 2%;
+	padding-left: 2%;
+	font-weight:bold;
+	color:#000;
+}
+#fb_description
+{
+	text-align:justify;
+}
+#fbhead
+{
+	color:#000;
+	font-size: 21px;
+	font-weight: bold;
+}
+#fb_mainlink
+{
+	width:100%;
+}
+#fb_leftlink
+{
+	width:60%;
+	float:left;
+	border:1px solid #000;
+	border-radius:5px;
+	background-color:#DCDCDC;
+	padding-bottom: 2%;
+	padding-top: 2%;
+	padding-left: 2%;
+	line-height:10px;
+	color:#000;
+}
+#fb_notify
+{
+	font-size:10px;
+}
+#edit-submitted-used-scilab-1-wrapper,#edit-submitted-used-scilab-2-wrapper,#edit-submitted-lab-use-scilab-1-wrapper,#edit-submitted-lab-use-scilab-2-wrapper,#edit-submitted-classroom-instruction-1-wrapper,#edit-submitted-classroom-instruction-2-wrapper,#edit-submitted-tbc-objective-1-wrapper,#edit-submitted-tbc-objective-2-wrapper,#edit-submitted-tbc-objective-3-wrapper,#edit-submitted-tbc-teacher-1-wrapper,#edit-submitted-tbc-teacher-2-wrapper,#edit-submitted-tbc-teacher-find-1-wrapper,#edit-submitted-tbc-teacher-find-2-wrapper,#edit-submitted-tbc-teacher-find-3-wrapper,#edit-submitted-tbc-useful-1-wrapper,#edit-submitted-tbc-useful-2-wrapper,#edit-submitted-tbc-recommend-1-wrapper,#edit-submitted-tbc-recommend-2-wrapper,#edit-submitted-tbc-recommend-3-wrapper,#edit-submitted-tbc-recommend-academic-1-wrapper,#edit-submitted-tbc-recommend-academic-2-wrapper,#edit-submitted-tbc-recommend-academic-3-wrapper,#edit-submitted-tbc-improve-1-wrapper,#edit-submitted-tbc-improve-2-wrapper,#edit-submitted-tbc-improve-3-wrapper,#edit-submitted-tbc-participate-1-wrapper,#edit-submitted-tbc-participate-2-wrapper,#edit-submitted-tbc-participate-friends-1-wrapper,#edit-submitted-tbc-participate-friends-2-wrapper,#edit-submitted-tbc-procedure-1-wrapper,#edit-submitted-tbc-procedure-2-wrapper
+{
+	float:left;
+}
+#webform-component-lab-use-scilab,#webform-component-classroom-instruction,#webform-component-active-participation,#webform-component-rate-org,#webform-component-tbc-teacher-find,#webform-component-tbc-support-teacher,#webform-component-tbc-recommend,#webform-component-tbc-recommend-academic,#webform-component-tbc-improve,#webform-component-tbc-participate,#webform-component-tbc-participate-friends,#webform-component-tbc-procedure,#webform-component-tbc-codes-useful
+{
+	clear:both;
+}
+.orbit-caption
+{
+	text-align:justify;
+}
+
+#slideshow{
+    margin-bottom: 10px;
+}
+
+.home-slider{
+    border:1px solid #000;
+    margin-bottom: 10px;
+}
+hr 
+{
+	height: 1px;
+	border: 1px solid #522900;
+}
diff --git a/css/style.css b/css/style.css
new file mode 100755
index 0000000..94a85be
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,723 @@
+/*#search {
+  float: right !important;
+  width: 27% !important;
+}
+#navigation {
+  float: left !important;
+  width: 77% !important;
+}
+#block-search-0block block-search first last region-odd even region-count-1 count-2 with-block-editing h2.title {
+  display: none;
+}
+#navigation {
+  margin-left: 20%;
+}
+#navigation li {
+  border: 1px solid #000;
+  background-color: #0EC;
+  padding: 5px 10px 6px 10px;
+}
+/*#page
+{
+	background-image:url('/theme/sites/default/files/kiran _ Wix.com.png');
+}*/
+/*body{
+	margin: 0px;
+	font-size: 14px;
+}
+p{
+	font-size: 14px;
+	line-height: 18px;
+}*/
+
+/* commaon css */
+
+body{
+	margin: 0px;
+    font-size: 14px;
+    font-family: 'Open Sans', sans-serif;
+}
+p{
+    font-size: 13px;
+    line-height: 20px;
+    color: black;
+}
+h4{
+    font-size: 16px;
+    font-weight: bold;
+}
+strong{
+    font-weight: bold;
+}
+ol li,ul li{
+	margin: 5px 0;
+	font-size: 13px;
+	line-height: 22px;
+}
+
+a{
+    font-size: 13px;
+    color: #800000;
+    text-decoration: none;
+}
+
+table{
+    width: 100%;
+    width: 680px;
+}
+td{
+    padding: 5px;
+}
+td a{
+    font-size: 12px;
+}
+th, thead th, tbody th{
+    padding: 5px;
+}
+tr.even{
+    background-color: #eee;
+}
+tr.odd{
+    background-color: white;
+}
+#content .content table{
+    width: 680px;
+}
+select{
+    max-width: 660px;
+}
+/* others */
+
+.container-inline{
+	position: relative;
+}
+
+#content .content ul, #content .content ul li{
+    padding-left: 10px;
+    /*list-style: none;*/
+}
+#content .content ul
+{
+	margin-left:10px;
+}
+#content .content ul li, #content .content li{
+   /* background: url('../images/li-bg.png') no-repeat;
+    padding-left: 22px;
+    background-position: 0 2px;*/
+    
+}
+#content .content ol li{
+    background: none  !important;
+}
+
+.inner{
+	width:960px;
+	margin:auto;
+}
+#header{
+background-image:url('../images/line.png');
+background-repeat:repeat-x;
+height:110px;
+}
+#navigation h2.element-invisible{
+    display:none;
+}
+#search{
+	float: right;
+	margin: -1px 5px 0 0;
+}
+#search h2.title{
+    display:none;
+}
+#edit-search-block-form-1-wrapper label{
+    display:none;
+}
+#edit-search-block-form-1-wrapper input{
+    width:156px;
+}
+
+.inner_content{
+    width:960px;
+    margin:auto;
+    overflow:hidden;
+    background-color:#FFFFFF;
+    border:1px solid #000;
+    border-radius:6px;
+    margin-top:3px;
+    padding-bottom:5px;
+    clear:both;
+}
+#sidebarfst/*.region.region-sidebar-first.column.sidebar*/
+{
+	float:left;
+	width:230px;
+	font-size:12px;
+	margin-top: 15px;
+	margin-bottom: 5px;
+	padding-left:15px;
+	/*box-shadow:13px 9px 22px #88876F;*/
+}
+
+#block-menu-menu-custom
+{
+	background-image: url('../images/divider1.png');
+	background-position: bottom center;
+	background-repeat: no-repeat;
+	margin: 0px;
+	height: auto;
+	background-size: 105px 4px;
+	margin-top:10%;
+	position:relative;
+	padding-bottom:8%;
+}
+#block-menu-menu-fossee
+{
+	margin-top:10%;
+}
+#sidebarfstsub
+{
+	background-image: url('../images/side_b.png');
+	border-radius: 4px;
+	position: relative;
+	border:1.5px solid #000;
+}
+#sidebarfstsub li a{
+	text-decoration:none;
+	color:#FFFFFF;
+	font-size: 12px;
+}
+.content
+{
+	/* font: normal normal normal 13px/1.4em 'Open Sans', sans-serif; */
+	/*color: #005252;*/
+	color:#000;
+	margin: 0px;
+	line-height: normal;
+	letter-spacing: normal;
+}
+.content p
+{
+	text-align:justify;
+}
+#sidsub1{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+/*padding: 28px 0px 208px 52%;*/
+z-index: 2;
+background-position: -10px 0;
+float: left;
+height:30px;
+width:50%;
+}
+#sidsub2{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+/*padding: 0px 0px 148px 48%;*/
+z-index: 2;
+background-position: -206px 0px;
+float: right;
+height:30px;
+width:50%;
+}
+
+/*#sidsub1{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 11px 38px 126px 24%;
+z-index: 2;
+background-position: -48px 88px;
+float: left;
+}
+#sidsub2{
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 0px 37px 162px 40%;
+z-index: 2;
+background-position: -192px 88px;
+float: right;
+}*/
+
+/*.region.region-sidebar-first.column.sidebar:before,
+.region.region-sidebar-first.column.sidebar:after
+{
+z-index: 1;
+position: absolute;
+content: "";
+bottom: 15px;
+left: 10px;
+width: 50%;
+top: 80%;
+max-width: 300px;
+-webkit-box-shadow: 0 15px 10px #777;
+-moz-box-shadow: 0 15px 10px #777;
+box-shadow: 0 15px 10px #777;
+-webkit-transform: rotate(-3deg);
+-moz-transform: rotate(-3deg);
+-o-transform: rotate(-3deg);
+-ms-transform: rotate(-3deg);
+transform: rotate(-3deg);
+}
+.region.region-sidebar-first.column.sidebar:after
+{
+-webkit-transform: rotate(3deg);
+-moz-transform: rotate(3deg);
+-o-transform: rotate(3deg);
+-ms-transform: rotate(3deg);
+transform: rotate(3deg);
+right: 10px;
+left: auto;
+}*/
+
+.region.region-sidebar-second.column.sidebar{
+	float:left;
+	width:19%;
+}
+#content.column{
+	padding-top: 15px;
+	float: right;
+	width: 680px;
+	padding-right: 15px;
+}
+.inner_footer
+{
+	width:960px;
+	margin:auto;
+	height:40px;
+}
+#footer{
+background-image:url('../images/footer_line2.png');
+margin-top:-0.85%;
+}
+#main-menu.links.clearfix li a{
+color:#FFFFFF;
+text-decoration:none;
+}
+#main-wrapper{
+background-image:url('../images/content_line.png');
+background-repeat:repeat;
+height:auto;
+/*padding-bottom:20px;*/
+z-index:3;
+}
+h1{
+font-size:1.5em;
+padding:5px 0px;
+}
+a.block-config span
+{
+	display:none;
+}
+a.block-edit-menu span
+{
+	display:none;
+}
+a.block-edit span
+{
+	display:none;
+}
+
+#login{
+	float:right;
+	margin-top:1%;
+	background-image:url('../images/login-button3.png');
+	height:27px;
+	border-radius: 6px;
+	color: #FFFFFF;
+	background-repeat:repeat-y;
+	padding:4px 10px 0px 14px;
+	line-height: 20px;
+}
+#login1{
+    float:right;
+    margin-top:1%;
+    height:27px;
+    color: #FFFFFF;
+    padding:2px 18px 2px 17px;
+}
+
+#login:hover{
+    float:right;
+    margin-top:1%;
+    background-image:url('../images/login-button3.png') no-repeat;
+    height:27px;
+    border-radius: 6px;
+    color: #FFFFFF;
+    background-repeat:repeat-y;
+    padding:4px 10px 0px 14px;
+    background-position: 0 -30px;
+    margin-left:1%;
+}
+span#loginb a:active{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+span#loginb a:hover{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+
+span#registerb a:active{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+span#registerb a:hover{
+	/*color:#B8EBF8;*/
+	color:#000;
+}
+
+/*#logout_c1:hover{
+background-image:url('../images/login-button3.png');
+height:30px;
+border-radius: 6px;
+color: #FFFFFF;
+background-repeat:repeat-y;
+padding:2px 18px 6px 17px;
+background-position:50% 90%;
+-ms-background-position:50% 90%;
+}*/
+
+#login_c a
+{
+	text-decoration:none;
+	color:#FFFFFF;
+	font-size:12px;
+	padding: 0 4px;
+}
+#login_c a:hover
+{
+	color:#FFFFFF;
+	text-decoration:none;
+	font-size:12px;
+}
+#logout_c1 a strong
+{
+	text-decoration:none;
+	color:#000;
+	font-size:14px;
+}
+#logout_c1 a strong:hover
+{
+	color:#FFFFFF;
+	text-decoration:none;
+	font-size:14px;
+}
+#search-block-form input#edit-submit-1,#search-block-form #edit-submit-3,#search-block-form #edit-submit-2,#search-block-form #edit-submit{
+text-indent: -9999px;
+height: 19px;
+background-image: url('../images/search-btn.png');
+width: 20px;
+text-shadow: 1px 1px 0px #ffffff;
+/*box-shadow: inset 0px 0px 0px 0px #ffffff;*/
+background-color: #FFFFFF;
+border: 0px;
+right: 3px;
+position: absolute;
+top: 4px;
+
+}
+
+#search-block-form #edit-search-block-form-1-wrapper
+{
+	/*margin-left:90px;*/
+}
+.orbit-wrapper div.slider-nav span {
+width: 27px !important;
+height: 48px !important;
+margin-top:-34px !important;
+}
+.orbit-wrapper span.left {
+/*background-size: 53px 71px !important;*/
+background-size: 66px 48px !important;
+}
+
+.orbit-wrapper span.right {
+/*background-size: 53px 71px !important;*/
+background-size: 66px 48px !important;
+}
+#block-tblock-0{
+width: 43%;
+margin-top: 6px;
+float:right;
+}
+#block-tblock1-0{
+width: 53%;
+margin-top: 6px;
+float:left;
+}
+#node-12 .title{
+text-align:center;
+}
+#node-14 .title{
+text-align:center;
+}
+
+#node-12 .node_read_more.first.last.first.last a
+{
+	/*margin-left:190px;*/
+	float:right;
+	color:#000000;
+}
+#node-14 .node_read_more.first.last a
+{
+	/*margin-left:262px;*/
+	float:right;
+	color:#000000;
+}
+
+body.front #content h1.title
+{
+	visibility:hidden;
+}
+#node-14 .title a,#node-12 .title a,#block-views-event-block_1 h2.title,#block-views-Story-block_1 h2.title
+{
+	text-decoration:none;
+	font-weight:bold;
+	color:#000;
+}
+#block-views-event-block_1 .views_view.view.view-event.view-id-event.view-display-id-block_1.view-dom-id-1
+{
+	width:54%;
+}
+/*#block-views-event-block_1 h2.title
+{
+	margin-left:168px;
+}*/
+#block-views-event-block_1
+{
+	float:left;
+	width:53%;
+	
+}
+/*.content label,.region.region-content-bottom .content,#content-area .content li a:link,.node_read_more.first.last a,.content p a:link
+{
+	color:#ae8a8e;
+}*/
+.region.region-content-bottom
+{
+	padding-right:9px;
+}
+#content_down {
+width: 1000px;
+margin: auto;
+height: 18px;
+}
+#content_dn1
+{
+	background-image:url('../images/shadow.png');
+	background-repeat: no-repeat;
+	padding: 17px 0px 0px 17%;
+	z-index: 2;
+	background-position: -5px 0px;
+	float: left;
+}
+
+#content_dn2 {
+background-image: url('../images/shadow.png');
+background-repeat: no-repeat;
+padding: 17px 0px 0px 14%;
+z-index: 2;
+background-position: -186px -0.3px;
+float:right;
+}
+/* manu bar */
+
+#main-menu li{
+	list-style: none !important;
+}
+#main-menu
+{
+    color:#FFF;
+    position:relative;
+    font-family:Arial, Helvetica, sans-serif;
+    font-size:13px;
+    text-align: center;
+    margin-left: 250px;
+    float: left;
+}
+#main-menu ul
+{
+    padding:0px;
+    margin:0;
+    list-style:none;
+    display: inline-block;
+    margin-top: 1px; 
+}
+#main-menu ul li
+{
+    padding:0;
+    margin:0;
+    float:left;
+}
+#main-menu ul li a
+{
+    color:#FFF;
+    display:block;
+    text-decoration:none;
+    padding:0 20px;
+    padding-bottom: 7px;
+}
+#main-menu ul li a:hover
+{
+    color:#EA9C4D;
+}
+#main-menu ul li ul
+{
+     display: none;
+     width: auto;
+     position:absolute;
+     padding:0px;
+     margin:0px;
+     background: #9C6833;
+     z-index: 9999;
+}
+#main-menu ul li.hover ul
+{
+     display: block;
+     position: absolute;
+}
+#main-menu ul li.hover li
+{
+    float: none;
+    list-style:none;
+    margin:0px;
+    padding: 2px 0;
+}
+#main-menu ul li.hover li a
+{
+    padding:0 5px 0 10px;
+    display:block;
+    width:180px;
+}
+
+
+/* menu bar end */
+
+
+
+#block-user-1 h2.title
+{
+	padding-left:12%;
+}
+#block-menu-menu-horizontal h2.title,#block-user-1 h2.title
+{
+	display:none;
+}
+#block-menu-menu-fossee h2.title
+{
+	text-align:center;
+	color:rgb(255, 203, 5);
+	font-weight:bold;
+}
+/*Front page teaser block */
+#teaser_block_main
+{
+	width:100%;
+	height:auto;
+}
+
+#teaser_block_left h2,#teaser_block_right h2
+{
+	text-align:center;
+}
+#teaser_block_left
+{
+	width:46%;
+	float:left;
+	text-align:justify;
+}
+#teaser_block_right
+{
+	width:47%;
+	float:right;
+	text-align:justify;
+}
+a.read_more
+{
+	float:right;
+}
+/* Feedback Form*/
+#fb_heading
+{
+	width:100%;
+	border:1px solid #000;
+	border-radius:5px;
+	background-color:#DCDCDC;
+}
+#fb_heading h2
+{
+	padding-bottom: 2%;
+	padding-top: 2%;
+	padding-left: 2%;
+	font-weight:bold;
+	color:#000;
+}
+#fb_description
+{
+	text-align:justify;
+}
+#fbhead
+{
+	color:#000;
+	font-size: 21px;
+	font-weight: bold;
+}
+#fb_mainlink
+{
+	width:100%;
+}
+#fb_leftlink
+{
+	width:60%;
+	float:left;
+	border:1px solid #000;
+	border-radius:5px;
+	background-color:#DCDCDC;
+	padding-bottom: 2%;
+	padding-top: 2%;
+	padding-left: 2%;
+	line-height:10px;
+	color:#000;
+}
+#fb_notify
+{
+	font-size:10px;
+}
+#edit-submitted-used-scilab-1-wrapper,#edit-submitted-used-scilab-2-wrapper,#edit-submitted-lab-use-scilab-1-wrapper,#edit-submitted-lab-use-scilab-2-wrapper,#edit-submitted-classroom-instruction-1-wrapper,#edit-submitted-classroom-instruction-2-wrapper,#edit-submitted-tbc-objective-1-wrapper,#edit-submitted-tbc-objective-2-wrapper,#edit-submitted-tbc-objective-3-wrapper,#edit-submitted-tbc-teacher-1-wrapper,#edit-submitted-tbc-teacher-2-wrapper,#edit-submitted-tbc-teacher-find-1-wrapper,#edit-submitted-tbc-teacher-find-2-wrapper,#edit-submitted-tbc-teacher-find-3-wrapper,#edit-submitted-tbc-useful-1-wrapper,#edit-submitted-tbc-useful-2-wrapper,#edit-submitted-tbc-recommend-1-wrapper,#edit-submitted-tbc-recommend-2-wrapper,#edit-submitted-tbc-recommend-3-wrapper,#edit-submitted-tbc-recommend-academic-1-wrapper,#edit-submitted-tbc-recommend-academic-2-wrapper,#edit-submitted-tbc-recommend-academic-3-wrapper,#edit-submitted-tbc-improve-1-wrapper,#edit-submitted-tbc-improve-2-wrapper,#edit-submitted-tbc-improve-3-wrapper,#edit-submitted-tbc-participate-1-wrapper,#edit-submitted-tbc-participate-2-wrapper,#edit-submitted-tbc-participate-friends-1-wrapper,#edit-submitted-tbc-participate-friends-2-wrapper,#edit-submitted-tbc-procedure-1-wrapper,#edit-submitted-tbc-procedure-2-wrapper
+{
+	float:left;
+}
+#webform-component-lab-use-scilab,#webform-component-classroom-instruction,#webform-component-active-participation,#webform-component-rate-org,#webform-component-tbc-teacher-find,#webform-component-tbc-support-teacher,#webform-component-tbc-recommend,#webform-component-tbc-recommend-academic,#webform-component-tbc-improve,#webform-component-tbc-participate,#webform-component-tbc-participate-friends,#webform-component-tbc-procedure,#webform-component-tbc-codes-useful
+{
+	clear:both;
+}
+.orbit-caption
+{
+	text-align:justify;
+}
+
+#slideshow{
+    margin-bottom: 10px;
+}
+
+.home-slider{
+    border:1px solid #000;
+    margin-bottom: 10px;
+}
+hr 
+{
+	height: 1px;
+	border: 1px solid #522900;
+}
+.tableHeader-processed #content.column .sticky-enabled.sticky-table
+{
+	font-size:11px;
+}
+h1#frnt.title
+{
+	display:none;
+}
+.statistics_counter {
+	display: none !important;
+}
+
+
diff --git a/css/style.less b/css/style.less
new file mode 100755
index 0000000..e39e207
--- /dev/null
+++ b/css/style.less
@@ -0,0 +1,31 @@
+.region.region-top-content-1 {
+	float:left;
+	width:31%;
+}
+.region.region-top-content-2 {
+	float:left;
+	width:31%;
+}
+#search {
+	float:right !important;
+	width:27% !important;
+}
+#navigation {float:left !important;width:77% !important;}
+#block-search-0block block-search first last region-odd even region-count-1 count-2 with-block-editing h2.title
+{
+	display:none;
+}
+#navigation
+{
+	margin-left:20%;
+}
+#navigation li
+{
+	border:1px solid #000;
+	background-color:#0EC;
+	padding:5px 10px 6px 10px;
+}
+/*#page
+{
+	background-image:url('/theme/sites/default/files/kiran _ Wix.com.png');
+}*/
diff --git a/css/tabs-rtl.css b/css/tabs-rtl.css
new file mode 100755
index 0000000..6e7fb0e
--- /dev/null
+++ b/css/tabs-rtl.css
@@ -0,0 +1,22 @@
+/**
+ * @file
+ * RTL companion for the tabs.css file.
+ */
+
+
+ul.primary {
+  padding: 0 10px 0 0;
+}
+
+ul.primary li {
+  float: right;
+}
+
+ul.secondary {
+  padding: 0 5px 0 0;
+}
+
+ul.secondary li {
+  float: right;
+  border-left: none;
+}
diff --git a/css/tabs.css b/css/tabs.css
new file mode 100755
index 0000000..db59568
--- /dev/null
+++ b/css/tabs.css
@@ -0,0 +1,128 @@
+/**
+ * @file
+ * Tabs Styling
+ *
+ * Adds styles for the primary and secondary tabs.
+ *
+ * Compare this with default CSS found in the system module's stylesheet (a copy
+ * of which is in drupal6-reference.css, line 510.)
+ */
+
+
+div.tabs {
+  margin: 0 0 5px 0;
+}
+
+ul.primary {
+  margin: 0;
+  padding: 0 0 0 10px; /* LTR */
+  border-width: 0;
+  list-style: none;
+  white-space: nowrap;
+  line-height: normal;
+  background: url(../images/tab-bar.png) repeat-x left bottom;
+}
+
+ul.primary li {
+  float: left; /* LTR */
+  margin: 0;
+  padding: 0;
+}
+
+ul.primary li a {
+  display: block;
+  height: 24px;
+  margin: 0;
+  padding: 0 0 0 5px; /* width of tab-left.png */
+  border-width: 0;
+  font-weight: bold;
+  text-decoration: none;
+  color: #777;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left -38px;
+}
+
+ul.primary li a .tab {
+  display: block;
+  height: 20px; /* 24px (parent) - 4px (padding) */
+  margin: 0;
+  padding: 4px 13px 0 6px;
+  border-width: 0;
+  line-height: 20px;
+  background: url(../images/tab-right.png) no-repeat right -38px;
+}
+
+ul.primary li a:hover,
+ul.primary li a:focus {
+  border-width: 0;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left -76px;
+}
+
+ul.primary li a:hover .tab,
+ul.primary li a:focus .tab {
+  background: url(../images/tab-right.png) no-repeat right -76px;
+}
+
+ul.primary li.active a,
+ul.primary li.active a:hover,
+ul.primary li.active a:focus {
+  border-width: 0;
+  color: #000;
+  background-color: transparent;
+  background: url(../images/tab-left.png) no-repeat left 0;
+}
+
+ul.primary li.active a .tab,
+ul.primary li.active a:hover .tab,
+ul.primary li.active a:focus .tab {
+  background: url(../images/tab-right.png) no-repeat right 0;
+}
+
+ul.secondary {
+  margin: 0;
+  padding: 0 0 0 5px; /* LTR */
+  border-bottom: 1px solid #c0c0c0;
+  list-style: none;
+  white-space: nowrap;
+  background: url(../images/tab-secondary-bg.png) repeat-x left bottom;
+}
+
+ul.secondary li {
+  float: left; /* LTR */
+  margin: 0 5px 0 0;
+  padding: 5px 0;
+  border-right: none; /* LTR */
+}
+
+ul.secondary a {
+  display: block;
+  height: 24px;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #c0c0c0;
+  text-decoration: none;
+  color: #777;
+  background: url(../images/tab-secondary.png) repeat-x left -56px;
+}
+
+ul.secondary a .tab {
+  display: block;
+  height: 18px; /* 24px (parent) - 6px (padding) */
+  margin: 0;
+  padding: 3px 8px;
+  line-height: 18px;
+}
+
+ul.secondary a:hover,
+ul.secondary a:focus {
+  background: url(../images/tab-secondary.png) repeat-x left bottom;
+}
+
+ul.secondary a.active,
+ul.secondary a.active:hover,
+ul.secondary a.active:focus {
+  border: 1px solid #c0c0c0;
+  color: #000;
+  background: url(../images/tab-secondary.png) repeat-x left top;
+}
diff --git a/css/testimonials.css b/css/testimonials.css
new file mode 100755
index 0000000..4edbeac
--- /dev/null
+++ b/css/testimonials.css
@@ -0,0 +1,50 @@
+
+.testimonial{
+  position: relative;
+  text-align: justify;
+  margin: 25px 0 0 0;
+  padding: 0 0 10px 0;
+  background: #e5e5e5;
+  padding: 10px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+}
+.testimonial > .author{
+  text-align: right;
+  font-weight: bolder;
+  margin: 15px 0 0 0;
+  background: #ffffff;
+  padding: 10px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+}
+.page-nav{
+  position: relative;
+  padding: 25px 0;
+}
+.page-next{
+  position: absolute;
+  right: 0;
+  top: 25px;
+}
+.page-prev{
+  position: absolute;
+  left: 0;
+  top: 25px;
+}
+.page-nos{
+  position: relative;
+  left: 275px;
+  top: -47px;
+}
+.page-nos1{
+  position: relative;
+  left: 275px;
+  top: -47px;
+  color: #424242;
+  font-weight: 900;
+}
diff --git a/css/testimonials_front.css b/css/testimonials_front.css
new file mode 100755
index 0000000..a91c89a
--- /dev/null
+++ b/css/testimonials_front.css
@@ -0,0 +1,31 @@
+*{

+	margin:0;

+	padding:0;

+}

+

+

+#testimonials_front{

+	padding: 20px 20px 15px 40px;

+    margin-top: 30px;

+    margin-bottom: 30px;

+	background:url('../images/open-quote.png') no-repeat ;

+	min-height:90px;

+	-moz-border-radius:12px;

+	-webkit-border-radius:12px;

+	border-radius:12px;

+	box-shadow: 1px 1px 4px 1px #888888;

+	height:135px;

+	overflow:auto;

+}

+

+#testimonials_front li{ display:none;}

+#testimonials_front li:first-child{ display:block;}

+

+#testimonials_front ul{ list-style:none;}

+

+

+#testimonials_front h4{

+color:#424242;

+margin-top:-20px;

+	

+}

diff --git a/css/theme-settings.css b/css/theme-settings.css
new file mode 100755
index 0000000..567b6e3
--- /dev/null
+++ b/css/theme-settings.css
@@ -0,0 +1,69 @@
+/**
+ * @file
+ * Theme settings styling
+ *
+ * This file is only loaded on the Theme Settings page for Zen and its
+ * subthemes: admin/build/themes/settings
+ */
+
+
+#zen-settings fieldset .form-item
+{
+  padding-left: 200px; /* LTR */
+}
+
+#zen-settings fieldset .form-checkboxes .form-item,
+#zen-settings fieldset .form-radios .form-item
+{
+  padding-left: 0; /* LTR */
+}
+
+#zen-settings fieldset .form-item label
+{
+  float: left; /* LTR */
+  width: 190px;
+  margin-left: -200px; /* LTR */
+  margin-right: 10px; /* LTR */
+  text-align: right; /* LTR */
+  _display: inline-block; /* IE6 is dumb. */
+}
+
+#zen-settings fieldset .form-item label.option
+{
+  float: none;
+  width: auto;
+  margin-left: 0;
+  margin-right: 0;
+  text-align: left; /* LTR */
+}
+
+#div-zen-registry,
+#div-zen-wireframes
+{
+  margin: 1em 0;
+}
+
+#div-zen-registry strong,
+#div-zen-wireframes strong
+{
+  float: left; /* LTR */
+  width: 190px;
+  margin-left: 0; /* LTR */
+  margin-right: 10px; /* LTR */
+  text-align: right; /* LTR */
+}
+
+#div-zen-registry fieldset .form-item,
+#div-zen-wireframes fieldset .form-item
+{
+  display: inline;
+  margin-left: 0; /* LTR */
+  padding-left: 0; /* LTR */
+}
+
+#div-zen-registry fieldset .form-item .description,
+#div-zen-wireframes fieldset .form-item .description
+{
+  display: block;
+  margin-left: 200px; /* LTR */
+}
diff --git a/css/views-styles.css b/css/views-styles.css
new file mode 100755
index 0000000..909edd9
--- /dev/null
+++ b/css/views-styles.css
@@ -0,0 +1,6 @@
+/**
+ * @file
+ * Views Styling
+ */
+
+
diff --git a/css/wireframes.css b/css/wireframes.css
new file mode 100755
index 0000000..0bf3058
--- /dev/null
+++ b/css/wireframes.css
@@ -0,0 +1,24 @@
+/**
+ * @file
+ * Wireframes Styling
+ *
+ * Add wireframes to the basic layout elements.
+ */
+
+
+.with-wireframes #header .section,
+.with-wireframes #content .section,
+.with-wireframes #navigation .section,
+.with-wireframes .region-sidebar-first .section,
+.with-wireframes .region-sidebar-second .section,
+.with-wireframes #footer .section {
+  margin: 1px;
+  padding: 2px;
+  border: 1px solid #ccc;
+}
+
+.with-wireframes .region-page-closure {
+  margin-top: 1px;
+  padding: 2px;
+  border: 1px solid #ccc;
+}