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

    * Advanced Academics

    colors.css
    - Targeting of color only elements for unique branding

    - #718c9f - light gray blue - light site background
    - #526673 - dark gray blue - dark site background 
    - #7f592d - darkest gray blue - darkest site background (used in footer)
    - #bfe3fa - vibrant light blue - link color
    - #464646 - vibrant red - highlight and callout background

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

/* -- Site Wide -- */
html { color: #eee; }                               /* text */
a { color: #bfe3fa; }                               /* link */
a:visited { color: #9DBCD2; }                       /* visited link */
a:hover { color: #bfe3fa; }                         /* hovered link */


/* -- Forms -- */
input, 
textarea, 
select { border-color: #888; }                      /* field border */ 

input:focus, 
textarea:focus { 
    background-color: #D3E1F5;                      /* active field background */
    border-color: #;                          /* active field border */
}


/* -- Login -- */
.sub #login { background-color: #516673; }          /* match to site background */ 
.sub .login-inner-wrap p {
    color: #516673;                                 /* field label color */ 
}
.sub .login-inner-wrap p a { color: #2b7eb8; }      /* link color (forgot password) */
.sub .login-inner-wrap p.note { color: #555; }      /* text color (remeber me) */


/* -- Header -- */
#header { border-color: #820000; }                  /* bottom-border color */
#header strong.contact { color: #293741; }             /* contact us text color */
#header ul li a { 
    color: #fff;                                    /* top nav text color */
    background-color: #820000;                      /* top nav background color */
}
#header ul li.first a { 
    background-color: #820000;                      /* top nav alternate background color */
}
#header ul li a:hover { 
    background-color: #647E92;                      /* top nav hover background color */
}
#header ul li.first a:hover { 
    background-color: #a01f1f;                      /* top nav alternate hover background color */
}
#header h2 { color: #555; }                         /* slogan color */
#header h2 strong { color: #464646; }               /* slogan first word color */


/* -- Intro and Callout --*/ 
#intro {
    background-color: #820000;                      /* background color */
    border-color: #560000;                          /* border color */
} 


/* -- Content --*/ 
#content { background-color: #588dad; }             /* background color */
#main img.right, 
#main img.left { 
    background: #eee;                               /* image padding color */
    border-color: #588dad;                          /* image border color */
}


/* -- Footer -- */
html { background-color: #38464f; }                 /* background color */
#footer p.copyright span { color: #ccc; }           /* copyright text color */
#footer a { color: #eee; }                          /* link color */
#footer ul, 
#footer ul li { border-color: #ccc; }            /* nav border color */
#footer ul li a { color: #ccc; }                    /* nav link color */
#footer ul li a:hover { color: #fff; }              /* nav link hovered color */

/* -- Courses List and Box --*/ 
.sub #courses .inner-courses ul#course-nav {
    border-color: #560000;                          /* nav border color */ 
}
.sub #courses .inner-courses ul#course-nav li {
    border-color: 1px solid #560000;                /* nav border color */
}