body {

margin: 0;

padding: 20px 0;

font-family: Arial, sans-serif;

background: #eaeaea;

}



/*

http://mainlineschoolnight.org/images/sum09/

*/



.display-none {



}





.fright {

float: right;

margin-left: 10px;

margin-bottom: 10px;

}



.fleft {

float: left;

margin-right: 10px;

margin-bottom: 10px;

}



.bord-white {

border: 2px solid #fff;

}



form {

margin: 0;

padding: 0;

}



.nolist {

list-style: none;

margin: 0;

padding: 0;

}



a img {

border: none;

}



/*

--------------------------------------------------------------------------------------- OVERALL CONTENT STYLES

*/





a:link,

a:visited {

color: #6397BB;

}



h1 {

background-color:transparent;

border-bottom:1px solid #6397BB;

color:#6397BB;

font-size:140%;

font-weight:bold;

margin:0;

padding:0;

}



h2 {

background-color:transparent;

color:#6397BB;

font-size:125%;

font-weight:bold;

margin-bottom:3px;

margin-top:0;

}



legend {

background-color:transparent;

color:#6397BB;

font-size:110%;

font-weight:bold;

}









/* CUSTOM HEADER FOR MLSN - Solution Media 04/13/09

------------------------------------------------------------------------- */

body.front div#mlsnhdr {

border-collapse: collapse;

border-spacing: 0;

width: 958px;

height: 142px;

margin: 0 auto;

border: 0;

background: transparent url(mlsn-hdrbg.jpg) no-repeat top left;

}



body.front div#mlsnhdr ul {

list-style: none;

margin: 0;

padding: 0;

}







/*

--------------------------------------------------------------------------------------- SUB PAGE STATIC HEADERS

*/



div#mlsnhdr {

border-collapse: collapse;

border-spacing: 0;

width: 958px;

margin: 0 auto;

border: 0;

}



div#mlsnhdr h2 {

margin: 0;

padding: 0;

border: 0;

}



div#mlsnhdr h2 a {

display: block;

height: 142px;

width: 958px;

background: transparent url(mlsn-hdr.jpg) no-repeat top left;

text-decoration: none;

border: 0;

}



div#mlsnhdr h2 a span {

display: none;

}







#awHeader  /* Style for Header Table (with Logo) */

{

width: 958px;

border-collapse: collapse;

padding: 0;

margin: 0 auto;

border: 1px solid #6397BB;

}



#awHeader td /* Style for Organization Logo/Name Row */

{

/*sC03*/ background-color: #6397BB /*eC03*/;

/*sC04*/ color:  #ffffff /*eC04*/;

padding: 5px;

}



#awLogo

{

float: left;

}



#awHeader img  /* Style for Logo image */

{

float: left;

margin-right: 30px;

margin-top: 0px;

margin-bottom: 0px;

}



div#awOrgName    /* Style for Organization Name Text */

{

font-size: 160%;

}



div#awOrgAddr    /* Style for Organization Address Text */

{

font-size: 80%;

}



div#awShadow  /* Style can be used to add shadow to header row */

{

margin: 0;

padding: 0;

display: none;

}



div#awSearchBox   /* Style for Search box */

{

float: right;

background-color: transparent;

text-align: right;

font-size: 85%;

margin: 3px 0 0 0;

padding: 0;

}



#awSearchBox a   /* Style for links in Search box */

{

/*sC04*/ color:  #ffffff /*eC04*/;

}



#awSearchBox form   /* Style for form in Search box */

{

margin: 0;

padding: 0;

}



#awSearchBox p  /* Style for paragraphs in Search box */

{

margin: 5px 0 0 0;

padding: 0;

}



#awMain    /* Style for Main Table */

{

width: 958px;

border-collapse: collapse;

border-spacing: 0;

padding: 0;

margin: 0 auto;

background: transparent url(mlsn-bgrep.gif) repeat-y top !important;

}



/* MAIN NAV TD

-------------------------------------------------------------------------------- */



td#awHomeNav  /* Style for Navigation Cell in on Home page */

{

width: 200px;

padding: 0 5px 0 5px;

margin: 0;

vertical-align: top;

text-align: left;

}



#aHomeNav form   /* Style for Logon form in Home Nav Cell */

{

margin: 0;

padding: 0;

}



#awHomeNav p  /* Style for Logon paragraphs in Home Nav Cell */

{

margin-top: 5px;

margin-bottom: 2px;

}



td#awNavCell   /* Style for Navigation Cell on Standard/Minimal */

