﻿/* Normalize browser defaults */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote {
	margin: 0;
	padding: 0;}
	
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;}
	
ol, ul {
	list-style: none;}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;}

table {
	border-collapse: collapse;
	border-spacing: 0;}
	
fieldset, img {
	border: 0;}

caption, th {
	text-align: left;}

q:before, q:after {
	content: '';}
	
/* CSS */
body {
	background-color: #666666;
	font: normal 14px "Times New Roman", Times, serif;}
blockquote.inspiration {
	padding: 1em;
	background-image: url(images/quote.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	text-indent: 23px;} 
h1.title {
	font: normal 1.25em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #E27D13;
	text-align:center;
	margin: 0;
	padding: .27em;}
h1.heading {
	font: normal 1.25em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #E27D13;
	text-align:center;
	padding: .27em;}
h1.jobtitle {
	font: bold 1.05em Arial, Helvetica, sans-serif;
	color: #003399;}
h2.subtitle {
	font: bold 1.25em Arial, Helvetica, sans-serif;
	color: #003399;
	border-bottom: thin #003399 solid;
	text-align: left;
	margin: 1em 0 0 0;}
h2.section {
	font: bold medium Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 1em 0 0 0;}
h2.articleTitle {
	font: bold large Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin: 1em 0 0 0;}
h2.facultyName { 
	font: bold 1.15em Verdana, Arial, Helvetica, sans-serif; 
	color: #003366;
	padding: 4px; 
	text-align: left;}
img.myPCPRO {
	margin-bottom:6em; 
	margin-right:2em;}
img.student {
	border: none;
	width: 13.44em;
	height: 11.38em;
	margin: 1em 0 0 0;}
img.academics {
	margin-right: .5em;}
table.assignments {
	width: 100%;
	margin-top: 1em;}
table.assignments th.week, table.assignments td.week {
	width: 6em;
	vertical-align: top;}
table.assignments th.week, table.assignments th.assignmentHeader {
	font: bold medium Arial, Helvetica, sans-serif;
	border: solid thin #CCCCCC;
	background-color: #CCCCCC;}
table.assignments td.week {
	font-weight: bold;}
tr.even {
	font: normal small "Times New Roman", Times, serif;
	background-color: #eaeced;
	vertical-align:top;}
tr.head {
	font: bold small Arial, Helvetica, sans-serif;
	background-color: #003399;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
	background-position: center;}
#btnBar {
	margin: 0;
	position: relative;
	float: right;
	right: 1em;
	clear: right;}
#careerArticlesNav {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	width: 75%;}
#careerArticlesNav ul {
	margin: 0 15px 10px 10px;
	padding: 0;
	width: auto;}
#careerArticlesNav li {
	list-style-type: none;
	display: inline;
	padding: 0 1em 0 0;}
#careerArticlesNav img {
	padding-bottom: 1em;}
#container {
	margin: 1em;}
#content{
	width: 100%;
	clear: both;}
#content h2.heading {
	font: bold 1.05em Arial, Helvetica, sans-serif;
	padding: .75em 0 0;}
#content ol {
	list-style:decimal;
	margin-left: 1.3em;}
#content p.firstParagraph {
	margin: 0 0 1em 0;}
#content li a:hover, #content .articles li a:hover {
	color: #0033FF;
	border-bottom: thin #0033FF solid;}
#content .testCenterHours {
	color:#003399;
	font: bold medium Georgia, "Times New Roman", Times, serif;}
#content .column3 {
	padding-right: .5em;
	margin: .5em;
	width: 31%;
	float: left;}
#contentLeft {
	width: 66%;
	float: left;}
#contentLeft h3.author {
	color:#003399;
	font: bold medium Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin-bottom: .5em;}
#contentLeft .articles, #content .articles {
	margin: 1em .35em;}
#contentLeft .articles p, #content .articles p, #content p.definition {
	margin: 0 0 1em 0;}
#contentLeft li a, #content .articles li a {
	font-size: large;}
#contentLeft li a, #content .articles li a, #content ol li a, .articleBullets a {
	color: #330066;
	text-decoration: none;
	border-bottom: thin #0033FF solid;}
#content .articles li a.articleLink {
	font-size: small;}
#contentLeft p.centerText {
	font-size: small;
	margin: .5em 0 2em 0;
	text-align: center;}
#contentLeft ul.careerServices {
	font-size: large;}
#contentLeft ul.careerServices li {
	margin: .5em 0 0 0;}
#contentLeft ul.careerCourse {
	margin: .5em 0 0 1em;}
#contentLeft ul.careerCourse li {
	padding-left: 2.5em;}
#contentLeft ul.careerCourse li.slides {
	background: url(images/pdficon_small.gif) left center no-repeat;
	padding-left: 2.5em;}
#contentLeft ul.careerCourse li.pcpVideo {
	background: url(images/camcorder.jpg) left center no-repeat;
	padding: .5em  0 .5em 2.5em;}
#contentLeft #careerArticlesNav li a, #contentLeft #careerArticlesNav li a:hover {
	border: none;}
#contentRight {
	width: 33%;
	float: right;}
#disbursement {
	margin: 0 0 1em 0;
	padding: 0 1em;
	border: 5px #666666 solid;}
#faculty {
	width: 194px;}
#footer {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: .5em;}
#footerNav {
	color: #FFFFFF;
	font-size: small;
	text-align: center;
	margin: .5em 0;}
#footerNav a {
	color: #FFFFFF;
	text-decoration: none;}
#footerNav a:hover {
	color: #000000;}
#footerNav ul {
	margin: 0;
	padding: 0;}
#footerNav li {
	list-style-type: none;
	display: inline;
	padding: 0 1em 0 0;}
#header {
	margin-bottom: 1em;
	padding: 1em;
	clear: both;}
#headerLeft {
	width: 66%;
	float: left;}
#headerRight {
	width: 33%;
	float: right;}
#headerNav {
	margin: 0px;
	position: relative;
	left: 85%;
	right: 1px;
	width: 15%;}
#logoHeader {	
	margin-bottom: .5em;
	padding: 1em;}
#login {
	margin: 1em 0 0 0;
	width: 100%;
	clear: both;}
#loginLeft {
	float: left;
	width: 30%;
	margin: 1em 0 0 0;
	padding: 1em;
	background-color: #CCCCCC;
	border: .37em solid #666666;}
#loginLeft h2 {
	text-align:left;
	border-bottom: 1px solid #999999;
	margin: 0 0 1em 0;
	padding-bottom: .5em;}
#loginRight {
	float: right;
	width: 66%;}
#loginRight h1.loginTitle {
	font: normal 1.25em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #E27D13;
	text-align:center;
	margin: .25em 0 0 0;
	padding: .27em;}
#login .articles {
	margin: 1em 1.5em;
	list-style: disc;}
#login .logos {
	display: block;
	margin: 0 auto .75em auto;
	text-align: center;}
#navBar {
	background-color: #999999;
	font: normal 1.25em Arial, Helvetica, sans-serif;
	padding: .25em;}
#navBar a {
	color: #000000;
	text-decoration: none;
	padding: 0 .25em .05em .25em;}
#navBar a:hover {
	color: #FFFFFF;
	background-color:#91B740;}
#navBar ul {
	padding-top:.5em;
	margin: 0 1em .25em 1em;}
#navBar li {
	list-style-type: none;
	display: inline;
	padding: 0 .75em 0 0;}
#news {
	margin: 1em 0;
	padding: 0 1em;
	border: 5px #666666 solid;}
#news p {
	color: #003366;
	margin: .25em 0;}
#pagingBar {
	text-align: center;}
#studentSuccess {
	font:normal small "Times New Roman", Times, serif;
	margin: 0 1em;
	clear: both;}
#studentSuccess h2 {
	font-size: medium;}
#studentSuccessLeft {
	float: left;
	width: 30%;
	margin-right:5%;}
#studentSuccessRight {
	float: right;
	width: 65%;}
#wrapper {
	background-color:#FFFFFF;
	border: .75em solid #CCCCCC;
	margin: 2em;}
.articleBullets {
	margin: 1em 0 1em 1.5em;
	list-style-type: disc;}
.articleBullets li {
	padding-bottom: 1em;}
.articleBullets p {
	margin: 0 0 1em 0;}
.articleNoLink {
	font-size: large;
	color: #330066;}
.articlePoints{
	margin: 0 0 1em 1.5em;
	list-style-type: disc;}
.campusClosing {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1em;}
.courseTitle { 
	background-position: center 50%; 
	padding: 4px; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	width: auto; 
	color: #003366; 
	border-bottom: #003366 2px solid; 
	text-align: left;}
.courseFooter {
	font: italic small "Times New Roman", Times, serif;}
.dgCmd {
	vertical-align: top;
	text-align: center;
	width: 7%;}
.dgSearch {
	font: normal small "Times New Roman", Times, serif;
	background-color: #FFFFFF;}
.gridFixedHeader {
	background-color:#E27D13;
	color: #FFFFFF;}
.gridCount {	
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0 0 .5em 0;}
.gridScroll {
	height: 125px;
	overflow: auto;}
.gridTH {
	position: relative; 
	top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
	z-index:99;}
.newsFeed {
	margin: 1em 0 0 0;}
.newsFeed a {
	font-size: large;
	color: #330066;
	text-decoration: none;
	border-bottom: thin #0033FF solid;}
.newsFeed a:hover {
	color: #0033FF;
	border-bottom: thin #0033FF solid;}
.newsFeed p {
	margin: 0 0 .5em 0;}
.newsFeed p a {
	font-size: 14px;}
.notifyList {
	list-style: disc;
	margin: 0 0 0 3em;}
.photoDescription {
	font: bold small Arial, Helvetica, sans-serif; text-align:center; margin:.25em;}
.quoteAuthor {
	color: #000000; float: right;}
.instructions {
	font-weight: bold;
	text-align: center;}
.resultsTxt {
	font-weight: bold;}
.search {
	margin: .25em 0;}
.sideBarLinks ul {
	margin: 1em 1.5em;
	list-style: none;}
.sideBarLinks li {
	padding: 0 0.2em 0 .2em;
	margin: .75em 1.5em;}
.sideBarLinks li a {
	color: #330066;
	text-decoration: none;}
.sideBarLinks li a:hover {
	color: #0033FF;}
.sideBarLinks p {
	margin: 0 0 1em 0;}
.syllabusArea {
	padding: 0 .5em;}
.syllabusArea h1 {
	text-align:center;
	margin: 1em 0;}
.syllabusArea h2 {
	text-align:left;
	margin: 1em 0 0 0;}
.syllabusArea h4 {
	text-align:left;
	margin: 2em 0 1em 0;
	color: #003399;
	border-bottom: .1em solid #003399;}
.syllabusArea h5 {
	text-align:left;
	padding-top: 1em;}
.syllabusArea hr {
	margin: 1.5em 0 1.5em 0;}
.syllabusArea ul { 
	list-style-type:disc;
	margin-left: 1em;}
.systemAlerts h2 {
	margin: 1em 0 0 0;
	color: #003399;}
.systemAlerts p {
	margin: 0;}
.videoWeek {
	padding-top: 1em;
	background-color: #FFFFFF;
	border-top: #003399 medium solid;
	font-weight: bold;}
.videoSeparator {
	padding-top: 1em;
	border-top: #003399 medium solid;}
	
/* CSS Form */
br { 
	clear: both;}
input[type=checkbox] {
	margin: .5em .35em 0 0;}
#cmdArea {
	text-align: center;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px ridge #003399;}
.loginCmdArea {
	text-align: center;}
.formBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
    color:#336699;
	padding: .25em 1em;
    [b]float: left;
    margin-right: 3px;
    [/b]}
.groupCheck {
	display: block; 
	float: left;
	text-align:left;}
.groupCheck input {
	margin: 0 .35em 0 0;}
.hintTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;}
.instructionText {
	color: #003399;
	font-weight: bold;}
.label {
	display:block; 
	width:9em; 
	text-align:left; 
	float:left; 
	margin-right: .5em;
	padding: .25em;}
.required {
	text-align: left;
	font: bold small Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #003399;}
	
/* Schedule Calendar */
.calSchedule {
	background-color: #FFFFFF;
	font: Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 1em 0;}
.calScheduleDay {
	border: 1px solid #003399;
	vertical-align: top;
	height: 80px;}
.calScheduleDayHeader {
	font-weight: bold;
	color: #000000;}
.calScheduleHoliday {
	vertical-align: top;
	color:#FFFFFF;
	background-color: #990000;
	font-weight: bold;
	border: 1px solid #999999;}
.calScheduleHoliday a {
 	color: #FFFFFF;}
.calScheduleTitle {
	border-color: #666666;
	background-color: #666666;
	font: bold x-large "Times New Roman", Times, serif;
	color: #FFFFFF;}
.calScheduleToday {
	font-weight: bold;
	background-color:#CCCCCC;
	vertical-align: top;
	color:#FFFFFF;}
