/* The Color style sheet contains design related settings */


/* Surrounds the div table that displays the course
names and codes. */
div#SecCourseContainer A, A:visited
{
    text-decoration: none;
    color: #006400; /*blue; changed*/
}

/* Surrounds the div table that displays the course
names and codes. */
div#SecCourseContainer A:hover
{
    text-decoration: underline;
    color: #006400; /*red; changed*/
}

/* The name of the school displayed below the drop-down list. */
div#SchoolNameTop
{
    font-weight: bold; /*added*/
}

/* A div surrounding the program area title for every
section of course codes. This div contains the
ProgramArea div and HeadingGrade divs*/
div#ProgramAreaContainer
{
    background-color: #006400; /*Silver; changed*/
    border-width: thin;
    border-color: Black;
    color: white; /*added*/
    font-family: Arial; /*added*/
    font-weight: bold; /*added*/
    border-bottom: solid 2px black; /*added*/
    border-top: solid 2px black;
}

/* Class containing properties for the divs containing
the course names. */
.left
{
    /* background-image: url(../images/left_bar_blue.gif); */
    background-position: left;
    background-color: white;
}

/* Div surrounding the name of the course */
div#ProgramName
{
    color: Black;
    margin-top: 0px;
    margin-bottom: 2px;
    font-family: Arial;
    font-size: 12px; /*border-top: solid 1px #CCCCCC;*/
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
}

/* Div surrounding the four boxes containing course
codes for individual grades. */
div#CourseCode
{
    margin-top: 0px;
    font-family: Arial;
    font-size: 12px; /*border-top: solid 1px #CCCCCC;*/
    padding-bottom: 3px;
    padding-top: 2px;
}

div#CourseCode A, A:visited
{
    color: #006400;
}


div#CourseCode A:hover
{
    text-decoration: Underline;
    color: #006400;
}



div#focus_courses a, a:visited
{
    color: #006400;
}


div#focus_courses a:hover
{
    text-decoration: underline;
    color: red;
}

/* The class used by the boxes containing the course codes
for individual course codes */
.grades
{
    border-left: solid 1px #CCCCCC;
}

div#grade_LV a, a:visited
{
    color: Olive;
}

div#grade_LV a:hover
{
    text-decoration: underline;
    color: Olive;
}
/* The grade corresponding to one of the four columns */
.HeadingGrade
{
    font-size: 12px;
    color: white; /*black; changed*/
    padding-top: 2px;
}

/* Div surrounding the name of the program area name.*/
div#ProgramArea
{
    padding-left: 3px;
    padding-bottom: 1px;
    padding-top: 3px;
}

/* Div surrounding the course details window. */
div#DetCourseDetails /*added*/
{
    background-color: white;
    border: solid 1px bdbdbd;
    font-family: Arial;
    text-align: left;
    padding: 18;
}

/* Div surrounding the course details grade. */
div#DetGrade /*added*/
{
    color: #464646;
    font-family: Arial;
    font-size: larger;
    font-weight: bold;
    text-align: left;
    padding-bottom: 12px;
}

.CourseDetailsText
{
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    padding-bottom: 15px;
}

/* Div surrounding the note before the start of the course
code table. */
div#TopNote
{
    color: #464646;
    font-family: Arial;
    text-align: left;
    font-size: 12px;
    font-variant: small-caps;
}

/* Div surrounding the course details course name. */
div#DetCourseName /*added*/
{
    font-weight: bold;
    font-family: Arial;
    text-align: left;
    padding-bottom: 12px;
}

/* Div surrounding the course details description. */
div#DetCourseDescription /*added*/
{
    font-family: Arial;
    text-align: left;
}

/* Div surrounding the course details course type. */
div#DetCourseType /*added*/
{
    color: #464646;
    font-family: Arial;
    text-align: left;
}

/* Div surrounding the course details course value. */
div#DetCourseValue /*added*/
{
    color: #464646;
    font-family: Arial;
    text-align: left;
}

/* Div surrounding the course details prerequisites. */
div#DetPrerequisite /*added*/
{
    color: #464646;
    font-family: Arial;
    text-align: left;
}

/* Div surrounding the note before the start of the course
code table. */
div#TopNote
{
    color: #464646;
    font-family: Arial;
    text-align: left;
    font-size: 12px;
    font-variant: small-caps;
}

/* The names of the schools the course is offered in inside the details page */
div#CourseCodeSchools
{
    font-size: small;
}

/* The lable showing the current school year on the main page inside the text box*/
.School_Year
{
    font-size: larger;
    font-weight: bold;
}

/* The lable showing the current school year on the details page inside a div*/
div#SchoolYear
{
    font-size: larger;
    font-weight: bold;
    padding-bottom: 15px;
}

/* Div used before the start of a new row. */
div#clr
{
    color: #006400;
    font-family: Arial;
    text-align: left;
}

/* The line that instructs people to click on a Program Area link */
div#SectionLinksInstructions
{
    font-weight: bolder;
}

/* Name of the school displayed when the courses are filtered by school */
.SchoolName
{
    font-weight: normal;
}

/* "School Selected: caption displayed when the the courses are filtered by school */
.SchoolNameA
{
    font-weight: bold;
}

/* font size for the link categories */
div#SectionLinksA A, A:visited, A:hover
{
    font-size: 12px;
}

/* class of the goBack a href */
.goBack
{
    font-size: 12px;
    color: #006400;
    visibility: visible;
}
div#legend
{
    font-size: smaller;
}