{

padding: 0;

margin: 0;

width: 170px;

vertical-align: top;

/*sC05*/ background-color: transparent /*eC05*/;

}



#awNavCell h2   /* Style for Navigation Cell Headers on Standard/Minimal */

{

font-size: 90%;

font-weight: bold;

text-transform: uppercase;

padding: 3px 5px 1px 10px;

margin: 0 0 0 6px;

color: #4A1235;

background: #82acc9;

}



td#awNavCell ul {

margin: 0 0 0 6px;

padding: 0;

list-style-type: none;

}



td#awNavCell ul li {

margin: 0;

padding: 0;

}



td#awNavCell ul li a {

display: block;

margin: 0;

padding: 3px 5px 3px 15px;

text-decoration: none;

font-weight: bold;

color: #fff;

font-size: 12px;

border-top: 1px solid #82acc9; /* Light Color */

border-bottom: 1px solid #4c7490; /* Dark Color */

}



td#awNavCell ul li a:hover {

background-color: #fff;

color: #6397BB;

}







/* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */

/*hide from ie-mac\*/

* html td#awNavCell ul li {

height: 1px;

}

/* end hack */



/* \*/

* html td#awNavCell ul li a {

height: 1px;

}

/*  */





#awNavCell form.qsrch {

padding: 10px 5px 10px 15px;

margin: 0;

}



#awNavCell form.qsrch p {

margin: 0;

padding: 0 0 5px 0;

font-size: 11px;

font-weight: bold;

color: #333;

}



#awNavCell form.qsrch input {

width: 120px;

border: 1px solid #ccc;

}



#awNavCell form.qsrch input.btn {

width: 30px;

}



#awNavCell hr  /* Style for Navigation Cell Horizontal line on Standard/Minimal */

{

border: 0;

color: #d0d0d0;

background-color: #d0d0d0;

height: 1px;

width: 75%;

text-align: right;

margin: 0 0 0 auto;  /* right aligns hr in Firefox browser */

}



/* MAIN CONTENT TD

-------------------------------------------------------------------------------- */



td#awContCell   /* Style for Content Cell on all templates */

{

padding: 0;

vertical-align: top;

/*sC07*/ background-color: transparent /*eC07*/;

}



div#content_sm {

padding: 15px;

}



div#content_sm li {

padding-bottom: 5px;

}



th.awLabels /* Style for Labels in Input sections */

{

vertical-align: top;

text-align: right;

padding-right: 5px;

font-weight: normal;

white-space: nowrap;

}



div.awCenterText    /* Style for centered text used on various pages */

{

text-align: center;

}



div.awRightText    /* Style for Right aligned text used on various pages */

{

text-align: right;

}



span.awImportant /* Style for important messages on various pages */

{

font-weight: bold;

color: #b22222;

}



.awTable    /* Style for ACEweb Generated Tables */

{

border-collapse: collapse;

margin: 0;

padding: 0;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

width: 100%;

}



.awTable th    /* Style for Header Row in ACEweb Generated Tables */

{

/*sC03*/ background-color: #6397BB /*eC03*/;

vertical-align: top;

/*sC04*/ color: #ffffff /*eC04*/;

/*text-align: center;*/

Font-weight: bold;

font-size: 80%;

padding: 3px 2px 3px 10px;

text-align: left;

border-right: 1px solid #fff;

}



.awTable tr:hover {

background: #e1e5f5;

}



.awTable td    /* Style for Main Rows in ACEweb Generated Tables  */

{

/*sC08 background-color: #dee8f4  eC08*/;

background: #f1f1f1;

padding: 3px 10px;

font-size: 80%;

}



.awTable td a {

text-decoration: underline;

}



.awAltRow td   /* Style for Alternate Rows in ACEweb Generated Tables */

{

/*sC09*/ background-color: #ffffff /*eC09*/;

}



select.awWorkshops   /* Style for Workshop Drop Down Lists  */

{

font-size: 90%;

width: 90%;

}



span.awTitlebar  /* Style for ACEweb Generated Table Titles */

{

font-size: large;

/*sC10*/ color: #6397BB /*eC10*/;

text-align: center;

}



.awProgress    /* Style for Enrollment Progress Meter Table */

{

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

padding: 0px;

}



td.awStepDone    /* Style for Completed Bars in Enrollment Progress Meter  */

{

background-color: #d0d0d0;

padding: 0px;

width: 6px;

font-size: 50%;

}



td.awStepNot    /* Style for Uncompleted Bars in Enrollment Progress Meter  */

