body {
    font-family: Arial, Sans-Serif;
    color: #313131;
    background-position: top center;
    background-repeat: repeat-y repeat-x;
}

#body {
    padding-bottom: 5px;
    background-position: top center;
    background-repeat: no-repeat;
}

#wrapper {
    margin: 0 auto;
    width: 960px;
}

#content {
    padding-top: 8px;
}

h2 {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold !important;
    color: #fff;
    font-size: 34px !important;
    line-height: 1;
}

h3 {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold !important;
    color: #000;
    font-size: 20px !important;
}

h3.documents {
    color: #fff;
    background-color: #ed008b;
    display: inline;
    letter-spacing: -1px;
    margin-left: -15px;
}

h4 {
    font-family: "Courier New", Courier, monospace;
    font-weight: bold !important;
    color: #fff;
    font-size: 26px !important;
}

p {
    font-size: 12px;
}

strong {
    font-weight: bold !important;
}

a strong {
    font-weight: bold;
}

strong a {
    font-weight: bold;
}

/* TOP search bar elements */

#topBar {
    height: 39px;
    background-color: #000;
    margin-bottom: 6px;
}

.searchBar {
    margin: 0 auto;
    width: 960px;
    font-family: "Courier New", Courier, monospace;
    font-size: 16px;
    font-weight: bold;
}

.accessLinks {
    float: left;
    padding: 10px 0 0 0;
    color: #fff;
}

.accessLinks em {
    background-color: #1e82d7;
    padding: 2px 5px 3px 5px;
    font-weight: bold;
    letter-spacing: -1px;
}

.accessLinks a {
    color: #fff;
}

.searchBox {
    float: right;
	border: none;
	margin: 4px auto 0 auto;
	background: #222;
}

.searchBox input, .searchBox button {
	border: none;
	float: left;
}
.searchBox input.box {
	color: #000;
	width: 150px;
	height: 26px;
    background: #fff;
	margin-right: 5px;
	padding-top: 5px;
}
.searchBox input.box:focus {
	outline: none;
	background-color: #f4f4f4;
}
.searchBox input.btn {
	width: 105px;
	height: 31px;
	cursor: pointer;
	text-indent: -9999px;
    background:url(../assets/cs_search_btn.gif) no-repeat;
    
    font-size: 0px;	
    display:block;
    line-height: 0px;

}

/* NAVIGATION elements */

.naviBar {
    background:  url(../assets/cs_topnavi_bg.png) no-repeat;
    width: 960px;
    height: 76px;
    margin: 7px 0 0 0; 
    width: 100%;
    overflow: hidden;
    position: relative;
}

.naviBar ul {
    float: left;
    position: relative;
    left: 50%;
    text-align: center;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    font-size: 16px;
    /*width: 90%; BRING BACK IN IF BUGGING OUT*/
}

.naviBar ul li {
    float: left;
    position: relative;
    right: 50%;
    margin: 20px 8px 0 8px;
    color: #fff;
    background-color: #000;
    width: 130px;
}

.naviBar ul li a {
    text-decoration: none;
    color: #fff;
}

.naviBar ul li a:hover {
    color:#fff;
}

.naviBar .current {
    color:#fff;

}

.naviBar .current a {
    color:#fff;
}

div.navi {
    padding-bottom: 40px;
}

.navi ul {
    padding: 3px 0 0 7px;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    font-weight: bold;
    width: 170px;
}

.navi ul li {
    padding: 3px 0;
    background: url(../assets/cs_navi_bdr_btm.gif) left bottom no-repeat;
    color: Red;    
}

/*.navi .current {
    background-color: ;
}*/

.navi ul a {
    color: #000;
    text-decoration: none;
}

.navi ul a:hover {
    color: #000;
    text-decoration: underline;
}

.navi em {
    color: #ed008b;
    font-style: normal;
}

.sub_indent {
    text-indent: 10px !important;
    background-image: none !important;
}

ul.subNavi_2ndLevel {
    margin-top: 2px;
    padding: 3px 0 0 0 !important;
    background: url(../assets/cs_navi_bdr_btm.gif) left top no-repeat;    
}

.subNavi_2ndLevel li {
    margin-left: 10px;
    background: none !important;
}

ul.subNavi_3rdLevel {
    margin-top: 2px;
    padding: 3px 0 0 0 !important;
    /*background: url(../assets/cs_navi_bdr_btm.gif) left top no-repeat;    */
}

.subNavi_3rdLevel li {
    margin-left: 10px;
    background: none !important;
}

/* IMAGE REPLACEMENTS for panel headers */

.logoBanner {
    height: 87px;
    width: 960px;
    padding: 8px 0 7px 0;
    cursor: pointer;
    
}

    h1.logoBanner {
        position: relative; 

        display:block;
        font-size: 0px;
        line-height: 0px;
    }

        h1 span.logoBanner {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_logo_banner_new.png);  
        }

.naviHd {
    height: 41px;
    width: 170px;
}

    h5.naviHd {
        position: relative;
    }

        h5 span.naviHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_navi_hd.gif);
        }

.shareitHd {
    height: 38px;
    width: 170px;
}

    h5.shareitHd {
        position: relative;
    }

        h5 span.shareitHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_shareit_hd.gif);
        }

.creativeHd {
    height: 53px;
    width: 170px;
}

    h5.creativeHd {
        position: relative;
    }

        h5 span.creativeHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_getcreative_hd.gif);
        }

.yahooKidsHd {
    height: 38px;
    width: 170px;
}

    h5.yahooKidsHd {
        position: relative;
    }

        h5 span.yahooKidsHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_yahookids_hd.gif);
        }

.tweetsHd {
    height: 62px;
    width: 189px;
}

    h5.tweetsHd {
        position: relative;
    }

        h5 span.tweetsHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_tweet_hd.gif);
        }

.adviceHd {
    height: 47px;
    width: 189px;
}

    h5.adviceHd {
        position: relative;
    }

        h5 span.adviceHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_needadvice_hd.gif);
        }

.spotifyHd {
    height: 44px;
    width: 189px;
}

    h5.spotifyHd {
        position: relative;
    }

        h5 span.spotifyHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_spotify_hd.gif);
        }

.relatedLinksHd {
    height: 48px;
    width: 189px;
}

    h5.relatedLinksHd {
        position: relative;
    }

        h5 span.relatedLinksHd {
            position: absolute;
            top: 0;
            background-image: url(../assets/cs_relatedlinks_hd_alt2.gif);
        }


/* MIDDLE column items */

#middle {
    float: left;
    margin: 0 9px;
    margin-bottom: 10px;
}

.mainCol {
    background: url(../assets/cs_content_bg.gif) bottom left no-repeat;
    padding-bottom: 52px;
    margin: 0 0 7px 0;
}

.mainCol h3 {
    padding: 5px 0 5px 0;
}

.mainCol p {
    padding: 0 15px 15px 0;
    width: 553px;
}

.mainCol ul {
    padding: 5px 0 0 15px;
}

.mainCol a {
    color: #1e82d7;
    text-decoration: none;
    font-weight: bold;
}

.mainCol a:hover {
    text-decoration: underline;
}

.header {
    background: url(../assets/cs_header_bg.gif) no-repeat;
    width: 568px;
    height: 62px;
    padding: 0 0 0 15px;
}

.primaryHeader {
    background: url(../assets/cs_primaryHeader_bg.gif) no-repeat;
    width: 568px;
    height: 90px;
    padding: 0 0 0 15px;
}

.subHeader {
    background: url(../assets/cs_subHeader_bg.gif) no-repeat;
    width: 568px;
    height: 90px;
    padding: 0 0 0 15px;
}

.breadCrumbs {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    background-color: #904097;
    color: #fff;
    padding-top: 3px;
    height: 19px;
}

.breadCrumbs p {
    padding-left: 15px;
    width: 568px;
}

.breadCrumbs p a {
    color: #fff;
    text-decoration: none;
}

.breadCrumbs p a:hover {
    color: #fff;
    text-decoration: underline;
}

.videoPanel {
    background: url(../assets/cs_video_bg.gif) left bottom no-repeat;
    width: 541px;
    /* height: 24px; */ /* use this for no video */
    padding: 0 0 40px 42px;
}

.tabbedPanel {
    width: 583px;
    min-height: 520px;
    background-color: #fff;
    /*padding-bottom: 20px;*/
    margin-top: 10px;
}

.primaryContent {
    width: 568px;
    padding-left: 15px;
}

