/*	
Michael Jason Frost Screen Style Sheet
Author: SSE Design Group http://ssedesigngroup.com
Date: 2009-03-29
Colors:
lt beige ebe0d0
lt white f9f9f9
beige 746550
blue  33404b
schedule beige  dbb37e
brown 3f1611
*/

@charset "UTF-8";

/***** 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {}

/***** TEXT *****/
body {font: 13px/1.5 Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}

/* `Headings  */
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 17px;}
h4 {font-size: 15px;}
h5 {font-size: 13px; font-weight:bold;}
h6 {font-size: 12px; font-weight:bold;}

/* `Spacing  */

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset {margin-bottom: 20px;}

/***** GLOBAL *****/
html, body {border:0;margin:0;padding:0;}
body {margin:0;padding:0; background-color:#33404b; background-image:url(/Templates/images/bgrd.jpg); background-repeat:repeat-x; color:#ebe0d0;}
 
/***** COMMON *****/
p, ul, ol {margin:0;padding:0 0 1.25em 0;}
ul, ol {padding:0 0 1.25em 2.5em;}
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
.smtext {font-size: 11px;}
.medtext {font-size:12px;}
 
/***** LINKS *****/
a, a:link, a:visited, a:hover {text-decoration:underline;}
a {color: #dbb37e;}
a:link {color:#dbb37e;}
a:visited {color:#dbb37e;}
a:hover {color:#;caced3}
 
/***** FORMS *****/
form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em Arial, Helvetica, sans-serif;}
textarea {width:100%;line-height:1.25;}
label {cursor:pointer;}
.feedbackTextarea {width: 300px;}
 
/***** TABLES *****/
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
table tr td {}

/***** WRAPPER *****/
#wrap {width:1002px; margin:0 auto;}

/***** HEADER *****/
#header {background-image:url(/Templates/images/header3.jpg); background-position:right; background-repeat:no-repeat; width: 1000px;height: 491px;}
#nav {margin:auto;}

/***** CONTENT *****/
#content {padding: 20px 40px; font-size:13px;}
#content_index {float:left; width: 560px; padding: 20px; font-size:13px;}

/***** SIDEAR LEFT *****/
#sidebar_left {clear:right;float:left;width:343px; font-size:12px; margin-right:20px;}
#sidebar_left .content {background-image:url(/Templates/images/banner_bottom.png); background-position:bottom; background-repeat:no-repeat;}
#sidebar_left p {padding-left:10px; margin-right:15px;}
#sidebar h1 {}
#sidebar h2 {}
#sidebar ul, #sidebar ol {padding:0px;list-style:none;}

#news_box {background-image:url(/Templates/images/banner_bgrd.png); background-repeat:repeat-y;}
 
/***** CLASSES GLOBAL *****/
.clear         { clear:both; height:0;}
.left    { float:left; }
.right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:; }
 
.wrap          { width:;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img {border: 1px solid #000;}
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** FOOTER *****/
#footer {clear:both; background-image:url(/Templates/images/footer_bgrd.jpg); background-repeat: repeat-x; height:101px;font-size:10px;}
.footer {background-image:url(/Templates/images/footer.jpg); height:101px; width:1000px; margin:auto;}
.footer-left {float: left; margin-left:20px; width: 620px; padding-top: 50px;}
.footer-right {float:right; margin-right:20px; width: 320px; padding-top:55px; color:#000; font-weight:bold;}
.footer-right a, .footer-right a:link, .footer-right a:visited, .footer-right a:hover {color:#000;} 

/*****SCHEDULE ******/
#schedule_box {float:right; width: 263px; margin-right:27px; margin-top: 155px; padding:17px 24px 17px 28px; font-size:10px;}

/***** NEWS ******/
div#news {margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */ border: 1px solid #000;  background: #FFE9AF; }
div#news h2 {line-height: 2em; background: #fff;}
.NewsSummary {padding-left:100px; margin-right:15px; padding-bottom:6px;}
.NewsSummaryPostdate {font-size: 10px; color:#ccc; padding-left:20px;}
.NewsSummaryLink {font-weight: bold; padding-top: 0.2em;}
.NewsSummaryCategory {font-style: italic; margin: 5px 0;}
.NewsSummaryAuthor {font-style: italic; padding-bottom: 0.5em;}
.NewsSummarySummary, .NewsSummaryContent {line-height: 140%;}
.NewsSummaryMorelink {font-size:10px; font-style:italic;}
.NewsDetailField {float:left; margin-right:6px;}
#NewsPostDetailReturnLink, #NewsPostDetailPrintLink {float:right; margin-right:10px;}
hr #NewsPostDetailHorizRule {width: 160px; margin:auto; margin-bottom:5px;}
#NewsPostDetailDate {font-size: 11px; margin-bottom: 5px; font-weight: bold; color:#ccc; font-style:italic; padding-left:10px}
#NewsPostDetailSummary {line-height: 150%;}
#NewsPostDetailCategory {font-style: italic; border-top: 1px solid #ccc; margin-top: 0.5em; padding: 0.2em 0;}
#NewsPostDetailContent {margin-bottom: 15px; line-height: 150%;}
#NewsPostDetailAuthor {padding-bottom: 1.5em; font-style: italic;}
.news-pages {font-size:11px; text-align:right; color:#ccc;}
.NewsSummaryBlog {padding-bottom:6px;}
.NewsSummaryPostdateBlog {font-size: 10px; color:#ccc; padding-left:20px;}
.NewsSummaryLinkBlog {font-weight: bold; padding-top: 0.2em;}
.NewsSummaryCategoryBlog {font-style: italic; margin: 5px 0;}
.NewsSummaryAuthorBlog {font-style: italic; padding-bottom: 0.5em;}
.NewsSummarySummaryBlog, .NewsSummaryContentBlog {line-height: 140%;}
.NewsSummaryMorelinkBlog {font-size:10px; font-style:italic; text-align:right;}
.NewsSummaryFieldBlog {float:left; margin-right:8px;}
.NewsDetailField {float:left; margin-right:8px;}


/***** CALENDAR *****/
/* Example stylesheet for Calendar module For using this "big"-class insert something like this in your page
or template {cms_module module='Calendar'}
/* make all links red */
.calendar tr td a {color: red;}
/* highlight "today" for the small calendar */
.calendar-today {font-weight: bold;}
.calendar-color {background-color:#3f1611;}
#calendar-index {font-size:10px;}
/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title, #cal-upcominglist .calendar-summary-title {display: none;}
#cal-upcominglist h2, #cal-upcominglist .calendar-date, #cal-upcominglist .calendar-summary {display: inline;margin-right: 5px;}
/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1 {color: red;font-size: 120%;}
#cal-list h2, cal-upcominglist h2 {font-size: 110%;}
/** large calendar rules (assuming default class and id names)  border on for #cal-calendar */
#cal-calendar {margin: 0px;border-collapse:collapse;border: 1px solid black;}
/* nice squares for the #cal-calendar table */
#cal-calendar th {border: 1px solid black; padding: 3px; width: 75px;}
#cal-calendar td {border: 1px solid black; vertical-align: top; padding: 3px; height: 75px; width: 75px;}
/* format summaries nicely in #cal-calendar */
#cal-calendar ul {margin: 0px; padding: 0px; padding-left: 5px;}
#cal-calendar li {list-style-type: none; padding: 0px; margin: 0px;}
/* background colours for #cal-calendar */
#cal-calendar td {background-color: silver;}
#cal-calendar .calendar-day {background-color: #80ff80;}
#cal-calendar .calendar-today {font-weight: normal; background-color: #8080ff;}
.calendar-event .calendar-date-title, .calendar-event .calendar-summary-title, 
.calendar-event .calendar-details-title {display:none;}
#calendar-index .calendar-event {border-bottom: 1px dotted #efefef;}

/* BLOGS MADE SIMPLE */
a.blogs-breadcrumb,
.blogs-breadcrumb {color:#808080; font-weight:bold; padding:0px; padding-bottom:12px; text-decoration:none;}
a.blogs-breadcrumb:hover {color:#9C0800;}
.blogs-showmessage {margin:12px; padding:12px; border:2px solid #9C0800;}
.entry-headline {font-weight:bold; color: #000000;}
/*Main Blogs-styles*/
.blogs-showblogsentries {}
.blogs-showblogsentry {border-bottom:1px solid black;}
.blogs-showblogsentrytime {color:#333; font-size:80%;}
.blogs-showblogsentrytitle {font-size:130%; padding-bottom:13px;}
.blogs-showblogsentryshorttext {}
.blogs-showcategoryentrytext {}
.blogs-showcategoryentryfiles {}
.blogs-showcategoryentryauthor {padding:2px; font-style:italic;}
.blogs-showblogsentrycategory {}
.blogs-showblogsentrycomments {font-weight:bold;}
/*ShortCategory-styles*/
.blogs-shortbox {text-align:center; width:216px; margin:4px; margin-left:8px; margin-right:8px; float:left;}
.blogs-shortcategorytitle {text-align:center;  text-transform:capitalize; font-size:130%; border:2px solid black; padding-left:4px; padding-right:4px; padding-top:12px; padding-bottom:12px; width:212px;}
.blogs-shortcategorytitle:hover {background-color:#eee;}
.blogs-shortentrylist {margin-top:10px;}
.blogs-shortentry {}
.blogs-shortentrydate {color:#333; font-size:80%; padding-left:12px;}
.blogs-shortentrylink { padding-left:12px; padding-bottom:4px;}
/*** ShowCategoryList-styles ***/
.blogs-showcategorylistbox {}
.blogs-showcategorylistheader {}
.blogs-showcategorylistcategories {}
.blogs-showcategorylistcategory {}
/*** ShowCategory-styles ***/
.blogs-showcategorybox {width:90%;}
.blogs-showcategoryheader {width:50%; border:2px solid black; padding:10px; margin-bottom:24px;}
.blogs-showcategorytitle {font-size:130%; padding-bottom:13px;}
.blogs-showcategorydescription {}
.blogs-showcategoryentries {margin-top:10px; margin-left:12px;}
.blogs-showcategoryentry {padding-bottom:24px;}
.blogs-showcategoryentrytime {color:#333; font-size:80%;}
.blogs-showcategoryentrytitle {font-style:italic; margin-bottom:5px; margin-top:4px; padding-left:12px;}
.blogs-showcategoryentrytext {padding-bottom:2px;}
.blogs-showcategoryentryfiles {padding-top:4px; padding-left:8px;}
.blogs-showcategoryentryauthor {padding:2px; font-style:italic;}
.blogs-showcategoryentrycomments {font-weight:bold;}
/*** ShowEntry-styles ***/
.blogs-showentrybox {width: 98%;}
.blogs-showentryheader { width:50%; border:2px solid black; padding:10px; margin-bottom:24px;}
.blogs-showentrytime {color:#333; font-size:90%; padding-bottom:8px;}
.blogs-showentrytitle {font-size:130%; padding-bottom:13px;}
.blogs-showentrytext {}
blogs-showentrytext.a {color:#993333;}
.blogs-showentryauthor {font-style:italics;}
.blogs-showentryfiles {padding-top:13px; padding-left:0px;}
.blogs-showentrycomments {padding-left:12px;}
.blogs-showentrycomment {padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid .222;}
.blogs-showentrycommenttime {color:#333; font-size:80%;}
.blogs-showentrycommenttext {}
.blogs-showentrycommentauthor {font-style:italic;}
.blogs-showentrycommentform {padding-top:10px; margin-top:10px; padding-left:12px; margin-bottom:10px;}
.blogs-authorinput {width:400px; border:1px solid #333;}
.blogs-authorinput:hover {background-color:#ddd;}
.blogs-commentinput {width:400px; border:1px solid #333;}
.blogs-commentinput:hover {background-color:#ddd;}
.blogs-submitinput {border:1px solid #bbb;}
.blogs-submitinput:hover { background-color:#ddd;}