{

padding: 0px;

width: 6px;

font-size: 50%;

}



div.awPrintOnly   /* Style to keep some items from displaying onscreen  */

{

display: none;

}



span.awMsgTitle    /* Style for AceWeb Dialog Title  */

{

font-weight: bold;

font-size: 125%;

/*sC10*/ color:  #6397BB /*eC10*/;

background-color: transparent;

}



span.awMsgClosing    /* Style for AceWeb Dialog Closing  */

{

font-size: small;

}



div#awProxyLogon   /* Style for Proxy Logon box on User Logon pages  */

{

width: 85%;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

padding: 5px;

}



span.awHidden   /* Style to keep screen reader elements from displaying on web pages */

{

display: none;

}



.awText /* Style for various text boxes */

{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 100%;

}



.ErrorDisplay /* style for error display messages on Grade Book and Course Proposal pages */

{

border: solid 1px darkred;

padding: 10px;

color: #000000;

font-weight: bold;

text-align: left;



}



.awAttendSheet /* Style for Attendance Sheet Table */

{

border-collapse: collapse;

margin: 0 auto 0 auto;

text-align: left;

padding: 0;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

}



.awAttendSheet th    /* Style for Header Row in Attendance Sheet Table */

{

/*sC03*/ background-color: #6397BB /*eC03*/;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

vertical-align: top;

/*sC04*/ color: #ffffff /*eC04*/;

font-weight: normal;

font-size: small;

text-align: center;

}



.awAttendSheet td    /* Style for Main Rows in Attendance Sheet Table */

{

/*sC08*/ background-color: #dee8f4  /*eC08*/;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

padding: 3px 2px 3px 2px;

font-size: small;

}



.awAttendSheetAltRow td   /* Style for Alternate Rows in Attendance Sheet Table */

{

/*sC09*/ background-color: #ffffff /*eC09*/;

font-weight: normal;

font-size: small;

}



.awCellForm   /* Style for Form tags in cells */

{

margin: 0;

padding: 0;

}



#awGradeBook /* Style for Grade Book Header Table */

{

width: 520px;

border-collapse: collapse;

margin: 0 auto 0 auto;

text-align: left;

padding: 0;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

}



#awGradeBook th  /* Style for Grade Book Header Row */

{

/*sC03*/ background-color: #6397BB /*eC03*/;

/*sC06*/ border: solid 1px #6397BB /*eC06*/;

vertical-align: top;

/*sC04*/ color: #ffffff /*eC04*/;

font-weight: bold;

text-align: center;

}



#awGradeTable  /* Style for Grade Book's Registrant Table */

{

width: 500px;

border-collapse: collapse;

margin: 0 auto;

}



#awGradeTable td   /* Style for Grade Book's Registrant Rows */

{

border-bottom: solid 1px #d0d0d0;

}



#awGradeScroll  /* Style for Grade Book's Scroll Bar/Area */

{

margin: 0 auto 0 auto;

overflow-Y: scroll;

height: 300px;

width: 500px;

}



/* CUSTOM STYLES FROM SOLUTION MEDIA - 01/14/08

--------------------------------------------------------------------- */



p.sort {

text-align: right;

background: #f1f1f1;

border: 1px solid #ccc;

padding: 5px;

margin: 0;

}





div#actions {

background: transparent url(mlsn-subhdrbg.gif) no-repeat top left;

width: 958px;

margin: 0 auto;

padding: 0;

color: #fff;

border-collapse: collapse;

border-spacing: 0;

text-align: right;

height: 39px;

}



div#actions form {

padding: 3px 15px 8px 0;

}



div#actions form input {

font-size: 12px;

font-weight: bold;

padding: 0;

width: 250px;

}



div#actions form input.btn {

width: 50px;

}



div#actions form p {

margin: 0;

padding: 0;

font-size: 12px;

}



div#actions form a {

font-size: 10px;

color: #fff;

}



table#logon_sm {

display: none;

font-size: 11px;

color: #fff;

padding: 5px 0;

background: transparent;

width: 958px;

margin: 0 auto;

font-weight: bold;

}



table#logon_sm td {

text-align: right;

padding-right: 20px;

}



table#logon_sm a {

color: #fff;

text-decoration: none;

background: transparent url(http://mainlineschoolnight.org/images/mlsn_loginLock.gif) no-repeat left;

padding-left: 20px;

text-transform: uppercase;

}



fieldset.persdata label {

font-weight: bold;

color: #666;

padding: 10px 0 3px 0;

font-size: 14px;

}



