/* 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:#003366; /*blue; changed*/
}

/* Surrounds the div table that displays the course
names and codes. */	
	
div#SecCourseContainer A:hover
{
	text-decoration:underline;
	color:#003366; /*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:#003366; /*Silver; changed*/
	border-width:thin;
	border-color:Blue;
	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:Blue;
}


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


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


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



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

/* 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: #464646;
	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:Blue;
	visibility:visible;
	
}
div#legend
{
	font-size:smaller;
}