/** Eric Meyer's CSS Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { cursor: pointer; }
body { color: #666152; font-size: 12px; font-family: Arial, Geneva, "Helvetica Neue" , Helvetica, Arial, sans-serif; }

/* heading fonts */
h1, h2 { font-family: Georgia,Utopia,Palatino, 'Palatino Linotype' , Times, 'Times New Roman' , Serif; color: #333333; }
h1 { font-size: 22px; margin-bottom: .8em; }
h2 { font-size: 16px; }
h3 { font-size: 13px; font-weight: bold; line-height: 1.8; }
h4 { font-size: 13px; font-weight: bold; padding: 10px 0; }

input[type=text], textarea { border: 1px solid #CDCDCD; color: Gray; font-size: 14px; padding: 4px; }
input[type=button] { border: solid 1px #cdcdcd; font-size: 14px; padding: 3px; }
.clear { clear: both; }
.faded-text { color: #ababab; }
a, a:visited { color: #FF4400; text-decoration: none; }
p { margin-bottom: 10px; }
.dot { margin: 0 7px;}
#colour-bar { background-color: #ebebeb; height: 10px; text-align: center; border-bottom: dotted 1px #999999; }

/* apply link hover style where needed */
p a:hover, #footer a:hover { border-bottom: dotted 1px #999; }

#main { background-image: url('/assets/images/bg.gif'); background-repeat: repeat-x; padding-top: 25px; border-top: dotted 1px #999999; }
#body-center { width: 940px; margin: 0 auto; }
#header { position: relative; width: 940px; margin: 16px auto 11px; }
#footer { border-top: 1px dotted #999; font-size: 11px; margin-top: 25px; padding: 12px 0; width: 940px;position: relative;}
#footer #copyright { width: 100%; }
#footer #contact { margin-top: 5px; width: 100%; }
#footer #facebook {position: absolute;top: 0;right: 0; width: 300px; height: 53px;line-height: 53px;}
#footer #facebook p{float:right}
#footer #facebook img { float: right;padding: 11px 0 0 10px;}
#footer #facebook a:hover{ text-decoration: underline;}

#main_navigation { float: right; position: absolute; bottom: 37px; right: 0; }
ul#nav { list-style: none; margin: 0; padding: 0; position: relative; }
ul#nav li { float: left; }
ul#nav li a { display: block; text-decoration: none; padding-left: 30px; letter-spacing: .04em; font-family: Georgia,Utopia,Palatino, 'Palatino Linotype' , Times, 'Times New Roman' , Serif; color: #818181; font-size: 14px; }
ul#nav li a:hover { text-decoration: underline; color: Black; }
ul#nav li a.selected { color: Black; }

/* 960 with a negative margin to center it*/
#mediaScroller { width: 960px; margin: 0 0 25px -10px; }

#image-rotator { height: 240px; width: 320px; }

.left-box, .right-box { height: 290px; line-height: 1.5; }
.left-box { width: 598px; float: left; padding-right: 20px; border-right: dotted 1px #999; }
.right-box { width: 300px; float: left; padding-left: 20px; }
.left-box h1, .right-box h1 { margin-bottom: 13px; }


.highlightItem { margin-bottom: 10px; color: #666666; }
.highlightItem .title { margin-bottom: 3px; }
.highlightItem .description { }
.highlightItem .date { color: #AEAEAE; font-family: Tahoma, Sans-Serif; font-size: 11px; }

#filters { color: #BBBBBB; font-size: 20px; font-weight: bold; margin: 20px 0 5px 20px; }

#sidemenu { width: 177px; float: left; position: relative; z-index: 200; }
#sidemenu li { height: 40px; line-height: 40px; }
#sidemenu li a { text-decoration: none; padding: 10px 15px; text-align: left; }
#sidemenu li span { text-decoration: none; padding: 10px 15px; text-align: left; font-weight: bold; }
#sidemenu li.selected { width: 177px; border-bottom: 1px solid #CDCDCD; border-right: 1px solid White; border-top: 1px solid #CDCDCD; }
#sidemenu li.selected:first-child { border-top: none; }
#sidemenu li.selected a { font-weight: bold; }


.separator { margin: 0 5px; }

#esword { }

#calendar { width: 100%; }
.fadedCalendarCell { background-color: #efefef; border: 1px solid #999999; vertical-align: top; padding: 5px; height: 85px; width: 14%; }
.calendarCell { background-color: #FFFFFF; border: 1px solid #999999; vertical-align: top; padding: 5px; height: 85px; width: 14%; }
.calendarCell div { font-size: 8px; color: #cdcdcd; overflow: hidden; }

#groups td { padding: 15px; font-size: 15px; }

#resources-screen { width: 960px; }

#media-center { background-color: black; width: 100%; display: block; height: 300px; }
.flowplayer { width: 640px; height: 360px; margin: 0 auto; }
.video-overlay { width: 640px; display: none; background-color: #efefef; border: 1px solid #666666; z-index: 1000; -moz-box-shadow: 0 0 12px 0px #000; -webkit-box-shadow: 0 0 12px #000; }
.video-overlay .close { background-image: url(/assets/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }

#resources-content { width: 648px; float: left; background-color: White; border: solid 1px #ededed; position: relative; }
#resources-highlights { width: 218px; float: left; margin-left: 30px; background-color: White; border: solid 1px #ededed; padding: 0 20px 10px 20px; }

#resources-content ul.tabs { display: block; height: 137px; }
#resources-content ul.tabs li { float: left; }

#resources-content ul.items { width: 648px; font-family: Helvetica; font-size: 11px; }
#resources-content ul.items li { border-bottom: dotted 1px #ededed; margin: 0 20px; padding: 10px 0; position: relative; }

#resources-content div.left { width: 460px; }
#resources-content div.left div.title { width: 100%; font-size: 1.6em; font-weight: bold; color: #333333; }
#resources-content div.left div.information { width: 100%; padding-top: 6px; padding-bottom: 3px; }
#resources-content div.left div.description { width: 100%; color: #ababab; }
#resources-content div.right { position: absolute; right: 0px; top: 20px; }

#resources-content #navigation { padding: 25px 0 10px 20px; }
#resources-content #navigation a.page-number { text-decoration: underline; padding: 10px; }
#resources-content #navigation a.current-page-number { text-decoration: none; padding: 10px; color: #FF4400; }

#resources-highlights .filters li { padding: 1px 0 1px 10px; background: White url("/assets/images/arrow.gif") no-repeat left; margin-left: 10px; }

.highlightsBox ul.tabs li { float: left; background-color: White; padding-right: 4px; }
.highlightsBox ul.tabs li a { display: block; text-decoration: none; padding: 5px; background-color: #8a8a8a; font-weight: bold; color: white; }
.highlightsBox ul.tabs li a:hover { background-color: #ededed; color: Black; }
.highlightsBox ul.tabs li a.selected { background-color: #121212; }
.highlightsBox ul.tabs li a.selected:hover { color: White; }
.highlightsBox div.pane { border-top: solid 4px #121212; border-bottom: solid 4px #121212; height: 165px; }
.leftBox div.pane { display: none; }
.rightBox h1 { display: block; padding: 5px; background-color: #121212; font-weight: bold; color: White; font-size: 12px; width: 93px; }

.leftBox div.welcome { padding: 10px; height: 145px; }
.leftBox div.welcome p { float: left; clear: left; padding: 7px 0; }

#contentScreen { border: solid 1px #cdcdcd; width: 938px; background-color: White; }

.mp3player { width: 300px; height: 22px; }
.overlay { display: none; background-color: #efefef; border: 1px solid #666666; line-height: 1.5; padding: 20px; width: 650px; z-index: 10000; -moz-box-shadow: 0 0 12px 0px #000; -webkit-box-shadow: 0 0 12px #000; }
.overlay .close { background-image: url(/assets/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }

.vimeo-overlay { display: none; width:500px; height:280px; -moz-box-shadow: 0 0 6px 0px #000; -webkit-box-shadow: 0 0 6px #000; }
.vimeo-overlay .close {   background-image: url(/assets/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }            

#content { float: left; width: 760px; min-height: 462px; border-left: solid 1px #cdcdcd; padding-top: 20px; }
#content p { line-height: 1.4; padding: 1px 0; }
#content h1 { margin-left: 40px; margin-bottom: 10px; }
#content h2 { padding: 10px 0; }

.content-two-column { padding: 0 20px; clear: both; }
.content-two-column .left-column { margin: 0 20px; width: 320px; float: left; }
.content-two-column .right-column { margin: 0 20px; width: 320px; float: right; }

.content-one-column { padding: 0 40px; width: 700px; clear: both; }
#content img { padding: 10px 0; }

#content ul { list-style-type: disc; list-style-position: inside; padding: 10px 0 10px 20px; }
#content ul li { padding: 6px 0; }


#content .details { width: 288px; margin: 10px 0; padding: 15px; background-color: #f4f4f4; line-height: 1.9; border: solid 1px #cbcbcb; }
#content .details img { padding: 0 5px 0 0; }

.media-list li { padding: 5px 0; }
.media-list li .author { padding-right: 5px; width: 100px; }
.media-list li .title { padding-left: 5px; padding-right: 20px; width: 300px; }
.media-list img { vertical-align: middle; }
.media-list li span { display: block; float: left; line-height: 23px; }

#google-map { border: 1px solid #CCCCCC; height: 500px; margin-bottom: 35px; width: 680px; }
#google-map-popup { padding: 10px; }


#monthChooser { margin-left: 50px; font-size: 16px; margin-bottom: 18px; }
#monthChooser a { font-size: 12px; }
#listCalendar { margin-left: 50px; width: 500px; }
#listCalendar .day { width: 100px; float: left; font-size: 20px; font-weight: bold; }
#listCalendar .events { width: 400px; float: right; }
#listCalendar ul { list-style-type: none; padding: 0; }
#listCalendar ul li.date { margin-top: 10px; border-bottom: solid 1px #cdcdcd; }
#listCalendar li span.title { font-weight: bold; padding: 3px 0; }
#listCalendar li span.time { }
#listCalendar ul li ul li span { padding: 5px; }

#showall { position: absolute; right: 22px; top: 25px; }
img.watch,img.read { cursor: pointer; }


#invite-form { width: 550px; font-size: 12px; line-height: 1.4; float: left; }
#invite-form fieldset li { height: 45px; line-height: 40px; position: relative; }
#invite-form fieldset li.message { height: 205px; }
#invite-form label { width: 110px; display: block; text-align: right; }
#invite-form input[type=text], #invite-form textarea { width: 410px; display: block; position: absolute; right: 10px; top: 5px; }
#invite-form textarea { height: 200px; }
#invite-preview { float: right; width: 310px; }

#easter-invite td { padding: 20px; vertical-align: top; }
#easter-invite { line-height: 1.5; }

.invite-message { border-bottom: 1px solid #EEEEEE; color: #777777; font-style: italic; margin-bottom: 10px; padding-bottom: 10px; }
.from { color: #777; }
.feedback { background-color: #FFeeee; border: 1px solid #FF8888; display: block; margin-bottom: 10px; padding: 10px; width: 517px; }
.send-button { float: right; margin-right: 10px; margin-top: 25px; }

#admin-table { background-color: White; border: solid 1px #ddd; margin: 15px 0; }
#admin-table td { padding: 10px; }
#admin-table th { padding: 10px; font-weight: bold; font-size: 13px; }