fieldset.persdata p.sm {

font-size: 10px;

font-style: italic;

margin: 0;

padding: 0;

}



fieldset.persdata input {

width: 400px;

padding: 5px;

border: 1px solid #ccc;

color: #6397BB;

font-weight: bold;

}



fieldset.persdata select {

border: 1px solid #ccc;

padding: 5px;

color: #6397BB;

font-weight: bold;

}



fieldset.persdata input.req {

background: transparent url(http://mainlineschoolnight.org/images/mlsn-reqfield.gif) no-repeat right;

}



fieldset.persdata input.fname, fieldset.persdata input.lname {

width: 176px;

}



fieldset.persdata input.midini {

width: 17px;

}



fieldset.persdata input.city {

width: 145px;

}



fieldset.persdata input.zip {

width: 56px;

}



fieldset.persdata input.inputnorm {

width: auto;

}



fieldset.persdata select.suffx {

width: 50px;

}



fieldset.persdata input.birthday {

width: 50px;

}



fieldset.interests input {

width: auto;

border: none;

float: left;

margin-bottom: 20px;

}



fieldset.interests table {

border-collapse: collapse;

border-spacing: 0;

font-size: 12px;

font-weight: bold;

margin-left: 15px;

}



fieldset.interests table tr td {

border: 1px solid #ccc;

margin: 0;

padding: 5px;

background: #FBFBFB;

color: #333;

}

/* HOMEPAGE LOGIN AREA

--------------------------------------------------------------------------------- */



div#awLogonDiv {

padding: 0;

margin: 0 auto 5px auto;

width: 958px;

text-align: right;

}



div#awLogonDiv form {

margin: 0;

padding: 5px 10px;

display: inline;

}



div#awLogonDiv form label {

font-size: 11px;

padding: 5px 0 0 0;

display: inline;

color: #fff;

}



div#awLogonDiv form input {

font-size: 12px;

padding: 2px;

border: 1px solid #ccc;

width: 120px;

}



div#awLogonDiv form input.login_btn {

width: 35px;

}



div#awLogonDiv h3 {

margin: 0;

padding: 5px;

font-size: 14px;

display: inline;

}



div#awLogonDiv p.forgetpass {

text-align: right;

margin: 0;

padding: 0 50px 0 0;

font-size: 10px;

color: #fff;

}



div#awLogonDiv p.forgetpass a{

font-size: 10px;

text-decoration: none;

color: #fff;

}



/* FOOTER STYLES

--------------------------------------------------------------------------------- */



div#mlsnftr {

background: transparent url(mlsn-ftrbg.gif) no-repeat top left;

width: 958px;

margin: 0 auto;

}



div#mlsnftr p {

margin: 0;

padding: 25px 0 50px 20px;

font-size: 10px;

color: #fff;

}



div#mlsnftr p a {

color: #fff;

font-size: 14px;

}



p.solvedby {

float: right;

padding: 25px 20px 50px 20px !important;

}



p.solvedby a {

display: block;

height: 12px;

width: 123px;

background: transparent url(solvedBy.gif) no-repeat top left;

}



p.solvedby a span {

display: none;

}



/* COURSE STATUS PAGE

----------------------------------------------------------------------------- */

h1 {

clear: left;

}



div.coursestat_actions {

float: right;

border: 1px solid #6397BB;

background: #f1f1f1;

width: 150px;

margin: 20px 0 10px 10px;

}



div.coursestat_actions h2 {

background: #6397BB;

color: #fff;

font-size: 12px;

padding: 5px 10px;

margin: 0;

text-transform: uppercase;

font-weight: bold;

}

div.coursestat_actions ul {

margin: 0;

padding: 0;

list-style-type: none;

}



div.coursestat_actions ul li {

margin: 0;

padding: 0;

}



div.coursestat_actions ul li a {

display: block;

margin: 0;

padding: 3px 10px;

text-decoration: none;

font-weight: bold;

color: #6397BB;

font-size: 70%;

border-top: 1px solid #fff; /* Light Color */

border-bottom: 1px solid #ccc; /* Dark Color */

}



div.coursestat_actions ul li.tellfriend a {

background: #ffc url(http://mainlineschoolnight.org/images/mlsn-tellfriend.gif) no-repeat 120px 3px;

padding-right: 35px;

}



div.coursestat_actions ul li.tellfriend a:hover {

background-color: #fff;

padding: 4px 35px 2px 10px;

}



div.coursestat_actions ul li a:hover {

padding: 4px 5px 2px 15px;

border-bottom: 1px solid #fff; /* Light Color */

border-top: 1px solid #ccc; /* Dark Color */

background-color: #fff;

}



/* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */

/*hide from ie-mac\*/

* html div.coursestat_actions ul li {

height: 1px;

}

/* end hack */



/* \*/

* html div.coursestat_actions ul li a {

height: 1px;

}

/*  */



/* HOMEPAGE STYLES

------------------------------------------------------------------- */



div.startmsg a{

height: 98px;

width: 385px;

display: block;

background: transparent url(http://mainlineschoolnight.org/images/sum09/idx-startmsg.gif) no-repeat top left;

}



div.startmsg p {

display: none;

}



div.contentIdx {

margin: 0;

padding: 0;

}



div.contentIdx h1 {

margin: 0;

padding: 0;

font-size: 1.8em;

color: #333;

border-bottom: none;

}



div.contentIdx p {

margin: 0;

padding: 0 215px 10px 0;

font-size: 14px;

color: #333;

font-weight: bold;

}



div.contentIdx ul {

color: #333;

font-weight: bold;

font-size: 10pt;

padding: 0;

margin: 0 0 0 20px;

}



div.contentIdx ul li {

padding-bottom: 3px;

}







div#home_boxes div ul {

margin: 0;

padding: 5px 5px 22px 5px;

list-style-type: none;

}



div#home_boxes div ul li {

font-size: 12px;

padding: 0 0 5px 0;

margin: 0;

}



div.address {

font-size: 14px;

color: #fff;

margin: 20px 0 0 0;

padding: 0 0 0 15px;

}



div.address a {

color: #fff;

}



div.address p {

margin: 0;

padding: 0 0 20px 0;

font-size: 12px;

}



div.requestcatalog {

padding-bottom: 20px;

}



div.requestcatalog p {

padding: 0 5px 0 15px !important;

margin: 10px 0 0 0 !important;

font-size: 11px;

}



div.requestcatalog p.link a {

display: block;

height: 96px;

font-size: 12px;

text-decoration: none;

padding-left: 75px;

padding-top: 10px;

color: #fff;

background: transparent url(catalog-th.gif) no-repeat left top;

}



div.requestcatalog p a {

color: #fff;

}





div.requestcatalog p.link a:hover {

text-decoration: underline;

}





div.ebook-leftcol {

text-align: center;

}



div.ebook-leftcol a.button {

display: block;

margin: 15px 0;

}



div.ebook-leftcol a.pdf {

font-size: 11px;

color: #000;

font-weight: normal;

text-decoration: none;

display: block;

padding: 0 15px;

}



div.ebook-leftcol p.note {

padding: 0 15px;

font-size: 10px;

line-height: 11px;

}



div.newstudalert {

background: #ffc url(http://mainlineschoolnight.org/images/mlsn-alert.gif) no-repeat top left;

border: 2px solid #6397BB;

margin: 20px 0;

padding: 10px 10px 10px 100px;

}



div#alert {

background: #6397BB;

margin-bottom: 5px;

color: #fff;

text-align: center;

}



div#alert h3 {

background: transparent url(http://mainlineschoolnight.org/images/mlsn-idxatten.gif) no-repeat top;

color: #fff;

padding: 45px 10px 2px 10px;

font-size: 24px;

}



div#alert p {

font-size: 14px;

padding: 4px 10px;

margin: 0;

}







/*

------------------------------------------------ VOLUNTEER FORM

*/

form.volun_form {

font-size: 12px;

}



form.volun_form table td input {

border: 1px solid #ccc;

padding: 3px;

}



form.volun_form table td select {

border: 1px solid #ccc;

}



form.volun_form ul {

list-style-type: none;

}





div.contrib h2 {

margin-top: 10px;

font-size: 16px;

}





div.btns {

text-align: center;

}



div.btns a img {

border: none;

}



div.btns img {

padding-bottom: 4px;

}





/* LOGIN PAGE TABLE -------------------------------------------------- */

table.tbl-login {

border-spacing: 0;

border-collapse: collapse;

}



table.tbl-login td {

vertical-align: top;

}



table.tbl-login td.login-info {

font-size: 12px;

width: 200px;

}



table.tbl-login td.login-info h3 {

font-size: 14px;

margin: 0;

padding: 5px 0;

}



table.tbl-login td.login-info p {

margin: 0;

padding: 5px 0;

}



table.tbl-login td.login-info div.passwordexample {

margin: 10px 0;

padding: 5px;

border: 1px solid #ccc;

background: #ffc;

}