/* -------------------------------------------------------------- 
   =JOBS
-------------------------------------------------------------- */

a.job {
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    display: block;
    border: solid 1px #fff;
    border-top: 1px solid #c8dda9;
    border-bottom: 1px solid #c8dda9;    
    width: 548px;
    
    color: #1e82d7 !important;
    text-decoration: none;
    font-weight: bold;
}

a.job:hover {
    background-color: #ebfbd3;
    border: solid 1px #c8dda9;
    text-decoration: none;
}

.job span {
    color: #cccccc;
}

.jobClientLogo /* client logos within the Job Posts */ {
    float: right;
    margin: 20px 20px 0 0;
    border: solid 20px #e6e6e6;
}

table.jobPostContent {
    font-size: 13px;
    margin: 20px 0 0 0;
    width: 385px;
}

table.jobPostContent td {
    padding-top: 10px;
    vertical-align: top;
}

table.jobPostContent span {
    font-size: 10px;
    font-style: italic;
}

table.jobPostContent strong {
    color: #666666;
    font-weight: bold;
}

table.jobPostContent em {
    font-weight: bold;
    font-size: 16px;
    color: #1e82d7;
}

.jobApply /*Apply Now box*/ {
    height: 60px;
    background-color: #ebfbd3;
    border: solid 1px #c8dda9;
    margin: 20px 20px 20px 0;
    padding-left: 15px;
}

.jobApply p {
    font-size: 12px !important;
}

.linkJobList /*Link box*/ {
    height: 20px;
    background-color: #ebfbd3;
    border: solid 1px #c8dda9;
    margin: 0 20px 0 0;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 2px;
}

.linkJobList a {
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    color: #1e82d7 !important;
    text-decoration: none;
    font-weight: bold;
}
.linkJobList a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------------- 
   =EVENTS
-------------------------------------------------------------- */

h3.eventDate {
    margin: 0;
    /*font-size: 18px;*/
    padding: 15px 0 0 0!important;
    font-family: Arial, Sans-Serif;
    font-size: 16px !important;
    color: #1e82d7 !important;
}

div.event_main {
    /*float: left;*/
    /*width: 495px;*/
    padding-right: 15px;
}

div.event_main h2 {
    font-size: 22px;
}

div.event_nav {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    font-size: 11px;
    margin-top: 15px;
    padding: 3px 0;
    position: relative;
    float: left;
    width: 100%;
}


div.event_nav p {
    font-size: 11px;
    float: left;
    margin: 0;
}

div.event_nav a.next_month {
    position: absolute;
    right: 0px;
    top: 4px;
}

div.event_nav a.previous_month {
    position: absolute;
    right: 80px;
    top: 4px;
}

div.event_sidebar {
    width: 220px;
    float: left;
}

div.event_sidebar h5 {
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #ccc;
}

h5 a.previous_month span, 
h5  a.next_month span {
    display:none;
}

h5 a.previous_month,
h5 a.next_month  {
    width: 9px;
    display: block;
    float: left;
    height: 13px;
    margin-right: 4px;
    background-position: top left;
    background-repeat: no-repeat;
}

h5 a.previous_month {
    background-image: url(images/arrow_left.gif);
}

h5 a.next_month {
    background-image: url(images/arrow_right.gif);
}

table.sm_calendar {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 220px;
    font-size: 11px;
}

table.sm_calendar th,
table.sm_calendar td {
    padding: 2px;
    border: 1px solid #e7e7e7;
    text-align: center;
    
}

table.sm_calendar td.eventDay {
    background-color: #c6364a;
    color: white;
    font-weight: bold;
    position: relative !important;
    
}

div.events_today {
    position: absolute;
    background: #fff;
    color: #000;
    border: 1px solid #444;
    z-index: 99999;
    width: 200px;
    text-align: left;
    padding: 10px;
    display: none;
}

div.events_today h6 {
    margin: 0 0 5px 0;
    font-size: 14px;
    background: url(images/calendar-day.png) left center no-repeat;
    padding:1px 0 1px 18px;
}

table.sm_calendar th {
    font-weight: bold;
}

p.ical_export {
    padding: 10px 0;
    font-size: 12px;
}

p.ical_export a {
    background: url(images/calendar-day.png) left center no-repeat;
    padding:1px 0 1px 18px;
}

