/* Sun Safe Central style sheet */

/* global styles */
h1 		{ font-size: 21px; line-height: 26px}
h2 		{ font-size: 15px; line-height: 20px; margin-bottom: -5px }
h3 		{ font-size: 13px; line-height: 18px; margin-bottom: -5px }
li		{ margin-bottom: 10px; margin-top: 5px }

a.minstylelink:link		{ color: #0000CC; font-weight: bold; font-style: normal; text-decoration: none }
a.minstylelink:visited	{ color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }
a.minstylelink:active	{ color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }	

/* home page styles ------------------------------------------------------------------------------------ */
body.home	{background-color: #FFF8AA; margin: 0}

a.homemenulink:link  { font-family: Comic Sans MS; font-size: 11px; line-height: 16px; font-weight: bold; color: #2D4492; text-decoration: none }
a.homemenulink:visited { font-family: Comic Sans MS; font-size: 11px; line-height: 16px; font-weight: bold; color: #C60B27; text-decoration: none }
a.homemenulink:active { font-family: Comic Sans MS; font-size: 11px; line-height: 16px; font-weight: bold; color: #C60B27; text-decoration: none }


/* ------------- secondary page styles ------------------------------------------------------------------------------------ */
body.norm	{background-color: #FFFFFF; margin: 0}
/* central quad */
.mainfont { font-family: Comic Sans MS; font-size: 13px }
/* fact and hints boxes*/
.boxfont { font-family: Comic Sans MS; font-size: 11px }
.fbleft { background-color: #FFFCD7; background-image:URL('/hottopics/images/ht_fact_left.gif') }
.fbright { background-color: #FFFCD7; background-image:URL('/hottopics/images/ht_fact_right.gif') }
/* footer text */
.footfont { font-family: Arial; font-size: 11px; color: #2B50AA }
/* large title text in central quad */
.titlefont { font-family: Arial; font-size: 19px; color: #C60B27; font-weight: bold }

a.menulink:link		{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #2D4492; font-weight: bold; font-style: normal; text-decoration: none }
a.menulink:visited	{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }
a.menulink:active	{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }

a.mainlink:link		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: none }
a.mainlink:visited	{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }
a.mainlink:active	{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: underline }

a.divlink:link		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: underline }
a.divlink:visited	{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: underline }
a.divlink:active	{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: none }

a.boxlink:link		{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: underline }
a.boxlink:visited	{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: underline }
a.boxlink:active	{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: dashed }

a.footerlink:link	{ font-family: Arial; font-size: 11px; line-height: 16px; color: #2D4492; font-weight: normal; font-style: normal; text-decoration: none }
a.footerlink:visited{ font-family: Arial; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: normal; font-style: normal; text-decoration: none }
a.footerlink:active	{ font-family: Arial; font-size: 11px; line-height: 16px; color: #C60B27; font-weight: normal; font-style: normal; text-decoration: underline }


/* ----------- pop up page styles ------------------------------------------------------------------------------------ */
body.pop	{background-color: #FFFFFF; margin: 0 }
.popfont 		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none }
.popfontalt 	{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #000099; font-weight: normal; font-style: normal; text-decoration: none }
.popfontsmall	{ font-family: Comic Sans MS; font-size: 11px; line-height: 16px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none }
.popfontbig		{ font-family: Comic Sans MS; font-size: 15px; line-height: 20px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none }
/* title-like text at top right of pop-ups */
.toppertext 			{ font-family: Arial; font-size: 13px; line-height: 18px; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none }
/* hrefs */
a.topperlink:link		{ font-family: Arial; font-size: 11px; line-height: 16px; color: #CCCCCC; font-weight: bold; font-style: normal; text-decoration: none }
a.topperlink:visited	{ font-family: Arial; font-size: 11px; line-height: 16px; color: #CCCCCC; font-weight: bold; font-style: normal; text-decoration: none }
a.topperlink:active		{ font-family: Arial; font-size: 11px; line-height: 16px; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: underline }
/* for links in body of text, so visited stays black for good printing; axe that. they want them blue */
a.poplink:link			{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #0000CC; font-weight: bold; font-style: normal; text-decoration: none }
a.poplink:visited		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #C60B27; font-weight: bold; font-style: normal; text-decoration: none }
a.poplink:active		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #000000; font-weight: bold; font-style: normal; text-decoration: underline }

/* special styles */
.chartbar		{ background-color: #FFFFFF;  font-family: Comic Sans MS; font-size: 11px; line-height: 16px; }
input.text.ssform {
   font-size: 11px; font-family: Comic Sans MS; color: #000000;
   background-color: #FDD960; border: 1 inset #2D4492;
   }

.ssbutton {
   font-size: 13px; font-family: Arial, sans serif; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none;
   background-color: #2B50AA; border: 2 outset #6F90EE;
   padding: 1px 2px 1px 2px
   }
/* NOTE: Checkboxes use text box styling unless overridden.
   If you want checkbox appearance different from text box,
   this style MUST appear AFTER text style in the sheet; otherwise,
   checkboxes use text style */
input.checkbox.riskform { background-color: transparent; border: 0}
input.button.popform {
   font-size: 13px; font-family: Arial, sans serif; color: #FFFFFF; font-weight: bold; font-style: normal; text-decoration: none;
   background-color: #2B50AA; border: 2 outset #6F90EE;
   padding: 1px 2px 1px 2px
   }

a.formlink:link			{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none }
a.formlink:visited		{ font-family: Comic Sans MS; font-size: 13px; line-height: 18px; color: #000000; font-weight: normal; font-style: normal; text-decoration: none }

/* Form styles used in Child Care Forms section of interactive, printable popups*/
.ccftextarea {
   font-family: Comic Sans MS; font-size: 13px; line-height: 18px;
   color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
   background-color: #FFFFFF;
   border-color: #082066; border-style: solid; border-bottom-width: 1px;
   border-left-width: 1px; border-right-width: 1px; border-top-width: 1px;
   overflow: auto;
   scrollbar-face-color: #2B50AA; scrollbar-shadow-color: #000033;
   scrollbar-highlight-color: #7FA0FF; scrollbar-3dlight-color: #6F90EE;
   scrollbar-darkshadow-color: #082066; scrollbar-track-color: #DDDDEE;
   scrollbar-arrow-color: #CCCCFF;
   }
.ccftextfield {
   font-family: Comic Sans MS; font-size: 13px; line-height: 18px;
   color: #000000; font-weight: normal; font-style: normal; text-decoration: none;
   background-color: #FFFFFF;
   border-color: #000000; border-style: solid; border-bottom-width: 2px;
   border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
   }
.ccfcheckbox { background-color: #FFFFFF; border: 2}
.underline		{border-color: #000000; border-style: solid; border-bottom-width: 2px;
				border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;
				}

/* Other */
.photo					{ border-width: 1px; border-style: solid; border-color: #2D4492; margin: 4px }
.photonoborder			{ border-width: 0px; margin: 4px }
.illus					{ margin: 4px }
.printonly, .topfiller	{display: none }
.pbuttons				{ position: absolute; left: 600px; top: 0px; width: 70px; height: 87px }
/* ----------- special styles for printing only ------------------------------------------------------------------------------------ */
@media print {
  H1, H2, H3, H4, H5, H6	{ page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, UL, OL, DL	{ page-break-before: avoid }
  DIV.popmainfirst,
  DIV.popmainnext			{ page-break-after: always }
  DIV.popmainlast,
  DIV.popmainfull,
  DIV.popmainsingle			{ page-break-after: avoid }
  input.button.popform		{ display: none }
  .pbuttons					{ display: none }

/* use if you want something to show only when printing; corresponding style above hides when on screen */
  .printonly				{display: block }
  .topfiller				{display: block; position: absolute; left: 600px; top: 0px; width: 70px; height: 87px}
/* governs size of content blocks, helpful for printing; total height = 900 */
div.popheader		{ height: 88px } /* use only on first/only page */
div.popmainsingle	{ height: 750px } /* use with header and footer */
div.popmainfirst	{ height: 812px } /* use with header only, expecting add'l page */
div.popmainnext		{ height: 900px } /* use with NO header or footer */
div.popmainlast		{ height: 838px } /* use with footer only */
div.popfooter		{ height: 62px } /* use only on last/only page */
div.popmainfull		{ height: 900px } /* use with NO header or footer, no page break */

/* use these if for some reason they should NOT print (usually header and/or footer) */
div.popheadernoprint		{ display: none }
div.popfooternoprint		{ display: none }
div.popmainsinglenoprint	{ display: none }
div.popmainfirstnoprint		{ display: none }
div.popmainnextnoprint		{ display: none }
div.popmainlast	noprint		{ display: none }
}