table.tbl-login td.login-info div.passwordexample h4 {

margin: 0;

padding: 0;

}







/*

--------------------------------------------------------------------------------------- DONATIONS PAGE

*/



div.contrib p,

div.contrib li,

div.contrib {

font-size: 14px;

}



div.contrib h3 {

margin-top: 10px;

color: #666;

}



div.contrib table.donaoptions {

border-collapse: collapse;

border-spacing: 0;

width: 100%;

}



div.contrib h4 {

clear: right;

font-size: 22px;

border-bottom: 1px solid #ccc;

margin-bottom: 10px;

text-align: center;

}



div.contrib table td {

width: 50%;

vertical-align: top;

font-size: 14px;

}



div.contrib table td form,

div.contrib table td div.mail {

padding-left: 62px;

}



div.contrib table td ol li {

padding-bottom: 8px;

}



div.contrib div.amounts,

div.contrib table td div.mail div.pad {

width: 252px;

}



div.contrib table td div.mail div.pad {

padding: 0 !important;

}



div.contrib div.amounts h2 {

text-align: center;

}



div.contrib div.amounts ul {

margin: 0;

padding: 0;

}



div.contrib div.amounts ul li,

div.contrib div.amounts ul li label {

display: inline;

}



div.contrib div.amounts ul li label {

font-weight: bold;

font-size: 12px;

}



div.contrib div.amounts ul li.other {

display: block;

margin-top: 5px;

}



div.contrib p.note {

padding: 10px;

border: 1px solid #ccc;

background: #fffcee;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

font-size: 12px;

margin: 5px 0;

color: #333;

}



div.contrib p.note em {

text-decoration: underline;

color: #2a699f;

font-style: normal;

text-align: center;

}



div.contrib p.smallnote {

font-size: 11px;

color: #999;

margin: 0;

padding: 0;

text-align: center;

}



div.contrib div.submit {

margin: 15px 0;

text-align: center;

}



div.contrib div.submit input {

border: 2px solid #6397BB;

background: #E9C31D;

color: #6397BB;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

cursor: pointer;

font-weight: bold;

}



/*

--------------------------------------------------------------------------------------- HOMEPAGE STYLES

*/

div.fpo {

background: #f1f1f1;

}



div.idxcols {

width: 769px;

margin: 5px 0 0 7px;

position: relative;

}



div.idxcols h1,

div.idxcols h2,

div.idxcols h3,

div.idxcols h4,

div.idxcols h5,

div.idxcols h6,

div.idxcols p {

margin: 0;

padding: 0;

color: #000;

}



div.idxcols h1,

div.idxcols h2,

div.idxcols h3 {

border-bottom: 0;

margin-bottom: 10px;

}



div.idxcols h1 {

font-size: 28px;

}



div.idxcols h2 {

font-size: 24px;

}



div.idxcols h3 {

font-size: 18px;

}



div.idxcols h4 {

font-size: 16px;

}



div.idxcols p,

div.idxcols li,

div.idxcols td {

font-size: 14px;

padding-bottom: 10px;

}



div.idxcols a {

color: #333;

}



div.idxcols td {

padding: 5px 5px 5px 0;

}



div.idxcols .idx-left,

div.idxcols .idx-right {

float: left;

}



div.idxcols .idx-left {

width: 539px;

margin-right: 5px;

position: relative;

}



div.idxcols .botcap {

height: 400px;

width: 539px;

position: absolute;

bottom: 5px;

left: 0;

background: #f1f1f1;

margin: 0;

padding: 0;

}



div.idxcols .botcapr {

height: 200px;

width: 225px;

position: absolute;

bottom: 5px;

right: 0;

background: #6397BB;

margin: 0;

padding: 0;

}



div.idxcols .idx-right {

width: 225px;

}



/*

--------------------------------------------------------------------------------------- rCol Boxes

*/

.block {

margin-bottom: 5px;

background: #ccc;

clear: left;

}



.block div.blockpad {

padding: 20px;

}



.idx-right .block div.blockpad {

padding: 15px;

}





/*

--------------------------------------------------------------------------------------- CENTER COLUMN BOX STYLES

*/



/* ------------------------------------ blocka */



div.idxcols div.idx-left .blocka {

background: #969;

float: left;

width: 539px;

zoom: 1;

}





div.idxcols div.idx-left .blocka h1 {

color: #DBE985; /* #fdcdcd; */

font-size: 32px;

text-align: left;

margin-bottom: 15px;

line-height: 32px;

}