ul.events_list {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.events_list li {
    clear: both;
    margin: 0;
    padding: 15px 0 0 0;
    /*float: left;*/
    width: 100%;
}

ul.events_list li p.event_date_cal {
    width: 40px;
    margin: 0 15px 0 0;
    text-align: center;
    border: 1px solid #999;
    float: left;

    -moz-box-shadow: 0px 0px 3px #c1c1c1;
}

span.event_date_cal_day {
    display: block;
    background: #ccc;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
}

span.event_date_cal_month {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

ul.events_list li h3 {
    margin: 0;
    /*font-size: 18px;*/
    padding: 0 !important;
    font-family: Arial, Sans-Serif;
    font-size: 16px !important;
}

ul.events_list li p {
    font-size: 12px;
    padding: 0 !important;
}

div.event_short_list {
    /* the * differentiates this so as to only apply style to ie7 and below */
    *position: absolute;
}

div.event_short_list a {
    color: #1e82d7 !important;
    text-decoration: none;
}

div.event_short_list a:hover {
    text-decoration: underline;
}

h5.no_events {
    font-size: 16px;
    padding-top: 70px;
}

img.eventBannerImage {
    padding: 15px 0 0 0;
}


.linkEventList /*Link box on homepage*/ {
    clear: left;
    height: 20px;
    background-color: #ebfbd3;
    border: solid 1px #c8dda9;
    margin: 20px 20px 0 0;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 2px;
}

.linkEventList a {
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    color: #1e82d7 !important;
    text-decoration: none;
    font-weight: bold;
}
.linkEventList a:hover {
    text-decoration: underline;
}


/* document links */

.bottomDocuments {
    margin-top: 10px;
}

.bottomDocuments a {
    font-size: 12px;
    font-weight: bold;
}

.bottomDocuments a:hover {
    text-decoration: underline;
}

/* search results highlight found text */

.xsltsearch_description strong {
    background-color: #9fd8ef ;
}

.xsltsearch_result {
    border-bottom: dashed 1px #c8dda9;
    margin: 8px 8px 0 0;
}

/* LEFT HAND column items */

#left {
    float: left;
}

.leftCol {
    background: url(../assets/cs_left_col_bg.gif) bottom left no-repeat;
    /*padding-bottom: 41px;*/
    margin: 0 0 7px 0;
    width: 170px;
}

.leftCol p {
    padding: 3px 0 3px 7px;
    font-size: 11px;
}

.leftCol a {
    color: #1e82d7;
    text-decoration: none;
    font-weight: bold;
}

.leftCol p a {
    font-weight: normal;
}

.leftCol a:hover {
    text-decoration: underline;
}

/* -------------------------------------------------------------- 
   =SHARE THIS LINKS
-------------------------------------------------------------- */

.shareIt {
    padding-bottom: 10px;
}

.shareIt ul {
    padding: 6px 0 6px 12px;
    font-size: 11px;
}

.shareIt a {
    color: #333333;
    font-weight: normal;
}

/* the link to show more bookmark sites */
a.share_options {
    color: #1e82d7 !important;
}

/* sprites */

li.shareitem { 
    background:url(../assets/sharing-sprite.png) no-repeat; 
    padding:0 0 0 22px; 
    margin: 4px 0 4px 0; 
    height: 16px; 
}

li.bebo { background-position: 0px -831px; }
li.backflip { background-position: 0px -64px; }
li.blinklist { background-position: 0px -112px; }
li.blogmarks { background-position: 0px -128px; }
li.delicious { background-position: 0px -176px; }
li.digg { background-position: 0px -192px; }
li.facebook { background-position: 0px -240px; }
li.fark { background-position: 0px -256px; }
li.faves{ background-position: 0px -144px; }
li.friendfeed { background-position: 0px -304px; }
li.furl { background-position: 0px -320px; }
li.google { background-position: 0px -336px; }
li.linkagogo { background-position: 0px -384px; }
li.linkedin { background-position: 0px -400px; }
li.magnolia{ background-position: 0px -432px; }
li.mixx { background-position: 0px -464px; }
li.myspace { background-position: 0px -496px; }
li.netvouz { background-position: 0px -528px; }
li.newsvine { background-position: 0px -544px; }
li.pownce { background-position: 0px -560px; }
li.propeller { background-position: 0px -576px; }
li.reddit { background-position: 0px -592px; }
li.slashdot { background-position: 0px -672px; }
li.stumbleupon { background-position: 0px -704px; }
li.technorati { background-position: 0px -752px; }
li.twitter { background-position: 0px -784px; }
li.yahoo { background-position: 0px -512px; }

.creativeCorner {
    padding-bottom: 20px;
}

.creativeCorner a em {
    margin: 0 0 0 -7px;
    padding: 3px 0 3px 7px;
    background-color: #4d1880;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    display: block;
}

.creativeCorner a strong {
    margin: 0 0 0 -7px;
    padding: 3px 0 3px 7px;
    background-color: #1e82d7;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    display: block;
    width: 60%;
}

.creativeCorner a:hover strong, .creativeCorner a:hover em {
    text-decoration: underline;
}

/* Yahoo Kids Search Box */

.yahooKids {
    padding-bottom: 20px;
}

.yahooKids a em {
    margin: 0 0 0 -7px;
    padding: 3px 0 3px 7px;
    background-color: #4d1880;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    display: block;
}

.yahooKids a strong {
    margin: 0 0 0 -7px;
    padding: 3px 0 3px 7px;
    background-color: #1e82d7;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    display: block;
    width: 60%;
}

.yahooKids a:hover strong, .yahooKids a:hover em {
    text-decoration: underline;
}

.yahooKidsSearch {
    /*float: right;*/
	border: none;
	/*margin: 4px auto 0 auto;*/
	/*background: #fff;*/
}

/*.yahooKidsSearch input, .yahooKidsSearch button {
	border: none;
	float: left;
}*/
.yahooKidsSearch input.box {
	color: #000;
	width: 148px;
	height: 19px;
    background: #fff;
	margin: 15px 5px 5px 10px;
	padding-top: 5px;
	border: solid 1px #000;
}
.yahooKidsSearch input.box:focus {
	outline: none;
	background-color: #f4f4f4;
}
.yahooKidsSearch input.btn {
	width: 120px;
	height: 19px;
	cursor: pointer;
	text-indent: -9999px;
    background:url(../assets/cs_yahookids_btn.gif) no-repeat;
	margin: 0 5px 15px 12px;    
    font-size: 0px;	
    display:block;
    line-height: 0px;
    border: none;
}
/*.yahooKidsSearch input.btn {
    margin: 0 5px 15px 10px;
	cursor: pointer;
}*/


/* RIGHT HAND column items */

#right {
    float: right;
    width: 189px;
}

