/* Copyright (c) 2005 K12 Inc. All Rights Reserved */

/* ============================== home page ============================== */
.hpsection { font-size: 70%; color: #666666}
.hpsection .hd { font-size: 110%; font-weight: bold; color: #999999;}
.dots {background-image:url(/images/hp_dots.gif); background-repeat:repeat-y;}
.dots10px {background-image:url(/images/hp_dots_10px.gif); background-repeat:repeat-y;}
.exp_dots {background-image:url(/images/exp_dots.gif); background-repeat:repeat-y;}
/* changed 9/15 for Katrina graphic addition */
#message {position: absolute; top: 196px; left: 32px; width: 430px; font-size:13px; color: #000}
#tagline {position: absolute; top: 81px; left: 20px; width: 360px; font-size:70%; color: #666}
#toplinks {position: absolute; top: 80px; left: 594px; font-size:70%; color: #666}
#login {position: absolute; top: 80px; left: 727px;}
#toplinks .headerLink { padding: 6px 10px 6px 20px; text-align:right; }
#toplinks .headerLink a:link, #toplinks .headerLink a:visited { color:#666; text-decoration:none; }
#toplinks .headerLink a:hover, #toplinks .headerLink a:active { color:#C00; text-decoration:underline; }
.msgTitle {font-size:200%; font-weight:bold; color:#339}

/* ============================== global ============================== */

a:link {color:#339; text-decoration:underline;}
a:visited {color:#339; text-decoration:underline;}
a:hover, a:active {color:#C00; text-decoration:underline;}

body { font-family: Arial, Helvetica, sans-serif; color:#333; margin: 0px; background-color: #999; padding: 0px; }
td { font-family: Arial, Helvetica, sans-serif; color:#333; vertical-align:top; }
img { border:0px; }

table.white { background-color: #fff; }
.silver { background-color: #eee; }
.tiny { font-size: 8pt; }

/* ============================== global button ============================== */

	/* global button with red link on red background */
.gbRedRed .corner { background-color:#FFF; }
.gbRedRed .link { font-size:70%; font-weight:bold; padding: 4px 5px 4px 6px; border-bottom: 1px solid #600; background-color:#FFF; }
.gbRedRed .link a:link, .gbRedRed .link a:visited { color:#c00; text-decoration:none; }
.gbRedRed .link a:hover, .gbRedRed .link a:active { color:#f00; text-decoration:underline; }
.gbRedRed .deco { padding: 7px 3px 0px 0px; border-bottom: 1px solid #600; background-color:#FFF; }
.gbRedRed .desc { font-size:70%; line-height:120%; color:#FFF; padding: 3px 10px 0px 10px; }

	/* global button with red link on grey background */
.gbRedGrey .corner { background-color:#FFF; }
.gbRedGrey .corner1 { background-color:#FFF; border-left: 1px solid #888888; }
.gbRedGrey .corner2 { background-color:#FFF; border-right: 1px solid #888888; }
.gbRedGrey .link { font-size:90%; font-weight:bold; padding: 4px 5px 4px 6px; border-bottom: 2px solid #888888; background-color:#FFF; }
.gbRedGrey .link a:link, .gbRedGrey .link a:visited { color:#c00; text-decoration:none; }
.gbRedGrey .link a:hover, .gbRedGrey .link a:active { color:#f00; text-decoration:underline; }
.gbRedGrey .deco { padding: 7px 3px 0px 0px; border-bottom: 2px solid #888888; background-color:#FFF; }
.gbRedGrey .desc { font-size:70%; line-height:120%; color:#FFF; padding: 3px 10px 0px 10px; }

	/* global button with red link on WHITE background */
.gbRedWhite .corner { background-color:#FFF; }
.gbRedWhite .link { font-size:90%; line-height: 90%; font-weight:bold; padding: 4px 5px 4px 6px; border-left: 1px solid #888888; background-color:#FFF; }
.gbRedWhite .link a:link, .gbRedWhite .link a:visited { color:#c00; text-decoration:none; }
.gbRedWhite .link a:hover, .gbRedWhite .link a:active { color:#f00; text-decoration:underline; }
.gbRedWhite .deco { padding: 5px 3px 0px 0px; line-height: 90%; border-right: 1px solid #888888; background-color:#FFF; }

	/* global blue top buttons */
.gbBlue .corner { background-color:#339; }
.gbBlue .link { font-size:70%; font-weight:bold; padding: 4px 5px 4px 6px; border-bottom: 1px solid #999; background-color:#339; }
.gbBlue .link a:link, .gbBlue .link a:visited { color:#fff; text-decoration:none; }
.gbBlue .link a:hover, .gbBlue .link a:active { color:#fff; text-decoration:underline; }
.gbBlue .deco { padding: 7px 3px 0px 0px; border-bottom: 1px solid #999; background-color:#339; }

	/* additional style for 'more options' links in getK12 and Education Options - FB - 6 May 2005 */	
	/* same as above style without background color - FB - 6 May 2005 */	
.gbBlue2 .link { font-size:70%; font-weight:bold; padding: 4px 5px 4px 6px; color: #fff }
.gbBlue2 .link a:link, .gbBlue2 .link a:visited { color:#fff; text-decoration:none; }
.gbBlue2 .link a:hover, .gbBlue2 .link a:active { color:#fff; text-decoration:underline; }

	/* global white top buttons */
.gbWhite .link { font-size:70%; font-weight:bold;  background-color:#FFF; padding: 0px 5px 0px 10px; border-left: 1px solid #999;}
.gbWhite .link a:link, .gbWhite .link a:visited { color:#339; text-decoration:none; }
.gbWhite .link a:hover, .gbWhite .link a:active { color:#339; text-decoration:underline; }
.gbWhite .deco { padding: 3px 8px 0px 0px; background-color:#FFF; border-right: 1px solid #999;}



/* ============================== header ============================== */
.masthead, .masthead td { font-size:11px; font-family: arial, sans-serif; color:#999;}
.masthead a:link, .masthead a:visited { color:#666; text-decoration:none; }
.masthead a:hover, .masthead a:active { color:#C00; text-decoration:underline; }

.header td { font-size:70%; color:#999; } 

.header .dir { padding: 6px 10px 6px 10px; }
.header .dir a:link, .header .dir a:visited { color:#666; text-decoration:none; }
.header .dir a:hover, .header .dir a:active { color:#C00; text-decoration:underline; }

.header td.headerLink { padding: 6px 10px 6px 10px; text-align:right; font-weight:normal; }
.header td.headerLink a:link, .header td.headerLink a:visited { color:#666; text-decoration:none; }
.header td.headerLink a:hover, .header td.headerLink a:active { color:#C00; text-decoration:underline; }

/* ============================== title bar ============================== */

.tblCurriculum td { font-size:70%; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; padding: 11px 5px 11px 5px}

.tblCurriculum a:link, .tblCurriculum a:visited { color:#FFF; text-decoration:underline; }
.tblCurriculum a:hover, .tblCurriculum a:active { color:#FFF; text-decoration:none; }

.tblCurriculum .language { background-color:#939; }
.tblCurriculum .math { background-color:#06C; }
.tblCurriculum .science { background-color:#393; }
.tblCurriculum .history { background-color:#099; }
.tblCurriculum .art { background-color:#C33; }
.tblCurriculum .music { background-color:#F93; }
.tblCurriculum .more { background-color:#FCB017; }

.tblCurriculum .languageBg { background-color:#06C; }
.tblCurriculum .mathBg { background-color:#1A741A; }
.tblCurriculum .scienceBg { background-color:#008181; }
.tblCurriculum .historyBg { background-color:#A32929; }
.tblCurriculum .artBg { background-color:#CC7A29; }
.tblCurriculum .musicBg { background-color:#FA8406; }

.pageTitle td { font-size:100%; color:#FFF; font-weight:bold; vertical-align:middle; padding: 11px 5px 11px 20px}
.pageTitle .about { background-color:#FCB017; }
.pageTitle .independence { background-color:#328096; }
.pageTitle .explore { background-color:#472F92; }
.pageTitle .exploresub { font-size:70%; font-weight: normal }

.pageTitle a:link, .pageTitle a:visited { color:#666; text-decoration:none; }
.pageTitle a:hover, .pageTitle a:active { color:#C00; text-decoration:underline; }


/* ============================== explore results box ====================*/

.resultsTitle  { color: #000; font-weight:normal; vertical-align:middle; background-color:#fff; padding: 11px 5px 11px 10px; text-align: center}
.resultsSubtitle { color: #FFF; font-size:90%; font-weight:bold; background-color:#333333; padding: 11px 15px 11px 15px}
.resultsCopy { color: #333; background-color:#EEEEEE; padding: 14px 15px 2px 15px; text-align:left}
.resultsCopy2 { color: #333; background-color:#ffffff; padding: 14px 15px 2px 15px; text-align:left}


/* ============================== page nav ============================== */

.pageNav td { font-size:70%; padding: 5px 10px 5px 0px; border-bottom: 1px solid #FFF;}

.pageNav .section { color:#666; background-color:#FFF; padding-left:6px; }

	/* this is normal link */
.pageNav .normal td { font-weight:bold; background-color:#DDD; }
.pageNav .normal .icon { color:#DDD; padding: 0px; }
.pageNav .normal .link a:link, .pageNav .normal .link a:visited { color:#339; text-decoration:none; }
.pageNav .normal .link a:hover, .pageNav .normal .link a:active { color:#C00; text-decoration:underline; }

	/* this is normal link with sub menus. use this when you are on sub menu pages. */
.pageNav .normalSubMain td { font-weight:bold; background-color:#339; border-bottom:0px; }
.pageNav .normalSubMain .icon { color:#339; padding: 0px; }
.pageNav .normalSubMain .link a:link, .pageNav .normalSubMain .link a:visited { color:#FFF; text-decoration:none; }
.pageNav .normalSubMain .link a:hover, .pageNav .normalSubMain .link a:active { color:#CCC; text-decoration:underline; }

	/* this is normal sub menu link */
.pageNav .normalSubMenu td { font-weight:normal; background-color:#339; border-bottom:0px; }
.pageNav .normalSubMenu .icon { color:#339; padding: 0px; }
.pageNav .normalSubMenu .link a:link, .pageNav .normalSubMenu .link a:visited { color:#FFF; text-decoration:none; }
.pageNav .normalSubMenu .link a:hover, .pageNav .normalSubMenu .link a:active { color:#CCC; text-decoration:underline; }

	/* this is at link. you are on this link page. */
.pageNav .at td { font-weight:bold; background-color:#339; }
.pageNav .at .icon { color:#339; padding: 0px; background-image:url(/images/pagenav_at_deco.gif); background-repeat:no-repeat; }
.pageNav .at .link a:link, .pageNav .at .link a:visited { color:#FFF; text-decoration:none; }
.pageNav .at .link a:hover, .pageNav .at .link a:active { color:#FFF; text-decoration:none; cursor:text }

	/* this is at link with sub menus. you are on this page that has sub menus. */
.pageNav .atSubMain td { font-weight:bold; background-color:#339; border-bottom:0px; }
.pageNav .atSubMain .icon { color:#339; padding: 0px; background-image:url(/images/pagenav_at_deco.gif); background-repeat:no-repeat; }
.pageNav .atSubMain .link a:link, .pageNav .atSubMain .link a:visited { color:#FFF; text-decoration:none; }
.pageNav .atSubMain .link a:hover, .pageNav .atSubMain .link a:active { color:#FFF; text-decoration:none; cursor:text }

	/* this is at sub menu link. you are on this sub menu page. */
.pageNav .atSubMenu td { font-weight:normal; background-color:#339; border-bottom:0px; }
.pageNav .atSubMenu .icon { color:#339; padding: 0px; background-image:url(/images/pagenav_at_deco.gif); background-repeat:no-repeat; }
.pageNav .atSubMenu .link a:link, .pageNav .atSubMenu .link a:visited { color:#FFF; text-decoration:none; }
.pageNav .atSubMenu .link a:hover, .pageNav .atSubMenu .link a:active { color:#FFF; text-decoration:none; cursor:text }

.pageNav .buffer .icon { padding: 1px 0px 0px 0px; border-bottom: 1px solid #FFF; background-color:#339; }

/* ============================== more ============================== */

.more .title { font-size:80%; font-weight:bold; color:#000; padding: 20px 10px 0px 20px; }
.more .link { font-size:70%; padding: 10px 10px 0px 20px; }
	/* [reserved for future] .more .link a:link, .more .link a:visited { color:#339; } */
	/* [reserved for future] .more .link a:hover, .more .link a:active { color:#C00; } */
.more .text { font-size:80%; color:#333; }

/* ============================== testimonial ============================== */

.testimonial .title { font-size:80%; font-weight:bold; color:#000; padding: 20px 10px 0px 20px; }
.testimonial .text { font-size:80%; font-style:italic; color:#333; padding: 10px 10px 0px 20px; }
.testimonial .link { font-size:70%; padding: 10px 10px 0px 20px; }
	/* [reserved for future] .testi .link a:link, .testi .link a:visited { color:#339; } */
	/* [reserved for future] .testi .link a:hover, .testi .link a:active { color:#C00; } */

/* ============================== page ============================== */

.page .image { padding: 10px 10px 0px 10px;}
.page .text { padding: 16px 20px 0px 20px; font-size:80%; }
.page .box { padding: 10px 5px 0px 5px; font-size:80%; }

	/* h1 is page title */
.page h1 { font-size:190%; font-weight:normal; color:#F90; margin: 0px 0px 0px 0px; }
.page h2 { font-size:140%; font-weight:normal; color:#339; margin: 16px 0px 0px 40px; }
.page h2.left { margin-left: 0px; }
.page h3 { font-size:100%; font-weight:bold; color:#339; margin: 16px 0px 0px 0px; }
.page p { margin: 16px 0px 0px 0px; }
.page strong { color:#000; }

table.page { background-color: #fff; }

/* ============================== footer ============================== */

.footer td { font-size:70%; color:#333; }

.footer .greytop { background-color:#DDD; }
.footer .greybottom { background-color:#999; padding: 10px 10px 5px 10px;}
.footer .greybottom a:link, .footer .greybottom a:visited { color:#333; text-decoration:none; }
.footer .greybottom .sub { font-size:100%; color:#666666; }
.footer .greybottom a:hover, .footer .greybottom a:active { color:#666666; text-decoration:underline; }
.footer .purple { background-color:#472f92; padding: 10px 10px 20px 20px; font-weight: bold;}
.footer .purple .sub  { font-size:100%;}
.footer .purple a:link, .footer .purple a:visited { color:#fff; text-decoration:underline; }
.footer .purple a:hover, .footer .purple a:active { color:#fff; text-decoration:underline; }
.footer .white { background-color:#fff; padding: 10px 10px 40px 20px; color:#999;}


.footer .headerLink { padding: 6px 20px 6px 20px; text-align:right; font-weight:bold }
.footer .headerLink a:link, .header .headerLink a:visited { color:#666; text-decoration:none; }
.footer .headerLink a:hover, .header .headerLink a:active { color:#C00; text-decoration:underline; }

table.footer { background-color: #fff; }

/* ========================= legacy curriculum styles =====================*/
.curriculum { font-size: 80%; color:#333; }
img.curriculum { padding-bottom: 6px; }
.curriculum-side { font-size: 70%; color:#333; }
.curriculum-hd { position: relative; top: -3px; }
.curriculum-sample { font-size: 70%; color:#dddddd; }
.curriculum-req { font-size: 70%; color:#fff; }
.curriculum-req a:link, .curriculum-req a:visited, .curriculum-req a:hover, .curriculum-req a:active,{ color: #fff; font-weight: bold;}
.curriculum-sideTitle { color: #333399; font-weight: bold;}
.curriculum-subTitle { width: 320px; background-color: #DDDDDD; color: #333399; font-weight: bold; padding:5px 10px 5px 10px; }
.curriculum-subTitle2 { width: 520px; background-color: #DDDDDD; color: #333399; font-weight: bold; padding:5px 10px 5px 10px; }
.curriculum-divider { background-image:url(/images/71_dots.gif); background-repeat:repeat-y; }
li.curriculum-items { font-size: 8pt; color:#333; }
.curriculum-sample a:link, .curriculum-sample a:visited, .curriculum-sample a:hover, .curriculum-sample a:active,{ color: #fff; }
.curriculum-sample-box {padding-top: 8px; background-color:#000000}


.note {font-family:arial, helvetica, sans-serif; font-size: 7.5pt; color:#666666}
#math { font-size:11px }
.math-light {background-color: #E5EFFA}
.math-header {font-size: 12pt; color: #0066CC; font-weight: bold}
.math-bold {font-size: 10pt; color: #0066CC; font-weight: bold}

.lang {background-color: #E0C1E0}
#languagearts {font-size:11px}
.lang-light {background-color: #F5EAF5}
.lang-header {font-size: 12pt; color: #993399; font-weight: bold}
.lang-bold {font-size: 10pt; color: #993399; font-weight: bold}

#science {font-size:11px}
.science-light {background-color: #EAF5EA}
.science-header {font-size: 12pt; color: #339933; font-weight: bold}
.science-bold {font-size: 10pt; color: #339933; font-weight: bold}

#history {font-size:11px}
.history-light {background-color: #E5F5F5}
.history-header {font-size: 12pt; color: #009999; font-weight: bold}
.history-bold {font-size: 10pt; color: #009999; font-weight: bold}

#art {font-size:11px}
.art-light {background-color: #FAEAEA}
.art-header {font-size: 12pt; color: #CC3333; font-weight: bold}
.art-bold {font-size: 10pt; color: #CC3333; font-weight: bold}

#music {font-size:11px}
.music-light {background-color: #FFF5EA}
.music-header {font-size: 12pt; color: #FF9933; font-weight: bold}
.music-bold {font-size: 10pt; color: #FF9933; font-weight: bold}

.details-pipe {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#333333}
a.details-nav:link {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#0033FF;}
a.details-nav:visited {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#990099}
a.details-nav:hover {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#FF0000}
a.details-nav:active {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#FF0000}

a.sample:link {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#0033FF}
a.sample:visited {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#990099}
a.sample:hover {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#FF0000}
a.sample:active {font-family:arial, helvetica, sans-serif; font-size: 8pt; color:#FF0000}

/* ========================= Fitsum's Addenda =====================*/

a.linky:link, a.linky:visited { color: #fff; text-decoration: underline }
a.linky:hover, a.linky:active { color: #fff; text-decoration: none }


a.section:link, a.section:visited, a.section:hover, a.section:active { font: bold 11px Arial, sans-serif; color: #fff; text-decoration: underline }

#curricwidg {position: relative; left: 10px;}
.widgBg { background: #999 }
.widgTxt { font:13px arial, sans-serif; color: #fff; text-align: left; vertical-align: top }
.widgTxt2 { font:11px arial, sans-serif; color: #fff; text-align: left; vertical-align: top }
a.widg:link,a.widg:visited { font:font:70% arial, sans-serif ; color: #fff; text-decoration: underline  }
a.widg:active, a.widg:hover { font:font:70% arial, sans-serif ; color: #fff; text-decoration: none  }

.home-subTitle { background-color: #DDDDDD; color: #000; font-weight: bold; padding:5px 10px 5px 10px; margin:0px 0px 10px 0px; white-space: nowrap; font-size: 120%; width: 100%; }

.enroll-subTitle { color: #000; font-size: 130%; font-weight: bold }

/* ========================= CURRICULCUM NAV =====================*/

.menuHome { position: absolute; top: 339px; z-index:2; right:0px; padding-bottom: 5px; width: 291px; display:none  }
.menuInternal { position: absolute; top: 150px; z-index:2; right:0px; padding-bottom: 5px; width: 291px; display: none  }

#languageartsTD {width: 10%; background: #939}
#mathTD {width: 10%; background: #06c}
#scienceTD { width: 10%; background: #393 }
#historyTD { width: 10%; background: #099 }
#artTD { width: 10%; background: #C33 }
#musicTD { width: 10%; background: #F93 }
#moreTD { width: 100%; background: #FCB017 }

#languageartsTDDiv { position: absolute; left: 0px; background: #939 }
#mathTDDiv { position: absolute; left: 96px; background: #06c }
#scienceTDDiv { position: absolute; left: 190px; background: #393 }
#historyTDDiv { position: absolute; left: 289px; background: #099 }
#artTDDiv { position: absolute; left: 386px; background: #C33 }
#musicTDDiv { position: absolute; left: 483px; background: #F93 }

#menuOverviewslanguagearts { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #7A297A }
#menuOverviewsmath { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #0052A3 }
#menuOverviewsscience { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #297A29 }
#menuOverviewshistory { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #007A7A }
#menuOverviewsart { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #A32929 }
#menuOverviewsmusic { font: 13px arial, sans-serif; color: #fff; padding: 5px 10px 10px 15px; background: #CC7A29  }

.menuCourses { font: 11px arial, sans-serif; color: #fff; padding: 3px 5px 3px 20px }
.menuTable { margin: 0px 0px 15px 0px; width: 100% }


a.menulink:link, a.menulink:visited  {text-decoration: none; font: 11px arial, sans-serif; color: #fff; margin: 5px; }
a.menulink:active, a.menulink:hover  {text-decoration: underline; font: 11px arial, sans-serif; color: #fff; margin:5px; }

a.menuoverviewlink:link, a.menuoverviewlink:visited  {text-decoration: none; font: bold 11px arial, sans-serif; color: #fff; margin: 5px }
a.menuoverviewlink:active, a.menuoverviewlink:hover  {text-decoration: underline; font: bold 11px arial, sans-serif; color: #fff; margin:5px }

/* ========================= MISSLE-ANUS =====================*/
#flashy {magin:0px; padding:0px; border: 0px}

/* end of css */
/* end of css */
/* end of css */