div.idxcols div.idx-left .blocka ul {

list-style: none;

margin: 0;

padding: 0;

}



div.idxcols div.idx-left .blocka ul li {

float: left;

position: relative;

padding: 0;

}



div.idxcols div.idx-left .blocka ul li.second {

margin: 0 20px;

}



div.idxcols div.idx-left .blocka ul li.fourth,

div.idxcols div.idx-left .blocka ul li.fifth {

margin-top: 20px;

margin-bottom: 20px;

}



div.idxcols div.idx-left .blocka ul li.fifth {

margin-right: 0;

margin-left: 20px; 

}





div.idxcols div.idx-left .blocka ul li a {

display: block;

float: left;

width: 153px;

}



/* ------------------------------------ blockb */



div.idx-left .blockb {

background: #6397bb; /* #d68e25; */

margin-bottom: 0;

border-bottom: 5px solid #fff;

color: #fff;

float: left;

width: 539px;

}



div.idx-left .blockb .ebook-left,

div.idx-left .blockb .ebook-right {

float: left;

}





div.idx-left .blockb .ebook-left {

width: 125px;

margin-right: 30px;

}



div.idx-left .blockb .ebook-right {

width: 343px;

}



div.idx-left .blockb .ebook-left a {

display: block;

margin-top: 15px;

}



div.idx-left .blockb h2 {

font-size: 22px;

color: #fff;

margin-bottom: 5px;

}



div.idx-left .blockb p {

color: #fff;

font-size: 12px;

font-weight: bold;

}



div.idx-left .blockb ul {

margin-top: 0;

margin-bottom: 20px;

padding-left: 15px;

}



div.idx-left .blockb ul li {

padding-bottom: 4px;

line-height: 14px;

font-size: 12px;

}



img.fleft {

float: left;

margin: 0 15px 10px 0;

}



img.fright {

float: right;

margin: 0 0 10px 15px;

}



/* ------------------------------------ blockc */



div.idx-left .blockc {

background: #82acc9;

color: #000;

border-bottom: 5px solid #fff;

margin-bottom: 0;

float: left;

clear: left;

width: 539px;

}



div.idx-left .blockc h2 {

}



div.idx-left .blockc ul {

list-style: none;

margin: 0;

padding: 0;

}



div.idx-left .blockc ul li {

list-style: none;

float: left;

width: 100%;

clear: left;

border-bottom: 1px solid #fff;

padding: 10px 0;

}



div.idx-left .blockc ul li.last {

border-bottom: 0;

padding-bottom: 20px;

}



div.idx-left .blockc ul li div.label {

float: left;

font-weight: bold;

font-size: 16px;

}



div.idx-left .blockc ul li div.info {

float: right;

text-align: right;

font-size: 16px;

}







/* ------------------------------------ blockd */



div.idx-left .blockd {

background: #3dcb3a;

color: #613e0d;

border-bottom: 5px solid #fff;

margin-bottom: 0;

}



div.idx-left .blockd h2 {

color: #fdff6d;

}



div.idx-left .blockd p {

color: #613e0d;

}



div.idx-left .blockd ul {

list-style: none;

margin: 0;

padding: 0;

}



div.idx-left .blockd ul li {

font-size:

}



div.idx-left .blockd ul li a {

color: #fdff6d;

text-decoration: none;

}



div.idx-left .blockd ul li a:hover {

background: #fdff6d;

color: #3dcb3a;

}





/* ------------------------------------ blocke */



div.idx-left .blocke {

background: #f1f1f1;

}



div.idx-left .blocke table {

width: 100%;

border-spacing: 0;

border-bottom: 1px solid #fff;

border-top: 1px solid #ccc;

}



div.idx-left .blocke table td {

padding: 5px 10px;

border-bottom: 1px solid #ccc;

border-top: 1px solid #fff;

}



div.idx-left .blocke table td.lbl {

font-weight: bold;

padding-left: 0;

border-right: 1px dotted #ccc;

}



div.idx-left .blocke table tr.alt {

background: #f1f1f1;

}



div.idx-left .blocke p {

font-weight: bold;

margin-top: 16px;

}







/*

--------------------------------------------------------------------------------------- RIGHT COLUMN BOX STYLES

*/



div.idx-right {

position: relative;

}



div.idx-right div.blocktitle h3 {

background: #969;

color: #fff;

border: none;

margin: 0 0 10px 0;

font-size: 12px;

padding: 5px;

text-align: center;

font-style: oblique;

}



div.idx-right div.blocktitle h3 a {

color: #000;

text-decoration: none;

}



