/*  ======================= HTML TAGS ======================= */
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f0f0f0; margin: 0;}
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 ======================= */
#grantText {color: #0FC;}
.opt {color:#09F; text-transform:lowercase; font-weight: bold; font-size:16px; margin:0px; padding:0px 0px 0px 0px}
#recommendations {background: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.extRev {background: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#extReview {border: #CCC 1px dotted; background: #FFF; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#extLetter {border: #CCC 1px dotted; background: #FFF; padding: 12px; margin: 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsY {border: #CCC 1px dotted; background: #FFC; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#budget {border: #CCC 1px dotted; background: #FFC; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsR {border: #CCC 1px dotted; background: #FDC8D2; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsG {border: #CCC 1px dotted; background: #D6F4D0; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsW {border: #CCC 1px dotted; background: #FFF; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsB {border: #CCC 1px dotted; background: #EEECFF; padding: 12px; margin: 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#ballotsY tr {height: 24px; vertical-align:text-top;}
#ballotsW tr {height: 24px; vertical-align:text-top;}
#ballotsR tr {height: 24px; vertical-align:text-top;}
#ballotsG tr {height: 24px; vertical-align:text-top;}
#ballotsB tr {height: 24px; vertical-align:text-top;}
#ballotsB p {padding-bottom: 12px;}
#recommendations p {padding-bottom:12px;}
#recommendations td p {padding-bottom:12px;}
.prop {width:97%; margin:2px 0; padding:3px; font-family:Arial, Helvetica, sans-serif; height:150px;}
.prop2 {width:97%; margin:2px 0; padding:3px; font-family:Arial, Helvetica, sans-serif; height:35px;}
#ballotsY p {padding-bottom:12px;}
#ballotsW p {padding-bottom:12px;}
#extReview p {padding-bottom:12px;}
#extLetter p {padding-bottom:6px;}
#ballotsR p {padding-bottom:12px;}
#ballotsG p {padding-bottom:12px;}
.ballotCol2 {margin-left:100px;}
.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 */
.formRowNL {padding: 6px;}/* 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: #E2F4DD;}
.feedback {color:#F00; font-style:italic;}
#budgetTable td {vertical-align: top;}
.alert {color:#F00; font-weight:bold;}
.Alert2 {background: #FCF; padding: 4px; width: 75%; margin: 0 25% 0 4%; position:relative;}
.TxtAlert2 {font-size: 11px;  vertical-align:middle; padding: 1px 6px 2px 12px;}
.ImgAlert2 {float: left; padding-right: 12px; width:30px; height:30px; vertical-align:middle;}

.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;} 
.rtAlign {color:#000; font-weight:normal; width: 100%; 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;}
.leftInTall {text-indent: -25px; padding: 6px 6px 0px 50px; width:80%;}
.leftInSpace {margin-left: 24px; line-height: 18px;}
.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; }
.participants {border-bottom: 1px dotted #666; background-color:#FF9; color:#999; padding: 2px 4px 2px 4px; text-align:left; font-size:14px; font-weight:bold; vertical-align: top; }
legend{border: 1px solid #ffffff;background-color: #ffffff;color: #ffffff;padding:5px;}
legend,label,#dialogWarning,#dialogExpired{font-weight:normal;font-size: 12px; font-family:Arial, Helvetica, sans-serif; padding-left: 10px;}
/*  ======================= 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:3px 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}
#chatDisplay {float:left; vertical-align: text-top;}
#chatParticipants {height: 350px; width: 150px; float: left; border: 1px #000 solid; margin: 0px 12px;}
#chatForm {background-color:#FFF; text-align:center; height: 60px; width: 85%; border-bottom: 1px #000 solid; margin: 0 auto;}
#chat {width: 80%;}

/*  ======================= 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 */