/*  ======================= HTML TAGS ======================= */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f0f0f0;}
p {margin: 0;}
a, a:visited {color:#3399ff; font-weight:bold}
a:hover {color:#990000; text-decoration:none}
h1 {color:#999; text-transform:lowercase; font-size:18px; border-bottom:1px dashed #8ca3f5; margin:0px; padding:0px 0px 0px 0px}
h2 {margin: 18px 0px 8px 0px; width:480px; color:#000; text-transform:lowercase; font-size:14px; border-bottom:1px solid #f9e560; border-left:3px solid #990000;  padding:5px 10px}
blockquote {font-size:12px;}
h3 {font-size: 14px; margin: 0; padding: 5px 0px 2px 0px;}
h4 {font-size: 13px; margin: 0; padding: 0px 0px 0px 0px; color:#000;}

/*  ======================= MISC FORMAT ======================= */
.formRowT {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; vertical-align:top} 
.formRow {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid;}/* table CSS for data forms */
.formRowB {padding: 6px;} /* table CSS for data forms */
.formRowWh {padding: 6px; border-bottom: #ccc 1px solid; background-color: #FFF;} /* table CSS for data forms */
.formRowTop {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid;}
.formRowTop39 {border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid;}
.formRowTopWC {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; text-align:center; font-weight: bold; color:#FFF; }
.formRowTopBC {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; text-align:center; font-weight: bold; color:#000; }
.formRowC {margin: 0; padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; text-align:center; color:#000; }
.CellC {text-align:center; color:#000; }
.formRowTopWL {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; font-weight: bold; color:#FFF; }
.formRowTopBL {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; font-weight: bold; color:#000; }
.formRowTopRt {padding: 6px; border-left: #CCC 1px none; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; border-right: #ccc 1px none;} /* table CSS for data forms */
.formRowRt {padding: 6px; border-left: #CCC 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; } 
.formRowLt {padding: 6px; border-left: #CCC 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; } 
.formRowTopLt {padding: 6px; border-left: #CCC 1px solid; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; } 
.dataentry {background-color:#EEECFF;}
.footnote {font-size: 10px;}
.rowColor {background: #ffffff;}
.rowColorB {background: #EEECFF;}
.rowColorY {background: #ffffcc;}
.rowColorW {background: #ffffff;}
.rowColorYT {background: #ffffcc; vertical-align:top}
.rowColorWT {background: #ffffff; vertical-align:top}
.rowColorG {background: #999999;}
.rowColorCan {background: #FDFBCC;}
.rowColorDept {background: #ECF0FF;}
.rowColorColl {background: #FDE69D;}
.rowColorRC {background: #ffcccc;}
.rowColorProv {background: #EBEBEB;}
.rowColorPres {background: #f9e560;}
.rowColorLG {background: #E9E9E9;}
.feedback {color:#F00; font-style:italic;}
.alert {color:#F00; font-weight:bold;}
.directions {color:#000; font-weight:normal;} 
.directions85 {color:#000; font-weight:normal; width: 85%; margin: 0;} 
.directions80 {color:#000; font-weight:normal; width: 85%; margin: 0; padding-left: 24px; font-size: 11px;} 
.directions85rt {color:#000; font-weight:normal; width: 85%; text-align:right;} 
.Boldlabels {font-weight: bold;}
.BoldlabelsLeft {font-weight: bold; padding-left: 12px;}
.labelsLeft {padding-left: 12px;}
.BoldlabelsW {font-weight: bold; color:#FFF;}
.BoldlabelsWC {font-weight: bold; color:#FFF; text-align:center;}
.BoldlabelsC {font-weight: bold; color:#000; text-align:center; margin:0;padding:0;}
.leftIn {margin-left: 24px;}
.empBox {background: #ffc; margin: 6x 6px; padding: 6px 16px; border: #900 2px solid; display:block;}
.blogTitle {background: #EEECFF; font-weight: bold; color:#666; padding: 4px; display: block; margin: 0}
.blogText {background: #ffffff; color:#000; padding: 4px 12px 0px 24px; width: 80%; display: block; margin: 0}
.blogName {background: #ffffff; color:#000; font-style:italic; font-size:10px; padding: 0px 24px 0px 0px; float: right; margin: 0}
.colorscheme {background-color:#FFF; padding: 0px 0px 0px 18px; margin:0; text-align:right; width:14px; }
.beta {background-color:#900; color:#FFF; margin: 0px 8px; padding: 1px 4px 2px 4px; text-align:center; font-size:12px; font-style:italic; font-weight:bold; vertical-align: top; }
/*  ======================= PAGE STRUCTURE ======================= */
#page {width:984px; padding:2px 2px; margin:0 auto; background:#FFF; height:100%;}
#header {height:128px;} /* background:url(../images/bg-header.gif) bottom repeat-x}*/
#navigation {width:144px; margin:4px 0px; background:#f9e560; float:left}
#content {width:815px; float:right; margin:0px 0px;padding: 3px 10px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #f9e560; border-left:1px solid #f9e560}
#content h2 a, #content h2 a:visited {text-decoration:none; color: #09F; }
#content h2 a:hover {text-decoration:none; color: #990000; }
#content a, #content a:visited {text-decoration:none; color: #990000; }
#content a:hover {text-decoration:none; color: #09F;} 
#iconedit {width:750px; border-left: #900 1px none; border-right: #900 1px none;}
#iconedit a {color: #30F;}
#footer {width:980px; height:39px; clear:both; text-align:right; color:#666; font-size:10px; padding:10px 2px}

/*  ======================= TABS (OPTIONAL ON PAGE) ======================= */
#tabs {padding:11px 0px 0px 145px; height:50px}
*:first-child+html #tabs {padding:8px 0px 0px 145px; height:50px} * html #tabs {padding:8px 0px 0px 145px; height:50px} /*IE PADDING HACKS*/
#tabs ul {margin:0px; padding:0px}
#tabs li {list-style:none; float:left}
#tabs li a {background:url(../images/tab.gif) 0px 0px no-repeat; width:83px; height:20px; padding:6px 0px 0px 0px; display:block; text-align:center; color:#666; text-decoration:none}
#tabs li a:hover {background:url(../images/tab.gif) 0px -26px no-repeat; color:#000}
#tabs li a.on {background:url(../images/tab.gif) 0px -52px no-repeat; color:#000}
#content h1 {color:#999; width: 85%; text-transform:lowercase; font-size:18px; border-bottom:1px dashed #8ca3f5; margin:0px; padding:0px 0px 2px 0px}
#header h1 {color:#fff; background:#8ca3f5; border-top:1px solid #f9e560; border-bottom:1px solid #990000; text-transform:lowercase; font-size:18px; text-align:right; padding-right:16px; padding-top: 0px; padding-bottom: 4px; } 
#header img {padding-left:12px;}

/*  ======================= NAVIGATION DEFAULTS ======================= */
#navigation ul {margin:0; padding:0px}
#navigation li {list-style:none; padding:0px; margin:0px}
#navigation a, #havigation a:visited {margin: 0; padding:8px 0px 8px 36px;color:#999; font-weight:bold; text-decoration:none; display:block; background:#ffffcc; border:1px solid #990000; border-top:none}
#navigation a:hover {color:#000;background:#f9e560}



/*  ======================= NAVIGATION STATES - (EX) BODY ID = "home" ======================= */
#nav-menu {display:block; text-align:center; font-size:14px; color:#ffffcc; background:#990000; font-weight:bold;}
#nav-space {background:#f9e560; font-size:6px;}
#login #nav-login a {background:#fff; padding:3px 0px; text-align:center; font-size:14px; font-weight:bold; color:#000; border:1px solid #CCC}
#nav-login a {background:#ffffcc; padding:3px 0px; text-align:center; font-size:14px; font-weight:bold; color:#666; border:1px solid #CCC}
#nav-login a:hover {background:#ffffcc; padding:3px 0px; text-align:center; font-size:14px; font-weight:bold; color:#000; border:1px solid #CCC}

#home #nav-home a {background:#fff url(/images/houseSmall.gif) left no-repeat; color:#000}
#nav-home a {background:#ffffcc url(/images/houseSmall.gif) left no-repeat}
#nav-home a:hover {background:#f9e560 url(/images/houseSmall.gif) left no-repeat}

#registration #nav-registration a {background:#fff url(/images/regSmall.gif) left no-repeat; color:#000}
#nav-registration a {background:#ffffcc url(/images/regSmall.gif) left no-repeat}
#nav-registration a:hover {background:#f9e560 url(/images/regSmall.gif) left no-repeat}

#passwords #nav-passwords a {background:#fff url(/images/password1Small.gif) left no-repeat; color:#000}
#nav-passwords a {background:#ffffcc url(/images/password1Small.gif) left no-repeat}
#nav-passwords a:hover {background:#f9e560 url(/images/password1Small.gif) left no-repeat}

#resume #nav-resume a {background:#fff url(../images/resumeSmall.gif) left no-repeat; color:#000}
#nav-resume a {background:#ffffcc url(../images/resumeSmall.gif) left no-repeat}
#nav-resume a:hover {background:#f9e560 url(../images/resumeSmall.gif) left no-repeat}

#myportfolio #nav-myportfolio a {background:#fff url(/images/emailSmall.gif) left no-repeat; color:#000}
#nav-myportfolio a {background:#ffffcc url(/images/emailSmall.gif) left no-repeat}
#nav-myportfolio a:hover {background:#f9e560 url(/images/emailSmall.gif) left no-repeat}

#feedback #nav-feedback a {background:#fff url(/images/gradeSmall.gif) left no-repeat; color:#000}
#nav-feedback a {background:#ffffcc url(/images/gradeSmall.gif) left no-repeat}
#nav-feedback a:hover {background:#f9e560 url(/images/gradeSmall.gif) left no-repeat}

#assessment #nav-assessment a {background:#fff url(/images/cmSmall.gif) left no-repeat; color:#000}
#nav-assessment a {background:#ffffcc url(/images/cmSmall.gif) left no-repeat}
#nav-assessment a:hover {background:#f9e560 url(/images/cmSmall.gif) left no-repeat}

#courses #nav-courses a {background:#fff url(/images/coursesSmall.gif) left no-repeat; color:#000}
#nav-courses a {background:#ffffcc url(/images/coursesSmall.gif) left no-repeat}
#nav-courses a:hover {background:#f9e560 url(/images/coursesSmall.gif) left no-repeat}

#standards #nav-standards a {background:#fff url(/images/standardsSmall.gif) left no-repeat; color:#000}
#nav-standards a {background:#ffffcc url(/images/standardsSmall.gif) left no-repeat}
#nav-standards a:hover {background:#f9e560 url(/images/standardsSmall.gif) left no-repeat}

#search #nav-search a {background:#fff url(/images/searchSmall.gif) left no-repeat; color:#000}
#nav-search a {background:#ffffcc url(/images/searchSmall.gif) left no-repeat}
#nav-search a:hover {background:#f9e560 url(/images/searchSmall.gif) left no-repeat}

#help #nav-help a {background:#fff url(/images/helpSmall.gif) left no-repeat; color:#000}
#nav-help a {background:#ffffcc url(/images/helpSmall.gif) left no-repeat}
#nav-help a:hover {background:#f9e560 url(/images/helpSmall.gif) left no-repeat}

#communication #nav-communication a {background:#fff url(/images/emailSmall3.gif) left no-repeat; color:#000}
#nav-communication a {background:#ffffcc url(/images/emailSmall3.gif) left no-repeat}
#nav-communication a:hover {background:#f9e560 url(/images/emailSmall3.gif) left no-repeat}


/*  ======================= CLASSES ======================= */
.clearfix  {clear:both; margin:0px; padding:0px} /* FIX HEADER+TAB CLEAR */