div.idx-right div.blocktitle h3 a span {

display: block;

font-size: 10px;

font-weight: normal;

color: #999;

}



/* ------------------------------------ rc blocka */



div.idx-right .blocka {

background: #DBE985;

text-align: center;

}



div.idx-right .blocka h2 {

font-size: 28px;

line-height: 28px;

color: #333;

}



div.idx-right .blocka h3 {

font-size: 20px;

color: #000;

font-weight: normal;

}



div.idx-right .blocka h3 a {

color: #666;

}



div.idx-right .blocka h4 {

font-size: 16px;

color: #000;

font-weight: normal;

}



div.idx-right .blocka p {

font-size: 11px;

padding: 0;

text-align: center;

}



div.idx-right .blocka hr {

color: #6932fb;

background-color: #6932fb;

height: 5px;

width: 40%;

border: 0;

}



/* ------------------------------------ rc blocka1 */

div.idx-right .blocka1 {

background: #fcf;

text-align: center;

}



div.idx-right .blocka1 h3 {

font-size: 28px;

line-height: 28px;

color: #333;

}



div.idx-right .blocka1 h4 {

font-size: 20px;

color: #000;

font-weight: normal;

margin-top: 12px;

}



/* ------------------------------------ rc blockb */



div.idx-right .blockb {

background: #82acc9;

margin-bottom: 5px;

}



div.idx-right .blockb h2 {

color: #fff;

font-size: 18px;

margin-bottom: 5px;

}



div.idx-right .blockb h2 a {

color: #fff;

text-decoration: none;

}



div.idx-right .blockb h2 a:hover {

background: #000;

color: #ffd1ec;

}





div.idx-right .blockb h3 a {

color: rgb(204,255,102);

text-decoration: none;

font-size: 16px;

line-height: 16px;

}



div.idx-right .blockb h3 a:hover {

background: #000;

color: #fff;

}



div.idx-right .blockb p {

font-size: 14px;

color: #000;

text-align: center;

font-weight: bold;

padding-top: 15px;

}



div.idx-right .blockb p a {

color: #fff;

}



div.idx-right .blockb p a:hover {

background: #fff;

color: #E570FA;

}



div.idx-right .blockb ul {

list-style: none;

margin: 0;

padding: 0;

}



div.idx-right .blockb ul li {

font-size: 12px;

padding-bottom: 6px;

color: #630733;

}



div.idx-right .blockb ul li a {

color: #630733;

}



div.idx-right .blockb ul li a:hover {

color: #9dcbfd;

background: #630733;

}



/* ------------------------------------ rc blockc */

div.idx-right .blockc {

background: #dbe985;

margin-bottom: 0;

}



div.idx-right .blockc h2 {

color: #4a1234;

font-size: 18px;

margin-bottom: 3px;

text-align: center;

}





div.idx-right .blockc h3 {

font-size: 16px;

color: #4a1234;

text-align: center;

margin-bottom: 0;

padding-top: 8px;

}





/*-------------------------------------- rc blockd */

.idx-right .blockd {

background: #6397BB;

border-top: 5px solid #fff;

}



.ccsignup {

padding:0;

}





.ccsignup input {

border: 1px solid #ccc;

font-size: 16px;

width: 120px;

margin: 0;

}



.ccsignup p {

font-size: 11px;

color: #fff;

margin: 0;

}



.ccsignup input.btn {

border: none;

background: #fff;

font-size: 12px;

padding: 2px 5px 3px 5px;

width: auto;

color: #6397BB;

position: relative;

top: -2px;

}



/* ------------------------------------ span col */



div.idxcols .col-span {

background: #fcab00 url(butterfly.jpg) no-repeat right; /* #d68e25; */

text-align: left;

border-bottom: 5px solid #fff;

text-align: center;

padding-bottom: 10px;

}



div.idxcols .col-span-inner {

padding: 10px;

}



div.idxcols .col-span h2 {

font-size: 32px;

line-height: 34px;

color: #176597;

margin-bottom: 5px;

margin-top: 15px;

}



div.idxcols .col-span h3 {

font-size: 22px;

color: #fff;

font-weight: bold;

text-shadow: black 0.1em 0.1em 0.2em

}



div.idxcols .col-span h4 {

font-size: 16px;

color: #000;

font-weight: normal;

}



div.idxcols .col-span p {

font-size: 11px;

padding: 0;

text-align: center;

}



div.idxcols .col-span hr {

color: #6932fb;

background-color: #6932fb;

height: 5px;

width: 40%;

border: 0;

}