*
{
margin: 0;
padding: 0;
}

body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666;
}


#wrapper
{
width: 100%;
}

a { color: #02226E }
a:hover { color: #aaa; }

#container
{
width: 972px;
position: relative;
left: 50%;
margin-left: -486px;
}

#inner
{
float: left;
width: 930px;
margin-left: 20px;
}

#header
{
float: left;
width: 930px;
height: 149px;
}


#logo
{
float: left;
width: 411px;
height: 115px;
}


#headNav
{
float: right;
margin-top: 40px;
width: 483px;
text-align: right;
}


#nav
{
float: left;
margin-left: 17px;
width: 950px;
}

#main
{
float: left;
width: 930px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 50px;
background: #FFF;
}


#slideshow
{
float: left;
width: 611px;
margin-top: 20px;
}


#leftColumn
{
float: left;
width: 611px;
margin-top: 20px;
}




#news
{
float: right;
margin-top: 20px;
width: 309px;
}



#rightColumn
{
float: right;
margin-top: 20px;
width: 309px;
}


#events
{
float: left;
width: 930px;
padding-bottom: 20px;
margin-top: 20px;
background: #EBEBD7;
}


#upcomingHead
{
float: left;
width: 890px;
padding: 15px 20px 15px 20px;
background: #CCCC99;
}




.comingSoon
{
float: left;
}


#welcome
{
float: left;
margin-top: 20px;
width: 580px;
}


#support
{
float: right;
margin-top: 20px;
width: 311px;
}


#footer
{
clear: both;
width: 100%;
height: 200px;
}

/*lists*/

#headNav ul
{
float: left;
}


#headNav ul li
{
font-family: trebuchet ms;
font-size: 0.7em;
color: #CCCC99;
display: inline;
padding-left: 32px;
padding-bottom: 8px;
float: right;
}



#headNav ul li a
{
color: #CCCC99;
text-decoration: none;
}

#headNav ul li a:hover { text-decoration: underline; }

.gold
{
color: #CCCC99;
}



#nav ul 
{
float: left;
}


#nav ul li
{
color: #FFF;
font-size: 12px;
float: left;
margin-left: 1px;
display: inline;
padding: 8px 0px 8px 0px;
font-family: trebuchet ms;
background-image: url('/_ui/images/bn-cover.png');
background-repeat:repeat-x;
}


#nav ul li a
{
height: 20px;
padding: 8px 13px 8px 12px;
color: #FFF;
text-decoration: none;
}

#nav ul li a:hover
{
margin: 0;
background-image: url('/_ui/images/bn-cover-on.png');
background-repeat:repeat-x;
}

#nav ul li.on { text-decoration: none; background: #904027; }

.holder
{
float: left;
width: 200px;
}

.listing
{
float: left;
display: inline;
width: 203px;
margin-top: 20px;
margin-left:23px;
}

.info
{
float: left;
margin-top: 20px;
width: 300px;
margin-left: 40px;
}



.infoRight
{
width: 350px;
float: right;
margin-top: 20px;
}


#leftColumn ul
{
margin-left: 30px;
margin-top: 30px;
color: #595959;
}

#leftColumn ul li
{
font-family: trebuchet ms;
font-size: 0.8em;
line-height: 180%;
list-style-type: none;
padding-left: 14px;
background: url("/_ui/images/listy.gif")0% 10px no-repeat;
color: #595959;
}


#rightColumn ul
{
padding-bottom: 5px;
color: #595959;
}

#rightColumn ul li
{
font-family: trebuchet ms;
font-size: 0.8em;
line-height: 180%;
padding-left: 14px;
background: url("/_ui/images/listy.gif")0% 10px no-repeat;
list-style-type: none;
color: #595959;
}

#rightColumn ul li a, #rightColumn a { color: #666; text-decoration: none; }
#rightColumn ul li a:hover, #rightColumn a:hover, #rightColumn span.on a { text-decoration: underline; }

.sideHead
{
float: left;
width: 290px;
height: 15px;
font-family: trebuchet ms;
font-size: 0.7em;
font-weight: bold;
padding: 10px;
background: url("/_ui/images/sideHead.gif") no-repeat;
}

.dropBox
{
float: left;
width: 310px;
}

.panel
{
float: left;
width: 280px;
padding-left: 20px;
padding-right: 10px;
background: #F1ECE1;
}

/*text*/


p
{
font-family: trebuchet ms;
font-size: 0.7em;
line-height: 130%;
color: #000;
}

#support p
{
font-size: 0.8em;
}

#welcome p
{
font-size: 0.8em;
}

h1,h2,h3,h4,h5,h6
{
font-family: trebuchet ms;
color: #02226E;
margin-bottom: 5px;
}

.title
{
margin-top: 20px;
}


.newsDate
{
float: right;
margin-top: 10px;
color:#AFAFAF;
}

.upcoming
{
float: left;
color: #917755;
}

.viewall
{
position: relative;
bottom: 3px;
margin-left: 5px;
}


.listDate
{
color: #917755;
margin-top: 10px;
}

.darker
{
color: #783B26;
}

#leftColumn p
{
font-size: 0.8em;
margin-top: 10px;
margin-bottom: 20px;
line-height: 150%;
}


#footer p
{
float: left;
font-family: trebuchet ms;
font-size: 0.8em;
line-height: 150%;
font-weight: normal;
color: #eee;
}

.pushy img
{
margin-bottom: 30px;
}

li.on { text-decoration: underline; }

/* -- Calendar -- */

#calendar
{
float: right;
margin-top: 50px;
width: 310px;
background: #5B7AB5;
}

.course table {
width: 100%;
font-size: .9em;
border-collapse: collapse; 
}

.course .month {
font-size:1em;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:bold;
color:#436FE2;
background-color: #6C89CF
}

.course .monthname { text-align: center; font-weight: bold; background-color: #5B79B5}


.course table tr td{

}

.course table td{
background-color: #8CA7DE;
color: #fff;
font-size: 13px;
height: 30px;
width: 20px;
text-align: center;
border: 1px solid #6C89CF; border-right: none; border-bottom: none;
}

.course table td.nomonthday { background-color: #7B97D6 }

div.course .month td.dayname {
text-align: left;
text-transform: uppercase;
font-size:10px;
background:#6C89CF;
color: #D0D9F0;
letter-spacing: 0px;
padding: 2px 3px;
}

.course .on {
border: 1px solid #fff;
background-color: #8CA7DE;
color:#FFFFFF;
}

td.monthname { color: #fff; font-size: 15px; letter-spacing: 0; height: 30px; }

span.date-title { font-size: 9px; font-weight: normal; line-height: 8px; }

/* EVENT CALS */

#event-cals table td { vertical-align: top; }
#event-cals table.month { margin-top: 20px; border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; }
#event-cals table td a { color: #B93B26 }
#event-cals table td a:hover { text-decoration: none; }
#event-cals table td.monthday, #event-cals table td.sunday, #event-cals table td.saturday, #event-cals table td.today, #event-cals table td.nomonthday
   { padding: 2px; border: 1px solid #eee; border-right: 0; border-bottom: 0; width: 79px; height: 80px; font-size: 10px; }

#event-cals table td.today { background-color: #FFFFCC }
#event-cals table td.monthname { color: #4B2E25; font-weight: bold; }
#event-cals table td.dayname { font-size: 12px; font-weight: bold; }

/*-- COLLAPSIBLE LISTS AREA ---------------- */

div.collapsible { font-size: 12px; }
div.collapsible span { padding-left: 30px; }
div.collapsible span.plus { background: url('/_ui/images/plus.gif') 2px no-repeat; cursor: pointer; }
div.collapsible span.minus { background: url('/_ui/images/minus.gif') 2px no-repeat; cursor: pointer; }
div.collapsible span.level-1 { margin-left: 10px; font-size: 18px; font-weight: bold; line-height: 30px; }
div.collapsible span.level-2 { margin-left: 25px; font-size: 16px; font-weight: bold; line-height: 30px; }
div.collapsible span.level-3 { margin-left: 40px; font-size: 15px; line-height: 20px; }
div.collapsible span.level-4 { margin-left: 55px; font-size: 12px; line-height: 18px;  }
div.collapsible span.level-5 { margin-left: 70px; font-size: 10px;  }
div.collapsible span.collapse-roll { background-color: #FFFFCC; }

#leftColumn table { margin: 0 0 20px 0; border-collapse: collapse; }
#leftColumn table td { font-size: 12px; font-family: trebuchet ms; padding: 3px 6px; width: 130px; border: 1px solid #eee; border-top: none; border-left: none; }

#welcome p, #support p { margin: 0 0 20px 0 }
#footer a { color: #fff; }

.cals { height: 200px;}
.cals div { margin: 5px 0 0 5px }
.controls { margin: 0 30px 0 0 }
.controls a { text-decoration: none; margin: 0 0 0 10px; font-size: 12px; color: #4C80B7 }

.photo table { width: 300px; border: 1px solid #ddd; }
.photo table td { padding: 5px 3px; border: 1px solid #eee; border-left: none; border-bottom: none; text-align: center; font-size: 11px; }
.photo table td strong, .photo table th { color: #00529B; font-size: 12px; }
.photo table td a { color: #AF410C; font-weight: bold; }

h3 a { color: #503126; text-decoration: none; }
h3 a:hover { color: #aaa }

#recipes-cont #rightColumn { width: 299px; }
#recipes-cont #rightColumn #recipe-cats ul { background:transparent url(/_ui/images/sideHead.gif) repeat-y scroll 0 0; float: left; padding: 10px 0 }
#recipes-cont #rightColumn #recipe-cats li { float: left; width: 130px; background: none; }
#recipes-cont #rightColumn #recipe-cats li a { color: #63003F; font-weight: bold; }
#recipes-cont #rightColumn #cat-nav li { background: #63003F; color: #fff; float: left; padding: 2px 12px }
#recipes-cont td.col-1 { cursor: pointer; }
#recipe-search { float: left; margin: 20px 0;}
#recipe-search #rec-search { font-size: 18px; padding: 2px; width: 230px; }
#recipe-search #rec-search-butt { font-size: 14px; background-color: #63003F; color: #fff; border: none; padding: 5px 2px; cursor: pointer; }
#recipe-submitter { float: left; border: 1px solid #DED5A6; padding: 1px 16px; }
#recipe-submitter p { margin: 15px 0; }
#banner-cont { margin: 25px 0; float: left; }

#recipe-detail { border-collapse: collapse; }
#leftColumn #recipe-detail td { border: none; vertical-align: top; }
#leftColumn #recipe-detail td.col-2 { width: auto; vertical-align: top; padding: 0 20px; }
#recipe-detail td.col-1 { width: 280px; height: 300px; vertical-align: middle !important; }
.cat-tag-cont { text-align: center; }
.cat-tag-cont span { background-color: #fff; padding: 3px 6px; text-transform: uppercase; font-size: 9px; color: #917755; }
#recipe-detail td h2 a { font-family: times, serif; color: #917755; font-weight: normal; text-decoration: none; font-size: 22px; }
#recipe-detail td a { color: #503126 }
#recipe-detail td a:hover, #recipe-list td a:hover { color: #000; }
#recipe-detail td p { font-size: 12px; margin: 0 0 20px 0; }

#recipes-cont h2.major { background-color: #F0D1B2; color: #63003F; font-size: 17px; font-weight: bold; padding: 8px 15px; margin: 0 0 10px 0 }
#recipes-cont h1, #recipes-cont #leftColumn .stand-alone h2.major { background-color: #63003F; color: #fff; font-size: 16px; font-weight: bold; padding: 8px 15px; margin: 0 0 18px 0 }
#recipes-cont h1 .tags { float: right; line-height: 20px;}
#recipes-cont h1 .tags span a { margin-left: 5px; background-color: #fff; padding: 3px 6px; text-transform: uppercase; font-size: 10px; color: #917755; text-decoration: none; font-weight: normal;  }

#leftColumn #recipe-list { background-color: #F7E8D9; border-collapse: collapse; border: 6px solid #F7E8D9; border-top: 16px solid #F7E8D9; border-bottom: 6px solid #F7E8D9; margin-left: 3px; width: 605px }
#leftColumn #recipe-list td { border: none; }
#leftColumn #recipe-list td.col-3 { background-color: #F7E8D9; }
#leftColumn #recipe-list td.col-2 { width: 200px; background-color: #F7E8D9; vertical-align: top; padding: 0 5px }
#leftColumn #recipe-list td.col-2 h3 a { color: #917755 }
#leftColumn #recipe-list td.col-1 { height: 110px; }

#leftColumn .stand-alone #recipe-list, #leftColumn .stand-alone #recipe-list td { background-color: #fff; border: none; }

div.error, div.success, div.warning { font-size: 14px; color: #cc0000; line-height: 20px; background-color: #ffeeee; border: 1px solid #ff0000; border-right: none; border-left: none; padding: 5px 10px; margin: 10px 0px; }
div.success { color: #008800; border: 1px solid #00aa00; border-right: none; border-left: none; background-color: #eeffee; }
div.warning { background-color: #F7FF1E; color: #7D052C; border: 1px solid #7D052C; border-right: none; border-left: none; }
div.error div, div.success div, div.warning div { border: none; padding: 0 0 0 10px; margin: 5px 0 }
div.success a { color: #000; text-decoration: underline; }

#offer-edit ul { margin: 0; padding: 0; }
#leftColumn #offer-edit ul li { list-style-type: none; margin: 0 0 10px 0; background: none; }
#offer-edit label { display: block; font-size: 11px; color: #B70202 }
#offer-edit label span { float: right; color: #888; }
#offer-edit input.text, #offer-edit textarea { width: 540px; font-size: 14px; font-weight: normal; padding: 3px; border: 1px solid #ccc; }
#offer-edit input.name { font-size: 20px; }

fieldset { border: none; }
#leftColumn fieldset table td { border: none; vertical-align: top; }
#leftColumn fieldset table td p { margin:  0 0 4px 0; font-size: 12px; }

div.uploader { height: auto; border: 1px solid #eee; width: 227px; padding: 15px; font-size: 11px; color: #666; }
div.uploader img { margin: 10px 0; }

#event-add-form .buttons .uploader-cont { border: none; width: 280px; }
.sideHead a { font-size: 14px; }