﻿/*****************************************************************
* Color Pallete
* ---------------------------
* Site Background: #2A1B0A or #1B140E
* Navigation Text: #CCFFFF
* Headers: #0093D0
* Links: #669900
*****************************************************************/

/*****************************************************************
* HTML TAGS
*****************************************************************/
body { background-color: #000000; margin: 0; font-family: Arial; color: #4A4A4A; }
h1, h2, h3 { font-family: Arial; color: #0093D0; }
h1 { font-size: 24px; font-weight: normal; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child { margin-top: 0px;}
h2 { font-size: 15px; font-weight: bold; margin: 10px 0; }
h3 { font-size: 13px; font-weight: bold; }
h4 { font-size: 11px; font-weight: bold; }
h1 + h2 { margin: 10px 0; }
a:link, a:active, a:visited { font-size: 15px; color: #669900; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border-width: 0px; border-style: none; }
/*ul
{
    margin: 15px 0;
    padding: 0;
    font-size: 13px;
    list-style: none;
}
li
{
    background: url('../design/images/bullet.gif') no-repeat 3px 9px;
    list-style: none;
    margin: 0px;
    padding: 3px 0 3px 9px;
}*/

/*****************************************************************
* LAYOUT
*****************************************************************/
#siteContainer { margin: 0 auto; padding: 10px 0; width: 852px; background-image: url('/images/masthead-189h.png'); background-repeat: no-repeat; }

/*Header
*********************************/
#headerContainer { padding: 0px 21px 10px; position: relative; }
#siteLogo { }
#topContactInfo { position: absolute; text-align: right; font-size: 12px; color: #000; right: 10px; top: 17px; font-weight: bolder; float: left; z-index: 991; }
#topContactInfo a, visited { font-size: 12px; color: #000; font-weight: bold; z-index: 991; }

.header_switchlinks { color: #FFFF66; font-size: 15px; font-weight: bolder; position: absolute; top: 90px; left: 665px; width: 185px; z-index: 991; }
.header_switchlinks a { color: #FFFF66; font-size: 13px; }

.header_switchlinks a:hover { text-decoration: underline; }
.header_switchShadow { color: #000000; font-size: 15px; font-weight: bolder; position: absolute; top: 91px; left: 666px; width: 185px; z-index: 990; }
.header_switchShadow a { color: #000000; font-size: 13px; }

.header_switchShadow a:hover { text-decoration: underline; }

/*.loginBar
{
    position: absolute;
    top: -20px;
    right: 21px;
    height: 39px;
    color: #333333;
    font-size: 12px;
}
.loginBar a, visited, active
{
    color: #333333;
}*/

/*Body
*********************************/
#dummy { background-image: url('../design/images/dummyNav.png'); background-repeat: no-repeat; height: 30px; background-position: 21px 0px; }
#menuContainer { display: none; width: 100%; }
#menuSearchBox { margin: 0 5px 12px 1px; float: right; }
.headerLinks { float: right; padding-right: 15px; }
#menuSearchBox .textbox { width: 125px; margin: 0; padding-left: 5px; border-style: solid none solid solid; border-color: #C0C0C0; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float: left; }
#menuSearchBox .button { border: none; vertical-align: middle; float: left; }
#breadcrumbs { font-size: 12px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C0C0C0; padding-bottom: 3px; margin-bottom: 15px; color: #999999; }
#breadcrumbs a, visited, active { font-size: 12px; color: #999999; }
#breadcrumbs a:hover { color: #669900; text-decoration: none; }
#mainContainer .top { background-image: url('/design/images/mainCont-top.png'); background-repeat: no-repeat; height: 15px; }
#mainContainer .innerContent, .innerContentNoMenu { font-size: 15px; background-color: White; padding: 0px 30px 15px; }
#mainContainer .innerContentNoMenu { padding: 20px 30px 10px; }
#mainContainer .bottom { background-image: url('/design/images/mainCont-bot.png'); background-repeat: no-repeat; height: 15px; }
/*Single Column Layout
*********************************/
#singleColumn { padding-top: 15px; }
#singleColumn div.innerContent { margin: 0; padding: 0; width: 260px; float: left; }
#singleColumn div.innerContent p, #singleColumn div.innerContent h1 { margin: 0 0 5px; }
#singleColumn div.flashContainer { display: block; width: 512px; height: 318px; /*background-image: url('/images/flashContent-img.jpg');     background-repeat: no-repeat;*/ float: right; }
#singleColumn ul.button-list { list-style: none; margin: 0 0 5px; padding: 0; }
#singleColumn ul.button-list li { margin-bottom: 3px; width: 250px; }
#singleColumn ul.button-list li a { display: block; background-image: url('/images/buttons/green-up.png'); background-repeat: no-repeat; color: White; width: 230px; padding-left: 20px; height: 32px; line-height: 32px; font-size: 13px; text-decoration: none; }
#singleColumn ul.button-list li:hover a { background-image: url('/images/buttons/green-over.png'); background-repeat: no-repeat; }

/*Two Column Layout
*********************************/
.mainColumn { float: left; width: 512px; }
.sideColumn { float: right; width: 245px; }
/*linkIsland Layout
*********************************/
.linkIsland .top { margin-top: 15px; background-image: url('/design/images/mainCont-top.png'); background-repeat: no-repeat; height: 15px; }
.linkIsland .innerContent { font-size: 12px; background-color: White; padding: 10px 15px 10px 30px; }
.linkIsland #copyRight { float: left; width: 280px; color: #666666; font-size: 10px; }
.linkIsland .innerContent .linkColumn { width: 132px; float: left; }
.linkIsland .linkColumn h4 { font-size: 12px; margin-bottom: 5px; }
.linkIsland .link-list { list-style-type: none; margin: 0; padding: 0; }
.linkIsland .link-list a, visited, active { color: #666666; }
.linkIsland .link-list a:hover { color: #669900; }
.linkIsland .bottom { background-image: url('/design/images/mainCont-bot.png'); background-repeat: no-repeat; height: 15px; }

/*Footer
*********************************/
#footerContainer { text-align: center; padding-top: 15px; color: #C0C0C0; font-size: 12px; width: 800px; margin: 0 auto; line-height: 1.6em; }
#footerContainer a, visited, active { color: White; text-decoration: none; font-size: 12px; }
#footerContainer a:hover { text-decoration: underline; }
/*****************************************************************
* MISCELLANEOUS
*****************************************************************/
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child + html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
#islandBoxesContainer { margin-top: 15px; }
#btnSchoolUse { position: absolute; right: 0px; top: 275px; width: 30px; height: 94px; }
#btnFeedback { position: absolute; right: 0px; top: 180px; width: 30px; height: 94px; }
.nobullet-linklist { margin: 8px 0; padding: 0; list-style-type: none; line-height: 20px; }

/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert,
.notice,
.success,
.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice        { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success       { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info          { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a          { color: #514721; }
.success a         { color: #264409; }
.info a            { color: #205791; }


/*Popup Form
*********************************/

#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .70; z-index: 9999; }
.popup_block { display: none; /*--hidden by default--*/ background: #fff; padding: 20px; border: 20px solid #ddd; float: left; font-size: 12px; position: absolute; top: 50%; left: 50%; z-index: 99999; /*--CSS3 Box Shadows--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block h1 { margin-top: 0px; margin-bottom: 15px; }
.popup_block .error { background-color: transparent; color: Red; font-size: 13px; margin: 0; padding: 3px; position: relative; }
img.btn_close { float: right; margin: -50px -50px 0 0; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }

/*Feedback Form Specific
*********************************/
.maxDimensions { width: 340px; max-width: 340px; height: 130px; max-height: 130px; }
.popup_block .tableSpacing { padding-bottom: 10px; }
.popup_block .tableLable { padding-bottom: 5px; }
.popup_block .txtBox { border: 1px solid #CCCCCC; margin: 0; padding: 3px; width: 180px; height: 14px; position: relative; }

/*Find A Program Form Specific
*********************************/
.RadioBtnList { margin-left: 20px; }

/*Store
*********************************/
.productInfo { padding-bottom: 25px; }

/*User Account Page
********************************/
.subscriptionTbl, .subscriptionTbl td, .subscriptionTbl th { border: 1px solid #808184; border-collapse: collapse; text-align: center; margin-bottom: 25px; }

.subscriptionTbl td { padding: 10px; }

.subscriptionTbl th.title { background: #EAECED; font-style: italic; }

.subscriptionTbl td.section { padding: 0px; }

.subscriptionTbl td.section table { width: 100%; }

.subscriptionTbl td.section-top { border-bottom: 1px border solid #808184; border-left: none; border-right: none; border-top: none; text-align: center; }

.subscriptionTbl td.section-bottom { border: none; }

.subscriptionTbl th { background: #D4D6D7; padding: 5px; }
.subscriptionTbl tbody td { background: #ffffff; color: #333; font-weight: normal; padding: 10px; }

.subscriptionTbl tbody th.highlight { color: #6B9A3D; font-style: italic; font-weight: bold; }

.subscriptionTbl tr.highlight, .subscriptionTbl td.highlight, .subscriptionTbl th.highlight { color: inherit; font-style: italic; font-weight: bold; }
.subscriptionTbl tbody tr.highlight th { font-weight: bold; font-style: italic; }

