@charset "utf-8";

/* CSS Document */
*{margin:0;padding:0;list-style:none;border:none;}
body {width: 900px;margin: 0px auto;background: #ccc;font-family:Verdana,Arial,Sans-Serif;font-size:.8em;color:#000;}
a {color: #336699;}
a:visited {color: #555;}
h1 {color: #cc0000;font-size:1.6em;font-weight:normal;text-transform:uppercase;font-family:"Trebuchet MS",Arial,Sans-Serif;padding:.2em 0;margin-bottom: 4px;}
h2 {font-size:1.7em;font-weight:normal;color:#333;margin: 1.2em 0 .7em 0;}
h3 {font-size:1.3em;font-weight:bold;color: #cc0000;margin: 1.2em 0 .7em 0;}
h4 {color: #FF0000;font-size: 1.5em;font-weight:bold;}
h5 {color: #FF0000;font-size: 1em;font-weight:bold;}
h6 {color: black;font-size: .8em;font-weight:bold;}
.button {background: #cc0000; padding:5px; border: 1px solid #990000;margin-top:10px;}
.button a {color: #fff; font-size: .9em;text-decoration: none; }

/*Tables*/
table {background: #ccc;margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;}
th {color: #000;background-color: #dfdfdf;padding: 1em;text-align: left;text-transform: uppercase;}
th.time {width: 110px;font-weight:bold;}
tr td {color: #223;background-color: #fff;font-size: 1.2em;}
td {padding: .8em;font-size: 1.2em;}
td.time {width: 110px;font-weight:bold;}
td.title {font-weight:bold;}
td.title a {color: #3366CC;}
td.photo {width: 120px;font-weight:bold;}
td.meal {font-style: italic;font-size: 1.2em;color: #000;}
tr.odd td {background-color: #f2f2f2;}
tr.highlight td {background-color: #FFFFCC;}

/*Forms*/
input {border: 1px solid #ccc;}
select {border: 1px solid #ccc;}
textarea {border: 1px solid #ccc;}

/*HEADER*/
#header {border-left: 1px solid #000;border-right: 1px solid #000;}

/*NAVIGATION*/
#navcontainer {background: red;margin: 0 auto;padding: 0 0 0 0;font-family: "Lucida Grande","Helvetica","Arial",sans-serif;font-weight: bold;font-size: 1.2em;font-align: center;text-align: center; }

/* to stretch the container div to contain floated list */
#navcontainer:after {content: ".";display: block;line-height: 0px;font-size: 1px;clear: both;}
ul#navlist {list-style: none;padding: 0;margin: 0 auto;width: 900px;font-size: 0.8em;}
ul#navlist li {display: block;float: left;width: 75px;width: 75px;margin: 0;padding: 0;}
ul#navlist li a {display: block;width: 100%;height: 1.5em;padding: 0.2em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #FFF;text-decoration: none;background: #D41011;}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a {background: #f0e7d7;color: #800000;}
ul#navlist li a:hover, ul#navlist li#active a:hover {color: yellow;background: transparent;border-color: #aaab9c #fff #fff #ccc;}

/*CONTENT*/
#content {background: #fff url(images/divider_bg.gif) repeat-y; overflow: auto;padding: 0px;width: 100%;border-left: 1px solid #000;border-right: 1px solid #000; border-bottom: 10px solid #000; }
/*MAIN TEXT AREA*/
#main {float: left;width: 610px;padding: 15px 20px 35px 20px;}
#main div.left {float: left;width: 300px;padding-right: 15px;}
#main div.right {float: right;width: 280px;padding-left: 15px;}
#main img {border: 1px solid #ccc; padding: 2px; background: #000;margin-bottom: 15px;}
#main img.nopic {border: 0px; padding: 4px; background: none;margin-bottom: 15px;}
#main ul.custom {margin: 5px 20px 20px 20px;}
#main ul.custom li {list-style: url(images/bullet.gif);font-weight: bold;margin-bottom:7px;padding-bottom:7px;border-bottom: 1px dashed #ccc;}
#main ul.custom1 {margin: 0px 0px 0px 0px;}
#main ul.custom1 li {font-weight: bold;color: blue;}
#main ul.inline {clear: both;}
#main ul.inline li {float: left;display: inline;list-style: none;margin-bottom:7px;padding-bottom:7px;padding-right:15px;}
#main ul.inline li span.red {font-size: 1.5em;font-weight:bold;color: red;display: block;margin-bottom:10px;}
#main ul.inline li.bio {font-size: .8em;width: 450px;}
#main ul.inline li.bio span.name {font-size: 1.2em;display: block;margin-bottom:10px;}
#main ul.product {clear: both;}
#main ul.product li {float: left;display: inline;list-style: none;margin-bottom:5px;padding-bottom:5px;padding-right:5px;}
#main ul.product li span.red {font-size: 1.5em;font-weight:bold;color: red;display: block;margin-bottom:10px;}
#main ul.product li.bio {font-size: .8em;width: 270px;}
#main ul.product li.bullet {list-style: url(images/bullet.gif);font-weight: bold;margin-bottom:7px;padding-bottom:7px;border-bottom: 1px dashed #ccc;}
#main ul.product li.bio span.name {font-size: 1.0em;display: block;margin-bottom:10px;}
#main ul.product li span.red {font-size: 1.5em;font-weight:bold;color: red;display: block;margin-bottom:10px;}
/* CSS button */
#button {background: red;margin: 0 auto;padding: 0 0 0 0;font-family: sans-serif;font-weight: bold;color: White;width: 120px;text-align: center;}
#button:after {content: "."; display: block; line-height: 0px; font-size: 2px; clear: both;}
ul#butlist {list-style: none; padding: 0; margin: 0 auto; width: 100%; font-size: 1.0em;}
ul#butlist li {display: block;float: left;width: 100%;margin: 0;padding: 0;}
ul#butlist li a {display: block;width: 100%;padding: 0.2em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: yellow;text-decoration: none;background: #D41011;}
#button>ul#butlist li a { width: auto; }
ul#butlist li#active a {background: #f0e7d7; color: #800000;}
ul#butlist li a:hover, ul#butlist li#active a:hover { color: white; background: transparent; border-color: #aaab9c #fff #fff #ccc;}

/*SIDEBAR*/
#sidebar {float: right;width: 230px;padding: 10px 10px 10px 10px;}
#sidebar img {margin-top:0px;padding-bottom:10px;padding-left: 5px;}

/*You Tube Video*/
#videodisplay {clear: both;padding: 10px;color: #000;font-size: .7em;text-align: center;}
#videodisplay h3 {color: #cc0000;font-size:2.5em;font-weight:bold;font-family:"Trebuchet MS",Arial,Sans-Serif;padding:.2em 0;margin-bottom: 7px;}

/*FOOTER*/
#footer {clear: both;padding: 10px;color: #000;font-size: .7em;text-align: center;}

/*Random Classes*/
.note {font-size: .7em;}
p {margin:0 0 .5em 0;line-height:1.4em;}
p.small {margin:0 0 .5em 0;font-size: .9em;line-height:1.25em;}
p.question{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight:bold;color: #000;padding-bottom:7px;}
p.intro {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight:bold;color: #000;padding-bottom:7px;}
p.left {float:left;margin-right:25px;}
p.red {align:center;font-size: 1.5em;font-weight:bold;color: red;}
p.blue {align:center;font-size: 1.5em;font-weight:bold;color: blue;}
p.bold {font-size: 1em;font-weight:bold;}
p.boldcenter {align:center; font-size: 1.25em;font-weight:bold;}
p.image {;margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:15px;}
.box {BORDER-RIGHT: #000000 1px solid;BORDER-TOP: #000000 1px solid;BORDER-LEFT: #000000 1px solid;BORDER-BOTTOM: #000000 1px solid;}
.indent {margin-left:20px;}
.boldred{font-size: 1.5em;font-weight:bold;color: red;}