.rightCol {
    background: url(../assets/cs_right_col_bg.gif) bottom left no-repeat;
    padding-bottom: 20px;
    margin: 0 0 7px 0;
}

.rightCol p {
    padding: 5px 3px 8px 7px;
    font-size: 11px;
}

.rightCol a {
    color: #1e82d7;
    text-decoration: none;
    font-weight: bold;
}

.rightCol p a {
    font-weight: normal;
}

.rightCol a:hover {
    text-decoration: underline;
}

.tweets {
    padding-bottom: 20px;
}

.tweets p {
    padding: 8px 0 8px 7px;
    background: url(../assets/tweet_border_bottom.gif) bottom no-repeat;
}

.tweets p a {
    text-decoration: none;
    color: #1e82d7;
}

.tweets p em {
    font-style: italic;
}

.tweets span a {
    display: block;
    padding: 12px 0 0 7px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #1e82d7;
    font-weight: bold;
    text-decoration: none;
}

.tweets span a:hover {
    text-decoration: underline;
}

.adviceCallout {
    padding-bottom: 20px;
}

.relatedLinks {
    padding-bottom: 40px;
}

.relatedLinks a {
    padding: 12px 0 0 7px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #1e82d7;
    font-weight: bold;
    text-decoration: none;
}

.relatedLinks a:hover {
    text-decoration: underline;
}


/* FOOTER items */

#footer {
    clear: both;
    margin-bottom: 30px;
    background: url(../assets/cs_footer_bg.png) no-repeat;
    height: 71px;
}

#footer ul {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    padding: 29px 18px;
}

#footer ul em {
    color: #1e82d7;
}


#footer ul li {
    display: inline;
}

#footer ul .ftLeft {
    float: left;
}

#footer ul .ftRight {
    float: right;
}

#footer a {
    color:#1e82d7;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}


/* play button for video player */

img.playBtn {
    position: relative;
    top: 93px;
    left: 220px;
}



/* homepage tabbed panel styling (external to jquery css) */

h4.tab1 {
    display: block;
    background-color: #1e82d7/*light blue*/;
    color: #fff;
    height: 43px;
    padding: 20px 0 0 10px;
    margin-left: -10px;
}

h4.tab2 {
    display: block;
    background-color: #4d187f/*purple*/;
    color: #fff;
    height: 43px;
    padding: 20px 0 0 10px;
    margin-left: -10px;
}

h4.tab3 {
    display: block;
    background-color: #323131/*blackish*/;
    color: #fff;
    height: 43px;
    padding: 20px 0 0 10px;
    margin-left: -10px;
}

h4.tab4 {
    display: block;
    background-color: #fa9a19/*orange*/;
    color: #fff;
    height: 43px;
    padding: 20px 0 0 10px;
    margin-left: -10px;
}

h4.tab5 {
    display: block;
    background-color: #ed1c24/*red*/;
    color: #fff;
    height: 43px;
    padding: 20px 0 0 10px;
    margin-left: -10px;
}

.tabContent {
    padding-left: 10px;
    padding-bottom: 10px;
    *margin-bottom: 10px;
}

.tabContent p {
    font-family: Arial, Sans-Serif;
    color: #313131;
    font-size: 12px;
    padding: 5px 10px 8px 0;
}

.tabContent img {
    margin: 15px 15px;
    border: solid 10px #e6e6e6;
}

/* file extension icons on document links */

a.pdf {
    background:url(../assets/acrobat.gif) left 5px no-repeat;
    display: block;
    min-height: 16px;
    padding: 6px 0 0 22px;
    font-size: 12px;
    font-weight: bold;
}

/* Flickr styling - homepage gallery tab */

ul.flickrList {
    padding-left: 15px;
}

.flickrList li {
    display: inline;
}
.flickrList img {
    border: solid 10px #e6e6e6;
    margin: 5px;
    padding: 0 !important;
}

/* google channel module */

table.gadget td {
    padding: 5px 10px !important;
}


/* -------------------------------------------------------------- 
   =CONTACT FORM
-------------------------------------------------------------- */

/* -------- for the contact form (taken and adapted from CWS2 - Warren Buckley) -------- */

/* BH copy and paste these at the bottom of your main stylesheet */


#ctl00_ctl00_ContentPlaceHolderDefault_ContactForm_2_FormFields {
	background:transparent url(../assets/hr_white-grey.gif) repeat-x scroll left bottom;
	padding-bottom: 30px;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContactForm_2_ValidationSummaryText {
	color: red;
	font-family: Verdana, Geneva, Arial;
	font-weight: bold;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContactForm_2_ValidationSummaryText ul li {
	font-weight: normal;
}

fieldset {
	padding-left: 100px;
}

fieldset label {
	display:block;
	margin:10px 0 0;
}

fieldset legend {
	display:none;
}

fieldset label {
    font-size: 12px;
}

fieldset input {
	/* background-color:#252525; */
	border:1px solid #a5acb2;
	color:#4C4D4F;
	font-size:14px;
	height:17px;
	margin:0 0 3px;
	padding:2px;
	width:350px;
}

fieldset textarea {
	/* background-color:#252525; */
	border:1px solid #a5acb2;
	color:#4C4D4F;
	font-family:Arial,Verdana,Sans-Serif;
	font-size:14px;
	height:130px;
	margin:0 0 3px;
	padding:2px 2px 1px;
	width:350px;
}

.form .text {
	margin:0 10px 0 0;
	width:100%;
}

.form .fields {
	width:265px;
}

.hide {
	display:none;
}

/*fieldset button {
	margin-top: 5px;
}*/

fieldset {
    position: relative;
    left: 80px;
}

fieldset button {
	width: 105px;
	height: 31px;
	cursor: pointer;
	text-indent: -9999px;
    background:url(../assets/cs_send_btn.gif) no-repeat;
    border: medium none;
}

fieldset input {
	/* background-color:#252525; */
	border:2px solid #4C4D4F;
	color:#4C4D4F;
	font-size:14px;
	height:17px;
	margin:0 0 3px;
	padding:2px;
	width:350px;
}

fieldset textarea {
	/* background-color:#252525; */
	border:2px solid #4C4D4F;
	color:#4C4D4F;
	font-family:Arial,Verdana,Sans-Serif;
	font-size:14px;
	height:130px;
	margin:0 0 3px;
	padding:2px 2px 1px;
	width:350px;
}

.form .text {
	margin:0 10px 0 0;
	width:100%;
}

.form .fields {
	width:265px;
}

.hide {
	display:none;
}

/*button {
	margin-top: 5px;
}*/


/* ------------------------------------------------------ */

/* new calendar */

table {width: 100%;}

tr {
    vertical-align: top;
    height: 40px;
}

tr th {
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #f7931d;
}

tr td span { /* date numbers */
    font-family: Verdana, Sans-Serif;
    font-size: 10px;    
    color: #313131;
    /*display: block;*/
}

/*tr td span.arrow {
    background: #fbe7e7 url(../assets/downrightarrow.gif) 16px 6px no-repeat;
    background-color: #fbe7e7;
    padding-right: 12px;
    display: block;
    margin: 0 5px 0 0;
}*/

tr td {
    border: dashed 1px #e2e2e2;
    margin: 0;
    padding: 0 0 8px 7px;
    width: 600px;
}

tr td.full {
    background-color: #fbe7e7;
    border: solid 6px #fff;
    padding-left: 7px;
}

tr td, tr td a {
    font-size: 11px;
}

tr td a.eventAlternate {
    color: #904097;
}


tr.firstTr td {
    border: none;
    padding: 10px 0 0 0;
    font-size: 12px;
}

tr.firstTr td a{
    font-size: 12px;
}



div#middleCalendar {
    margin: 0 0 30px 179px;
}

