/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*DEFINE SITE COLORS
background:#dedede
link color/drk blue/text color:#223670
link hover color:#E88F27
END SITE COLORS*/



/*DEFINE BROWSER RESETS*/
img {border:0;}

p {margin:0.2em 0 0.8em 0;}

h1,h2,h3,h4,h5,h6 {margin:0.3em 0;}

form {margin:0; font-family:inherit; color:inherit;}

input, select, textarea {font-size:1em; font-family:inherit; color:inherit;}

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

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}
/*END BROWSER RESETS*/



/*DEFINE SITEWIDE TAGS*/
a {text-decoration:none; color:;}

a:hover {text-decoration:underline; color:;}

a.orange_link { color:#ffffff; text-transform:uppercase; border:#fff 1px solid; padding:1px 3px 1px 3px; background:#ff0000; display:block;text-decoration:none;}

h1 {font-size:1.5em; color:#fb7f05;}

h2 {font-size:1.2em; color:#fb7f05;}

h3 {font-size:1.0em;}

h4 {font-size:1.6em;}

h5 {font-size:1.4em;}

h6 {font-size:1.2em;}

hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/



/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}

div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}

.center {text-align:center;}

.imgright {float:right;}

.imgleft {float:left;}
/*END SITEWIDE CLASSES*/


/*DEFINE SITE STRUCTURE*/
body{font-size:62.5%; font-family:Arial, san-serif; color:#333; margin:0; padding:0;}

/*FOR FREEDOM ONLY - Assign Class mainsite to body tag*/
body.mainsite {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ background:#fff;}

/*THIS IS YOUR MAIN CONTAINER DIV*/

#main {text-align:left; font-size:1.2em; line-height:1.4em; margin:0 auto; width:920px; height:auto; padding:5px 20px 0 20px;}

#header { width:920px; height:104px;background:#fff url(graphics/main/header_strip_bg.jpg) repeat-x bottom; float:left; clear:both;}

.phone { width:550px; height:52px; float:right; text-align: right;}
.phone a { color:#000;}
.phone span.call_gray { color:#999; font-size:1.5em;}
.phone span.orange_num { color:#FC810A; font-size:2.0em; font-weight:bold;}


/*DEFINE NAVIGATION CLASSES*/
#navigation {width:550px;float:right; margin:0 0 0 0; line-height:1em;text-transform:capitalize;}

#navigation ul {margin:0px 0; padding:0; list-style:none; float:right;}

#navigation ul li {padding:0; float:left; background:#FC8108 url(graphics/main/orange_round.jpg) no-repeat left top; padding-left:10px; margin-left:2px;}

#navigation ul li:hover {padding:0; float:left; background:#FADC62 url(graphics/main/yellow_round_roll.jpg) no-repeat left top; padding-left:10px;margin-left:2px;}

#navigation a  {display:block; padding:10px 14px 10px 0px; margin:0; color:#fff;background:#FC8108 url(graphics/main/orange_rr_right.jpg) no-repeat right top;}

#navigation a:hover  {display:block; padding:10px 14px 10px 0px; margin:0; color:#F8810B;background:#FADC62 url(graphics/main/yellow_rr_right.jpg) no-repeat right top;}

* html #navigation a {color:#fff; text-decoration:none; font-size:0.98em; font-weight:bold;padding:10px 12px 10px 12px;}

* html #navigation a:hover {color:#F8810B; background:none; font-size:0.98em; font-weight:bold;padding:10px 12px 10px 12px;}

#navigation a.first {border-left:none;}

#navigation a.last {margin:0; border-right:none;}

#navigation a:hover { text-decoration:none; color:#F8810B;}

#navigation a.first:hover { text-decoration:none; color:#F8810B;}

#navigation a.last:hover { text-decoration:none; color:#F8810B;}

	#navigation li ul {visibility:hidden; position:absolute; top:auto; left:auto; background:#FADC62; z-index:1000; height:auto; width:130px;margin:0px 0 0 -10px; border-right:#FD8012 1px solid; border-left:#FD8012 1px solid;border-bottom:#FD8012 1px solid; padding-bottom:10px;}
	#navigation li ul li { background:none; padding:0;}
        #navigation li ul li:hover { background:none;padding:0; }
        #navigation li ul a {color:#FD8012; width:145px; display:block; height:10px; text-align:left; font-size:12px; text-transform:capitalize; padding:6px 14px 6px 14px; border-left:none; border-right:none; background:none}
	#navigation li ul a:hover { color:#000000; background:none;}
	#navigation li ul a.first {width:175px; display:block; height:12px; text-align:left; font-size:12px; text-transform:capitalize; border-right:none; padding:6px 0px 6px 5px;}
        #navigation li ul a.last {width:175px; display:block; height:12px; text-align:left; font-size:12px; text-transform:capitalize; border-left:none; padding:6px 14px 6px 5px;}
	#navigation li:hover ul,#navigation li.sfhover ul {visibility:visible;}

/*END NAVIGATION CLASSES*/



#left_col {width:190px; float:left; padding-right:0px; clear:left; margin:10px 20px 0 0px; line-height:1.8em;}
#left_col a {width:190px; color:#515050; display:block;}
#left_col a.grey { background:#faf9f9; width:190px; color:#515050; display:block;}
#left_col a.orange { color:#ffffff; text-transform:uppercase; border:#fff 1px solid;background:#f7c014 url(graphics/main/orange_bot_bg.jpg) repeat-x bottom; width:38px;padding:0 4px 0px 4px; text-decoration:none;margin:auto; }

.yellow {background:#fcfad4 url(graphics/main/yellow_grad_bg.jpg) no-repeat bottom right; width:160px;height:auto; padding:15px; border:#f7f28d 1px solid; margin-bottom:10px; line-height:1.3em}
.yellow h2 { text-align:center;font-size:1.5em;}
.yellow a {}

.yellow_asi {background:#fcfad4 url(graphics/main/yellow_grad_bg.jpg) no-repeat bottom right; width:180px;height:auto;padding:15px 5px 15px 5px; border:#f7f28d 1px solid; margin-bottom:10px; line-height:1.3em}
.yellow_asi h2 { text-align:center;}
.yellow_asi a {}

#left_col .yellow_asi a {width:auto;}



#content {width:710px;float:left;/* clear:right;*/ margin:10px 0;}

#welcome {width:333px; height:auto; float:left;}
#video { width:333px;}
.vid { width:333px;background:#fcfad4 url(graphics/main/yellow_grad_bg.jpg) no-repeat bottom right; padding:15px; border-bottom:#f7f28d 1px solid;border-right:#f7f28d 1px solid;border-left:#f7f28d 1px solid; float:left;}
.stress_tab { background: url(graphics/main/stress_tab.jpg) no-repeat bottom left; width:354px; height:28px; float:left; padding:7px 0 0 0; text-align:center;}

.product_table {margin-top:20px;}

.callout1 {width:710px;}
.callout1 img { margin:0; padding:0;}

.callout2 {width:710px;}

#rightcol {}

#copyright {clear:both; background:#bcf7f6; width:920px; padding:20px; height:30px;}
#copyright span {width: 450px; display:block;}
#copyright span a {color:#000}

/* Sue Sizzlers and Sue Power Buys */
#front_product { width:335px; height:auto;}
table.front_product { width:110px; height:190px;float:left; display:block; margin:10px 40px 10px 0;}
/*  End sizzlers and power buys */


/* End Global Styles */

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }


/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */



/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 10px; clear:both; margin: 10px 0 10px 0;}
.newsWrapper .newsitem img { border:#cccccc 1px solid;}
.newsWrapper .newsitem .headline a { margin-top:5px;}
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */