/* This is the stylesheet for global styles */ 
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17.5px; color: #000; background-color: #666; }

#page_margins { margin: 3px auto; width: auto; min-width: 1002px; max-width: 1280px; padding: 0px; }

#page { padding: 0px 3px; }

#main { margin: 0px; border-top: 1px solid #000; }

#col1, #col2 { background-color: #fff; }
#col3 { background-color: #ccc; }

#col1_content { padding: 0px 0px;}
#col2_content { padding: 5px 10px 0px;}
#col3_content { padding: 0px 5px; margin-top: -1px;}

/*_________________________________________________________________________________
		HEADER STYLES
===================================================================================*/
#header { height: 100px; margin: 0px 1px 0px 1px; padding: 0px; border-top: 1px solid #000; position: relative; color: #000; background-color: #e5e3e4; }

#header h1.siteName { width: 203px; height: 100px; margin: 0px 7px 0px 0px; padding: 0px; border: none; position: relative; float: left; font-size: 1px; line-height: 5px; background: url("../images/ct/misc/logo2012.png") no-repeat top left; }
#header h1.siteName a { width: 203px; height: 100px; margin: 0px; padding: 0px; border: 0px none; position: absolute; top: 0px; left: 0px; text-decoration: none; background: url("../images/ct/misc/logo2012.png") no-repeat top left; }
#header h1.siteName a:hover { background-position: 0px -100px; }
#header h1.siteName a span { border: 0px none; display: block; text-indent: -9999px; }

#header p.tagLine { position: absolute; top: 68px; left: 14px; height: 10px; margin: 0px; padding: 0px; font-size: 10px; line-height: 10px; letter-spacing: 1.5px; text-align: justify; display: none; }

#header input.text { float: left; position: absolute; top: 35px; left: 378px; width: 300px; font-size: 13px; color: #000; border: 1px solid #000; padding: 3px; margin: 0px; }
#header input.submit { position: absolute; top: 35px; left: 700px; }

/* --- BREADCRUMB styles ---------------------- */
p.breadcrumb { clear: both; margin: 0px; text-decoration: none; color: #666; height: 30px; line-height: 30px; font-size: 13px; padding: 0px 10px; }

p.breadcrumb a:link { color: #326076; }
p.breadcrumb a:visited { color: #666; }
p.breadcrumb a:hover { color: #06f; }

p.breadcrumb span.page { color: #000; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { color: #000; font-size: 13px; line-height: 17.5px; font-family: Arial, Helvetica, sans-serif; margin: .5em 0 1em 0; }
p a:link { color: #326076; }
p a:visited { color: #666; }
p a:hover { color: #06f; }

/*------  Lists: ul ol dl --------------------*/
ul, ol { color: #000; font-size: 13px; line-height: 1.35em; font-family: Arial, Helvetica, sans-serif; margin: .5em 0 1em; }
div#col1_content ul, div#col1_content ol { margin-top: 0px; }
div#col2_content ul { list-style: disc outside; }

li { margin: 0 0 .5em 25px; }

div#col2_content ol.references { list-style: decimal outside; font-size: 11.5px; margin-top: 0px; }
div#col2_content ol, div#col2_content ol.num { list-style-type: decimal; }
div#col2_content ol.numTwoDigits { list-style-type: decimal-leading-zero; }
div#col2_content ol.roman, div#col2_content ol.romanLower { list-style-type: lower-roman; }
div#col2_content ol.romanUpper { list-style-type: upper-roman; }
div#col2_content ol.alpha, div#col2_content ol.alphaLower { list-style-type: lower-alpha; }
div#col2_content ol.alphaUpper { list-style-type: upper-alpha; }
div#col2_content ul.square { list-style-type: square; }
div#col2_content ul.circle { list-style-type: circle; }
div#col2_content dl { margin-top: -5px; }
div#col2_content dl dt { font-weight: bold; margin-top: 10px;}
div#col2_content dl dd { padding-left: 10px; }

h1 { font-size: 20px; line-height: 22px; margin: 0 0 6px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; }

h1 span.oneOf { font-weight: normal; font-size: 16px; color: #666; }
h1.listTitle a { padding-left: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #06f; line-height: 11px; margin: 0px; }
h1.listTitle a img { width: 12px; height: 12px; margin-right: 5px; }
h1.listTitle a:hover:after { content: "Sign up for this RSS Feed"; }

h2 { font-size: 15px; line-height: 17px; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }
h2 a:link { color: #326076; }
h2 a:visited { color: #222; }
h2 a:hover { color: #06F; }

h3 { font-size: 14px; margin: 0px 0px 7px 0px; line-height: 16px; font-weight: bold; color: #666; font-family: Arial, Helvetica, sans-serif; }
h3 a:link { color: #326076; }
h3 a:visited { color: #222; }
h3 a:hover { color: #06F; }

h4 { font-size: 11px; margin: 0px 0px 5px 0px; line-height: 11px; font-weight: normal; color: #666; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

h5 { font-size: 13px; margin: 0px 0px 10px 0px; line-height: 15px; font-weight: normal; color: #000; font-family: Georgia, "Times New Roman", Times, serif; }

h6 { font-size: 13px; margin: 0px 0px 10px 0px; line-height: 15px; font-weight: normal; color: #666; font-family: Arial, Helvetica, sans-serif; }
h6 a:link { color: #326076; }
h6 a:visited { color: #666; }
h6 a:hover { color: #06F; }

span.from { font-size: 13px; font-weight: normal; color: #73787d; font-family: Arial, Helvetica, sans-serif; }
span.from a:link { color: #326076; }
span.from a:visited { color: #666; }
span.from a:hover { color: #06F; }

sub, sup { vertical-align: baseline; font-size: .75em; line-height: 2px; position: relative; margin-left: 1px; }
sub { top: .25em; }
sup { top: -.5em; }

span.footnote { display: block; font-size: 11px; line-height: 13px; color: #666; margin: 3px 0px 8px; padding-top: 3px; }

/*_________________________________________________________________________________
		DEFAULT FORM STYLES
===================================================================================*/
textarea { border: 1px solid #666; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; }

div#main p.requestLink a,
input.submit { font-weight: bold;  color: #fff; padding: 3px 5px; font-size: 13px; border: 1px solid #000; cursor: pointer; background: #900 url("../images/ct/misc/redGradient-11.gif") repeat-x 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }

div#main p.requestLink a:hover, div#main p.requestLink a:focus,
input.submit:hover, input.submit:focus { text-decoration: underline; cursor: pointer; background-position: 0px -100px; border-color: #666; }

div#main p.requestLink a:active,
input.submit:active { text-shadow: -1px -1px 1px rgba(0,0,0,.8); color: #fff; color: rgba(255,255,255,.9); background-position: 0px 0px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }

/*_________________________________________________________________________________
		TERTIARY NAV STYLES
===================================================================================*/
div.tertiary_nav { margin: 0px -1px; padding: 0px 1px 5px 1px; background: url("../images/ct/layout/divider.gif") repeat-x 0 100%; }

div.tertiary_nav h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #900; padding: 3px 10px 14px 10px; margin: 0px; font-weight: bold; background: #fff url("../images/ct/misc/tertiaryArrow-11.gif") no-repeat 0 100%; }

div.tertiary_nav ul { padding: 3px 0px 10px 19px; margin: 0px; background: #e5e3e4 url("../images/ct/misc/tertiaryStructure.gif") no-repeat 19px bottom; }

div#col1_content div.tertiary_nav ul li { padding: 0px 3px 0px 8px; margin: 0px 15px 3px 0px; font-size: 15px; line-height: 22px; background: url("../images/ct/misc/tertiaryChild.gif") no-repeat 0px 0px; }

div#col1_content div.tertiary_nav ul li a:link { color: #326076; }
div#col1_content div.tertiary_nav ul li a:visited { color: #222; }
div#col1_content div.tertiary_nav ul li a:hover { color: #06f; }

div#col1_content div.tertiary_nav ul li.curr_page { color: #326076; font-weight: bold; background: #fff; margin-left: 1px; text-indent: -8px; }
div#col1_content div.tertiary_nav ul li.curr_page a { padding-left: 9px; margin-left:-1px; background: url("../images/ct/misc/tertiaryChildCurr.gif") no-repeat 0 0; }
div#col1_content div.tertiary_nav ul li.curr_page a:link,
div#col1_content div.tertiary_nav ul li.curr_page a:visited { color: #326076; }
div#col1_content div.tertiary_nav ul li.curr_page a:hover { color: #06f; }

/*_________________________________________________________________________________
		AD STYLES
===================================================================================*/
div.ad { padding: 15px 0px 10px; border-top: 1px solid #000; margin: 0px; background: url("../images/shared/adLabel-h-blk.gif") 50% 4px no-repeat; }
div.ad img { border: 1px solid #000; }
div.ad div { margin: 0px; padding: 0px; overflow: hidden; display: inline-block; border: 1px solid #000; }
div.sponsoredLogo { width: 230px; text-align: center; background-color: #fff; padding: 10px; border: 1px solid #000; margin: 10px 0px; }

/* not sure if i still need these for the directory */
div#col3_content div#sponsorInfo { margin-top: 10px; border: 1px solid #000; background-color: #fff; padding: 5px; text-align: center; overflow: hidden; }
div#col3_content div#sponsorInfo h2 { text-align: center; }
div#col3_content div#sponsorInfo img { max-width: 240px; }
div#col3_content div#sponsorInfo h3 { display: inline-block; width: 100%; padding-top: 5px; border-top: 1px solid #000; margin: 10px 0px 2px; text-align: left; }
div#col3_content div#sponsorInfo p { margin: 5px 0px; text-align: left; }

div#main div#feedbackAd { width: 180px; margin: 20px auto; border: 3px solid #ccc; text-align: center; }
div#main div#feedbackAd h2 { width: auto; padding: 5px 5px 8px; color: #900; background-color: #ccc; }

/*_________________________________________________________________________________
		BUTTON STYLES
===================================================================================*/
div#buttons { margin: 0px 0px 10px 0px; line-height: 10px; text-align: right; }
div#buttons a { font-size: 10px; line-height: 13px; }
div#buttons a:link { color: #326076; }
div#buttons a:hover { color: #06f; }

div#buttons a.emailThis { background: url("../images/icons/email.gif") no-repeat left bottom; padding: 0px 0px 0px 18px; margin-right: 10px; }
div#buttons a.printThis { background: url("../images/icons/print.gif") no-repeat left bottom; padding: 0px 0px 0px 18px; }

/*_________________________________________________________________________________
		PAGINATION STYLES
===================================================================================*/
div#pagination { margin: 5px 0px; padding: 5px 0px; clear: right; text-align: center; }
div#pagination span { color: #fff; font-size: 11px; line-height: 11px; padding: 2px 5px; background-color: #ccc; border: 1px solid #ccc; text-decoration: none; }/* this is the style for a disabled button */
div#pagination a span { color: #326076; background-color: #fff; border: 1px solid #326076; text-decoration: none; }/*this is for the majority of the page #'s */
div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/
div#pagination a:hover span { color: #000; background-color: #e5e3e4; text-decoration: underline; }
div#pagination span.curr_page { background-color: #326076; border: 1px solid #326076; color: #fff; font-weight: bold; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { border-bottom: 3px solid #666; position: relative; }
div#innerFooter { padding: 10px 0px 5px; border: 1px solid #000; clear: both; text-align: center; background-color: #e5e3e4; }

div#footer p { color: #666; font-size: 11px; }
div#footer p a:link, div#footer p a:active { color: #326076; }
div#footer p a:visited { color: #666; }
div#footer p a:hover, div#footer p a:focus { color: #06f; }

/* not used except on the directory side */
div#footer p#reportBug { margin: 0px; padding: 6px 10px; position: absolute; top: 20px; left: 1px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: right; background-color: #fff; }
div#footer p#reportBug a:visited { color: #326076; }

/*_________________________________________________________________________________
		FORMULA TABLE STYLES - table#formula 
===================================================================================*/
table#formula { border-collapse: separate; margin-bottom: 10px; width: 100%; }

table#formula tr td { padding: 5px; }
table#formula tr td.part { padding: 10px 0px 0px 0px; background-color: #fff; }
table#formula tr td.part strong { background-color: #000; color: #fff; display: block; padding: 5px; }

table#formula tr td.ingredient { border-style: solid; border-color: #000; border-width: 0px 0px 1px 1px; }
table#formula tr td.amount { border-style: solid; border-color: #000; border-width: 0px 1px 1px 0px; width: 75px; text-align: right; }

table#formula tr td.odd { background-color: #fff; }
table#formula tr td.even { background-color: #ccc; }

/*_________________________________________________________________________________
		SORTABLE TABLE STYLES
===================================================================================*/
table.sortableTable { width: 100%; margin-bottom: -1px; }

table.sortableTable td { border-style: solid; border-color: #000; padding: 6px; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; }

/* ------- table header styles --------- */
table.sortableTable tr.header td { border-width: 1px; background-color: #ced5e6; color: #000; font-weight: bold; padding: 0px; }

table.sortableTable tr.header td a { padding: 7px 0px; display: block; width: 100%; text-indent: 7px; }
table.sortableTable tr.header td a:link,
table.sortableTable tr.header td a:visited { color: #000; }
table.sortableTable tr.header td a:hover { color: #06f; }

table.sortableTable tr.header td.ascending a span { background: url("../images/icons/sortArrowUp.gif") no-repeat right 60%; position: absolute; height: 12px; width: 15px; }
table.sortableTable tr.header td.descending a span { background: url("../images/icons/sortArrowDown.gif") no-repeat right 55%; position: absolute; height: 12px; width: 15px; }

/* --- Google SEARCH Results page: body#Search   ------------------------------------------------ */
body#Search div#col2_content iframe { width: 100%; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #326076; text-decoration:underline; }
a:visited { color: #666; }
a:hover, a:focus { color: #06f; }
a img { border: none; }

/* -------- debugging Styles -------- */
h1.debug { color: red; font-size: 12px; }
code { font-family:"Courier New", Courier, monospace; color: #160; font-weight: bold; }