div#middleCalendar div.subHeader {
    background: url(../assets/cs_calendarHeader_bg.gif) no-repeat;
    /*width: 568px;*/
    height: 90px;
    padding: 0 0 0 15px;


    width: auto;
}

div#middleCalendar div.mainCol {
    background: none;
}

div#middleCalendar div.primaryContent {
    width: auto;
    background-color: #fff;
    padding: 0 15px 30px 15px;
}


/* new short list of months events on homepage */

div.events_shortlist {
    clear: both;
    margin: 0;
    padding: 0 15px 0 0;
}

div.events_shortlist div.event_shortlist_item {
    clear: both;
    padding: 10px 0 0 0;
    margin: 0;
    border-top: dashed 1px #e2e2e2;
}

div.events_shortlist div.events_shortlist_date {
    padding: 0;
    margin: 0;
}

div.events_shortlist div.events_shortlist_date p.event_date_cal {
    width: 40px;
    margin: 0 15px 0 0;
    text-align: center;
    border: 1px solid #999;
    float: left;
    margin-bottom: 15px;
    padding: 0;

    -moz-box-shadow: 0px 0px 3px #c1c1c1;
}

div.events_shortlist div.events_shortlist_date span.event_date_cal_day {
    display: block;
    background: #FBE7E7;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e2e2;
    color: #1E82D7;
}

div.events_shortlist div.events_shortlist_date span.event_date_cal_nday {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #F7931D;
}

div.events_shortlist div.events_shortlist_date span.event_date_cal_month {
    display: block;
    background: #FBE7E7;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #e2e2e2;
    color: #1E82D7;
}

div.events_shortlist h3 {
    margin: 0;
    /*font-size: 18px;*/
    padding: 0 !important;
    font-family: Arial, Sans-Serif;
    font-size: 16px !important;
}

div.events_shortlist h3 a {
    color: #1e82d7 !important;
    text-decoration: none;
}

div.events_shortlist h3 a.eventAlternate {
    color: #904097 !important;
}

div.events_shortlist h3 a:hover {
    text-decoration: underline;
}

#904097

div.events_shortlist p {
    font-size: 12px;
    padding: 0 !important;
}

div.events_shortlist div.event_shortlist_details {
    margin: 0 0 10px 60px;
}





/*div.event_short_list {
    the * differentiates this so as to only apply style to ie7 and below */
    /* *position: absolute;
}*/

/*div.event_short_list a {
    color: #1e82d7 !important;
    text-decoration: none;
}

div.event_short_list a:hover {
    text-decoration: underline;
}*/





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */