update background image

Redo the style sheet as a unix file not dos.
Setup new background image.

diff --git a/assets/bg-2.jpg b/assets/bg-2.jpg
new file mode 100644 (file)
index 0000000..9d377a3
Binary files /dev/null and b/assets/bg-2.jpg differ

diff --git a/styles.css b/styles.css
index 4fffc63..5897f83 100755 (executable)
--- a/styles.css
+++ b/styles.css
@@ -1,521 +1,521 @@
-#slideshow {\r
-    position: relative;\r
-    }\r
-#home #slider-wrapper {\r
-    position: absolute !important;\r
-    top: 0;\r
-    left: 0;\r
-    }\r
-\r
-nav.tab-bar a #logoTop {\r
-    margin-left: 60px;\r
-    max-height: 95%;\r
-    margin-bottom: 1%;\r
-    }\r
-\r
-ShadowWhenNeeded {\r
-    box-shadow: 0 0 10px rgba(0, 0, 0, .5);\r
-    \r
--webkit-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
-   -moz-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
-        box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);\r
-\r
-    width: 62.5rem;\r
-    margin: 0 auto;\r
-    }\r
-body {\r
-    background-color: #e8e5db;\r
-    background-image: url(assets/bg.jpg);\r
-    background-size: cover;\r
-    background-attachment: fixed;\r
-    font-size: 1.3rem;\r
-    font-size: 13px;\r
-    }\r
-.row {\r
-    background-color: white;\r
-    }\r
-#header {\r
-    position: relative;\r
-    }\r
-a {\r
-    text-decoration: underline;\r
-    }\r
-a:hover {\r
-    color: black;   \r
-    }\r
-img {\r
-    border: 0;\r
-    }\r
-/* Logo */\r
-#logo {\r
-    margin-left: -27px;\r
-    margin-top: 38px;\r
-    }\r
-/* Search Form*/\r
-#search {\r
-    position: absolute;\r
-    top: 18px;\r
-    right: 15px;\r
-    width: 200px;\r
-    height: 20px;\r
-    }\r
-#search form {\r
-    position: relative;\r
-    margin: 0;\r
-    padding: 0;\r
-    border: 1px solid #ccc;\r
-    display: block;\r
-    height: 22px;\r
-    }\r
-#search input {\r
-    position: absolute;\r
-    border: 0;\r
-    }\r
-    \r
-#searchText {\r
-    width: 180px;\r
-    top: 0;\r
-    left: 0;\r
-    margin: 0;\r
-    padding: 0;\r
-    padding-left: 5px;\r
-    height: 20px;\r
-    }\r
-#searchSubmit {\r
-    top: 2px;\r
-    right: 1px;\r
-    height: 16px;\r
-    width: 17px;\r
-    background: url(assets/spyglass.png) no-repeat scroll transparent;\r
-    text-indent: -9999px;\r
-    border: 0;\r
-    cursor: pointer;\r
-    }\r
-#searchSubmitSide {\r
-    font-size: 14px;\r
-    margin-left: 75px;\r
-    margin-right: auto;\r
-    background: #477645;\r
-    border: 1px whitesmoke solid;\r
-    cursor: pointer;\r
-    }\r
-/* Navigation */\r
-/* For larger than Small */\r
-@media only screen and (min-width: 56em) {\r
-#header nav {\r
-    margin-top: -55px;\r
-        }\r
-    }\r
-#header nav {\r
-    margin-left: -0.9375rem;\r
-    margin-right: -0.9375rem;\r
-    background-image: url(assets/navBg.png);\r
-    padding-right: 40px;\r
-    }\r
-#header nav ul, #header nav li {\r
-    list-style-type: none;\r
-    margin: 0;\r
-    padding: 0;\r
-    }\r
-#header nav ul {\r
-    float: right;\r
-    display: inline-table;\r
-    }\r
-#header nav ul ul {\r
-    display: none;\r
-    }\r
-#header>nav>ul>li {\r
-    float: left;\r
-    }\r
-#header nav a {\r
-    line-height: 26px;\r
-    color: white;\r
-    display: block;\r
-    padding: 20px;\r
-    text-decoration: none;\r
-    }\r
-#header nav ul ul a {\r
-    padding: 5px 10px;\r
-    }\r
-#header nav a:hover {\r
-    background: rgba(255, 255, 255, .2);\r
-    }\r
-/* Slideshow */\r
-#testImg {\r
-    visibility: hidden;\r
-    }\r
-#homeSlide {\r
-    padding-top: 15px;\r
-    }\r
-#slideshow ul, #slideshow li {\r
-    list-style-type: none;\r
-    margin: 0;\r
-    padding: 0;\r
-    display: block;\r
-    }\r
-/* Toolbox */\r
-#toolbox {\r
-    margin-bottom: 50px;\r
-    margin-right: 40px;\r
-    }\r
-#home #toolbox {\r
-    margin-left: 45px;\r
-    }\r
-/* For Small */\r
-@media only screen {\r
-    #toolbox.nosideNav {\r
-        margin-left: 0;\r
-        }\r
-    }\r
-/* For larger than Small */\r
-@media only screen and (min-width: 40.063em) {\r
-    #toolbox.nosideNav {\r
-        margin-left: 50px;\r
-        }\r
-    }\r
-#toolbox h1,\r
-#toolbox h2 {\r
-    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;\r
-    font-size: 22px;\r
-    color: #477645;\r
-    }\r
-#toolbox .listing {\r
-    margin-top: 2em;\r
-    }\r
-/* For Small */\r
-@media only screen {\r
-    .imageleft, .imageright {\r
-        float: none;\r
-        width: 100%;\r
-        }\r
-\r
-    }\r
-/* For larger than Small */\r
-@media only screen and (min-width: 40.063em) {\r
-    .imageleft {\r
-        float: left;\r
-        margin: 0 20px 20px 0;\r
-        width: auto;\r
-        }\r
-    .imageright {\r
-        float: right;\r
-        margin: 0 0 20px 20px;\r
-        width: auto;\r
-        }\r
-    }\r
-.imagecaption {\r
-    font-size: 12px;\r
-    font-style: italic;\r
-    padding: 10px;\r
-    }\r
-/* Homepage Blocks */\r
-#hHlines {\r
-    margin: 0 45px;\r
-    }\r
-#hHlines ul, #hHlines li {\r
-    margin: 0;\r
-    /* padding: 0; */\r
-    list-style-type: none;\r
-    display: block;\r
-    }\r
-.hHlinesItem a {\r
-    display: block;\r
-    color: white;\r
-    position: relative;\r
-    }\r
-.hHlinesItem img {\r
-    display: block;\r
-    z-index: 100;\r
-    }\r
-.hHlinesItem i {\r
-    font-style: normal;\r
-    font-weight: bold;\r
-    text-align: right;\r
-    line-height: 30px;\r
-    display: block;\r
-    background: rgba(36,104,144, .8);\r
-    position: absolute;\r
-    bottom: 0;\r
-    z-index: 100;\r
-    padding: 5px 10px;\r
-    width: 100%;\r
-    }\r
-.hHlinesItem a:hover i {\r
-    background: rgba(36,104,144, .9);\r
-    }\r
-@media only screen and (max-width: 40em) {\r
-    #hHlines {\r
-        margin: 0 12px;\r
-        }\r
-    }\r
-/* Footer */\r
-#footer {\r
-    border-top: 4px solid #477645;\r
-    background: #3e98bb;\r
-    font-size: 13px;\r
-    color: white;\r
-    }\r
-#footer>div {\r
-    margin: 1em 0;\r
-    border-right: 1px solid #6fb4ce;\r
-    }\r
-#footer>div:nth-child(2) {\r
-    margin-bottom: 3em;\r
-    }\r
-#footer div div {\r
-    padding: .5em 0;\r
-    line-height: 1.2em;\r
-    }\r
-#footer a {\r
-    color: #aaceaf;\r
-    display: block;\r
-    text-decoration: underline;\r
-    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);\r
-    }\r
-#footer a:hover {\r
-    color: #ddd;\r
-    }\r
-#footer i {\r
-    font-style: normal;\r
-    display: block;\r
-    }\r
-#footer div#copyright p {\r
-    font-size: 12px;\r
-    text-align: center;\r
-    }\r
-#footer div#copyright a {\r
-    display: inline;\r
-    }\r
-#footer div div :first-child {\r
-    font-weight: bold;\r
-    }\r
-/* Events */\r
-#eventHomeColumn {\r
-    padding-left: 0;\r
-    }\r
-#homepage_events_wrapper {\r
-    background: #216083;\r
-    }\r
-#eventCalendarWrapper {\r
-    clear: left;\r
-    }\r
-#cEventMeetings, \r
-#cEventMore {\r
-    line-height: 26px;\r
-    float: left;\r
-    width: 50%;\r
-    font-size: 12px;\r
-    color: white;\r
-    text-align: center;\r
-    }\r
-#cEventMore a {\r
-    color: white;\r
-    background: #318bc0;\r
-    display: block;\r
-    text-decoration: none;\r
-    }\r
-#eventCalendar table {\r
-    background: #216083;\r
-    border: 0;\r
-    margin: 0 auto;\r
-    }\r
-#eventCalendar .monthname,\r
-#eventCalendar .calLink {\r
-    color: white;\r
-    }\r
-#eventCalendar td {\r
-    background: #fff;\r
-    font-size: 12px;\r
-    padding: 8px 7px;\r
-    }\r
-@media only screen and (max-width: 56em) {\r
-    #eventCalendar td {\r
-        padding: 5px;\r
-        }\r
-    }\r
-@media only screen and (max-width: 53em) {\r
-    #eventCalendar table {\r
-        display: none;\r
-        }\r
-    }\r
-#eventCalendar th {\r
-    padding: 2px;\r
-    }\r
-#eventCalendar table,\r
-#eventCalendar tr,\r
-#eventCalendar th,\r
-#eventCalendar td {\r
-    border-collapse: collapse;\r
-    }\r
-#eventCalendar td a {\r
-    font-weight: bold;\r
-    display: block;\r
-    }\r
-#eventItemWrapper {\r
-    padding: 0 10px;\r
-    }\r
-@media only screen and (max-width: 60em) {\r
-    #eventItemWrapper a:nth-child(4) {\r
-        display: none;\r
-        }\r
-    }\r
-@media only screen and (max-width: 51em) {\r
-    #eventItemWrapper a:nth-child(4) {\r
-        display: block;\r
-        }\r
-    }\r
-#eventItemWrapper span {\r
-    color: white;\r
-    font-size: 12px;\r
-    line-height: 1.4em;\r
-    }\r
-.cEventItem {\r
-    display: block;\r
-    }\r
-#eventItemWrapper a {\r
-    text-decoration: none;\r
-    padding: 8px 0;\r
-    display: block;\r
-    clear: both;\r
-    }\r
-#eventItemWrapper a:hover {\r
-    text-decoration: underline;\r
-    color: white;\r
-    }\r
-#eventItemWrapper a:last-child {\r
-    color: white;\r
-    font-size: 12px;\r
-    text-decoration: underline;\r
-    }\r
-#eventItemWrapper .cEventTitle,\r
-#eventItemWrapper .cEventDate,\r
-#eventItemWrapper .cEventTimes,\r
-#eventItemWrapper .cEventDescription {\r
-    display: block;\r
-    font-size: 12px;\r
-    }\r
-#eventItemWrapper .cEventTitle {\r
-    font-weight: bold;\r
-    font-size: 14px;\r
-    }\r
-.cEventDate {\r
-    float: left;\r
-    }\r
-.cEventTimes {\r
-    float: right;\r
-    }\r
-/* Subnav */\r
-#subnav {\r
-    /* width: 223px; */\r
-    background-color: rgb(43, 133, 168);\r
-    border: 2px solid white;\r
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);\r
-    margin-bottom: 20px;\r
-    }\r
-#subnav h2 {\r
-    color: white;\r
-    font-size: 22px;\r
-    text-align: center;\r
-    margin: .5em 15px;\r
-    border-bottom: 1px solid #ddd;\r
-    }\r
-#subnav a {\r
-    color: white;\r
-    display: block;\r
-    text-decoration: none;\r
-    line-height: 1.1em;\r
-    padding: 3px 0;\r
-    font-size: 15px;\r
-    }\r
-#subnav a:hover {\r
-    color: #9dc6af;\r
-    text-shadow: 1px 1px #000;\r
-    }\r
-#subnav a#current {\r
-    background: url(assets/subnavMarker.png) no-repeat left top;\r
-    padding-left: 14px;\r
-    }\r
-#subnav ul,\r
-#subnav li {\r
-    list-style-type: none;\r
-    margin: 0;\r
-    padding: 0;\r
-    }\r
-#subnav ul {\r
-    margin: 15px;\r
-    }\r
-#subnav li {\r
-    display: block;\r
-    }\r
-\r
-/* 2xsub */\r
-#subnav ul ul {\r
-    margin: 0;\r
-    }\r
-#subnav ul ul a {\r
-    padding-left: 25px;\r
-    }\r
-#subnav ul ul a#current {\r
-    padding-left: 25px;\r
-    background: url(assets/subnavMarker.png) no-repeat 11px top;\r
-    }\r
-/* 3xsub */\r
-#subnav ul ul ul {\r
-    margin: 0;\r
-    }\r
-#subnav ul ul ul a {\r
-    padding-left: 35px;\r
-    }\r
-#subnav ul ul ul a#current {\r
-    padding-left: 35px;\r
-    background: url(assets/subnavMarker.png) no-repeat 22px top;\r
-    }\r
-/* end subsub */\r
-#main {\r
-    margin-top: 16px;\r
-    clear: both;\r
-    }\r
-#breadcrumbs {\r
-    font-size: 12px;\r
-    color: rgba(0, 0, 0, .5);\r
-    margin-bottom: 2em;\r
-    }\r
-/* Image Upload Icons */\r
-.file-download, .download {\r
-       background-repeat: no-repeat;\r
-       background-position: left;\r
-       padding: 1px 2px;\r
-       padding-left: 22px;\r
-       position: relative;\r
-       margin-right: 10px;\r
-       margin-bottom: 5px;\r
-       display: block;\r
-       clear: left;\r
-    }\r
-.avi    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/avi.gif");}\r
-.doc    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/doc.gif");}\r
-.gif    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/gif.gif");}\r
-.html   { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/html.gif");}\r
-.jpg    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/jpg.gif");}\r
-.mov    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mov.gif");}\r
-.mp3    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mp3.gif");}\r
-.pdf    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/pdf.png");}\r
-.ppt    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/ppt.gif");}\r
-.txt    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/txt.png");}\r
-.wmv    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/wmv.gif");}\r
-.xls    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/xls.gif");}\r
-.zip    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/zip.png");}\r
-.download {\r
-       background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/download.gif");\r
-       clear:  none;\r
-       background-repeat: no-repeat;\r
-}\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
+#slideshow {
+    position: relative;
+    }
+#home #slider-wrapper {
+    position: absolute !important;
+    top: 0;
+    left: 0;
+    }
+
+nav.tab-bar a #logoTop {
+    margin-left: 60px;
+    max-height: 95%;
+    margin-bottom: 1%;
+    }
+
+ShadowWhenNeeded {
+    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
+
+-webkit-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);
+   -moz-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);
+        box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5);
+
+    width: 62.5rem;
+    margin: 0 auto;
+    }
+body {
+    background-color: #e8e5db;
+    background-image: url(assets/bg-2.jpg)
+    background-size: cover;
+    background-attachment: fixed;
+    font-size: 1.3rem;
+    font-size: 13px;
+    }
+.row {
+    background-color: white;
+    }
+#header {
+    position: relative;
+    }
+a {
+    text-decoration: underline;
+    }
+a:hover {
+    color: black;
+    }
+img {
+    border: 0;
+    }
+/* Logo */
+#logo {
+    margin-left: -27px;
+    margin-top: 38px;
+    }
+/* Search Form*/
+#search {
+    position: absolute;
+    top: 18px;
+    right: 15px;
+    width: 200px;
+    height: 20px;
+    }
+#search form {
+    position: relative;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #ccc;
+    display: block;
+    height: 22px;
+    }
+#search input {
+    position: absolute;
+    border: 0;
+    }
+
+#searchText {
+    width: 180px;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    padding-left: 5px;
+    height: 20px;
+    }
+#searchSubmit {
+    top: 2px;
+    right: 1px;
+    height: 16px;
+    width: 17px;
+    background: url(assets/spyglass.png) no-repeat scroll transparent;
+    text-indent: -9999px;
+    border: 0;
+    cursor: pointer;
+    }
+#searchSubmitSide {
+    font-size: 14px;
+    margin-left: 75px;
+    margin-right: auto;
+    background: #477645;
+    border: 1px whitesmoke solid;
+    cursor: pointer;
+    }
+/* Navigation */
+/* For larger than Small */
+@media only screen and (min-width: 56em) {
+#header nav {
+    margin-top: -55px;
+        }
+    }
+#header nav {
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem;
+    background-image: url(assets/navBg.png);
+    padding-right: 40px;
+    }
+#header nav ul, #header nav li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    }
+#header nav ul {
+    float: right;
+    display: inline-table;
+    }
+#header nav ul ul {
+    display: none;
+    }
+#header>nav>ul>li {
+    float: left;
+    }
+#header nav a {
+    line-height: 26px;
+    color: white;
+    display: block;
+    padding: 20px;
+    text-decoration: none;
+    }
+#header nav ul ul a {
+    padding: 5px 10px;
+    }
+#header nav a:hover {
+    background: rgba(255, 255, 255, .2);
+    }
+/* Slideshow */
+#testImg {
+    visibility: hidden;
+    }
+#homeSlide {
+    padding-top: 15px;
+    }
+#slideshow ul, #slideshow li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: block;
+    }
+/* Toolbox */
+#toolbox {
+    margin-bottom: 50px;
+    margin-right: 40px;
+    }
+#home #toolbox {
+    margin-left: 45px;
+    }
+/* For Small */
+@media only screen {
+    #toolbox.nosideNav {
+        margin-left: 0;
+        }
+    }
+/* For larger than Small */
+@media only screen and (min-width: 40.063em) {
+    #toolbox.nosideNav {
+        margin-left: 50px;
+        }
+    }
+#toolbox h1,
+#toolbox h2 {
+    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
+    font-size: 22px;
+    color: #477645;
+    }
+#toolbox .listing {
+    margin-top: 2em;
+    }
+/* For Small */
+@media only screen {
+    .imageleft, .imageright {
+        float: none;
+        width: 100%;
+        }
+
+    }
+/* For larger than Small */
+@media only screen and (min-width: 40.063em) {
+    .imageleft {
+        float: left;
+        margin: 0 20px 20px 0;
+        width: auto;
+        }
+    .imageright {
+        float: right;
+        margin: 0 0 20px 20px;
+        width: auto;
+        }
+    }
+.imagecaption {
+    font-size: 12px;
+    font-style: italic;
+    padding: 10px;
+    }
+/* Homepage Blocks */
+#hHlines {
+    margin: 0 45px;
+    }
+#hHlines ul, #hHlines li {
+    margin: 0;
+    /* padding: 0; */
+    list-style-type: none;
+    display: block;
+    }
+.hHlinesItem a {
+    display: block;
+    color: white;
+    position: relative;
+    }
+.hHlinesItem img {
+    display: block;
+    z-index: 100;
+    }
+.hHlinesItem i {
+    font-style: normal;
+    font-weight: bold;
+    text-align: right;
+    line-height: 30px;
+    display: block;
+    background: rgba(36,104,144, .8);
+    position: absolute;
+    bottom: 0;
+    z-index: 100;
+    padding: 5px 10px;
+    width: 100%;
+    }
+.hHlinesItem a:hover i {
+    background: rgba(36,104,144, .9);
+    }
+@media only screen and (max-width: 40em) {
+    #hHlines {
+        margin: 0 12px;
+        }
+    }
+/* Footer */
+#footer {
+    border-top: 4px solid #477645;
+    background: #3e98bb;
+    font-size: 13px;
+    color: white;
+    }
+#footer>div {
+    margin: 1em 0;
+    border-right: 1px solid #6fb4ce;
+    }
+#footer>div:nth-child(2) {
+    margin-bottom: 3em;
+    }
+#footer div div {
+    padding: .5em 0;
+    line-height: 1.2em;
+    }
+#footer a {
+    color: #aaceaf;
+    display: block;
+    text-decoration: underline;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
+    }
+#footer a:hover {
+    color: #ddd;
+    }
+#footer i {
+    font-style: normal;
+    display: block;
+    }
+#footer div#copyright p {
+    font-size: 12px;
+    text-align: center;
+    }
+#footer div#copyright a {
+    display: inline;
+    }
+#footer div div :first-child {
+    font-weight: bold;
+    }
+/* Events */
+#eventHomeColumn {
+    padding-left: 0;
+    }
+#homepage_events_wrapper {
+    background: #216083;
+    }
+#eventCalendarWrapper {
+    clear: left;
+    }
+#cEventMeetings,
+#cEventMore {
+    line-height: 26px;
+    float: left;
+    width: 50%;
+    font-size: 12px;
+    color: white;
+    text-align: center;
+    }
+#cEventMore a {
+    color: white;
+    background: #318bc0;
+    display: block;
+    text-decoration: none;
+    }
+#eventCalendar table {
+    background: #216083;
+    border: 0;
+    margin: 0 auto;
+    }
+#eventCalendar .monthname,
+#eventCalendar .calLink {
+    color: white;
+    }
+#eventCalendar td {
+    background: #fff;
+    font-size: 12px;
+    padding: 8px 7px;
+    }
+@media only screen and (max-width: 56em) {
+    #eventCalendar td {
+        padding: 5px;
+        }
+    }
+@media only screen and (max-width: 53em) {
+    #eventCalendar table {
+        display: none;
+        }
+    }
+#eventCalendar th {
+    padding: 2px;
+    }
+#eventCalendar table,
+#eventCalendar tr,
+#eventCalendar th,
+#eventCalendar td {
+    border-collapse: collapse;
+    }
+#eventCalendar td a {
+    font-weight: bold;
+    display: block;
+    }
+#eventItemWrapper {
+    padding: 0 10px;
+    }
+@media only screen and (max-width: 60em) {
+    #eventItemWrapper a:nth-child(4) {
+        display: none;
+        }
+    }
+@media only screen and (max-width: 51em) {
+    #eventItemWrapper a:nth-child(4) {
+        display: block;
+        }
+    }
+#eventItemWrapper span {
+    color: white;
+    font-size: 12px;
+    line-height: 1.4em;
+    }
+.cEventItem {
+    display: block;
+    }
+#eventItemWrapper a {
+    text-decoration: none;
+    padding: 8px 0;
+    display: block;
+    clear: both;
+    }
+#eventItemWrapper a:hover {
+    text-decoration: underline;
+    color: white;
+    }
+#eventItemWrapper a:last-child {
+    color: white;
+    font-size: 12px;
+    text-decoration: underline;
+    }
+#eventItemWrapper .cEventTitle,
+#eventItemWrapper .cEventDate,
+#eventItemWrapper .cEventTimes,
+#eventItemWrapper .cEventDescription {
+    display: block;
+    font-size: 12px;
+    }
+#eventItemWrapper .cEventTitle {
+    font-weight: bold;
+    font-size: 14px;
+    }
+.cEventDate {
+    float: left;
+    }
+.cEventTimes {
+    float: right;
+    }
+/* Subnav */
+#subnav {
+    /* width: 223px; */
+    background-color: rgb(43, 133, 168);
+    border: 2px solid white;
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
+    margin-bottom: 20px;
+    }
+#subnav h2 {
+    color: white;
+    font-size: 22px;
+    text-align: center;
+    margin: .5em 15px;
+    border-bottom: 1px solid #ddd;
+    }
+#subnav a {
+    color: white;
+    display: block;
+    text-decoration: none;
+    line-height: 1.1em;
+    padding: 3px 0;
+    font-size: 15px;
+    }
+#subnav a:hover {
+    color: #9dc6af;
+    text-shadow: 1px 1px #000;
+    }
+#subnav a#current {
+    background: url(assets/subnavMarker.png) no-repeat left top;
+    padding-left: 14px;
+    }
+#subnav ul,
+#subnav li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    }
+#subnav ul {
+    margin: 15px;
+    }
+#subnav li {
+    display: block;
+    }
+
+/* 2xsub */
+#subnav ul ul {
+    margin: 0;
+    }
+#subnav ul ul a {
+    padding-left: 25px;
+    }
+#subnav ul ul a#current {
+    padding-left: 25px;
+    background: url(assets/subnavMarker.png) no-repeat 11px top;
+    }
+/* 3xsub */
+#subnav ul ul ul {
+    margin: 0;
+    }
+#subnav ul ul ul a {
+    padding-left: 35px;
+    }
+#subnav ul ul ul a#current {
+    padding-left: 35px;
+    background: url(assets/subnavMarker.png) no-repeat 22px top;
+    }
+/* end subsub */
+#main {
+    margin-top: 16px;
+    clear: both;
+    }
+#breadcrumbs {
+    font-size: 12px;
+    color: rgba(0, 0, 0, .5);
+    margin-bottom: 2em;
+    }
+/* Image Upload Icons */
+.file-download, .download {
+       background-repeat: no-repeat;
+       background-position: left;
+       padding: 1px 2px;
+       padding-left: 22px;
+       position: relative;
+       margin-right: 10px;
+       margin-bottom: 5px;
+       display: block;
+       clear: left;
+    }
+.avi    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/avi.gif");}
+.doc    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/doc.gif");}
+.gif    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/gif.gif");}
+.html   { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/html.gif");}
+.jpg    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/jpg.gif");}
+.mov    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mov.gif");}
+.mp3    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mp3.gif");}
+.pdf    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/pdf.png");}
+.ppt    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/ppt.gif");}
+.txt    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/txt.png");}
+.wmv    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/wmv.gif");}
+.xls    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/xls.gif");}
+.zip    { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/zip.png");}
+.download {
+       background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/download.gif");
+       clear:  none;
+       background-repeat: no-repeat;
+}
+
+
+
+
+
+
+
+
+

diff --git a/templates/template.html b/templates/template.html
index 3040023..abab95b 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -7,7 +7,7 @@
         <title>{pageTitle:h}</title>
         {styles:h}
         <link rel="stylesheet" href="{mediaBaseURL:h}css/foundation.css">
-        <link rel="stylesheet" href="{mediaBaseURL:h}styles.css">
+        <link rel="stylesheet" href="{mediaBaseURL:h}styles.css?v=1.0.0">
         {topScripts:h}
                <link rel="stylesheet" href="{mediaBaseURL:h}css/superfish.css" media="screen">
                <script src="{mediaBaseURL:h}js/hoverIntent.js"></script>