body,td,th,font             { font-family:arial,verdana,sans-serif; }
ul,ol                       { margin-top:0.125em; margin-bottom:0.125em; padding-top:0.125em; padding-bottom:0.125em; }
h1                          { font-family:arial,verdana,sans-serif; font-weight:bold; margin:0em; display:inline; }
h2                          { font-family:arial,verdana,sans-serif; font-weight:bold; margin:0em; font-size:1.5em; }
h3                          { font-family:arial,verdana,sans-serif; font-weight:bold; margin:0em; font-size:1.25em; }
h4                          { font-family:arial,verdana,sans-serif; }
abbr, acronym               { border-bottom:1px dotted #999; cursor:help; }
img                         { border-style:none; }
a                           { text-decoration:none; border-style:none; }
a:hover                     { text-decoration:underline; }

#body-margin                { width:1000px; margin:0px auto; text-align:center; border:1px; background:#ffffff; vertical align:top; font-size:80%; }
#body-main                  { background:#cccccc; text-align:center; }

#masthead                   { position:relative; color:#ffffff; height:4em; text-align:right; line-height:4em; background:#000000; background-image:url(../_images/template-gradient.gif); }
#masthead a                 { color:#ffffff; }
#footer                     { margin-top:0em; padding:0em 2em 0em 2em; color:#f0ffff; height:5em; line-height:1em; text-align:center; background:#000000; background-image:url(../_images/template-gradient.gif); font-size:.85em; }
#footer   a                 { color:#f0ffff; }
#masthead-icon              { Position:absolute; text-align:left; padding:0em 0em 0em .5em; left:0em; top:0em; width:5%; font-size:1.35em; }
#masthead-center            { Position:absolute; text-align:center; padding:0em 0em 0em .5em; left:0em; top:0em; width:95%; font-size:1.35em; }
#masthead-logo              { Position:absolute; text-align:left; padding:0em 0em 0em .5em; left:0em; top:0em; width:50%; font-size:1.35em; }
#masthead-logo a            { text-decoration:none; padding-left: 0.25em; }
#masthead-options           { Position:absolute; padding:0em 1em 0em 5em; color:#ffffff; height:2em; line-height:2em; right:0em; top:0em; }
#masthead-edition           { Position:absolute; padding:0em 1em 0em 5em; color:#ffffff; height:2em; line-height:2em; right:0em; top:2em; background-image:url(../_images/gradient-down.gif); }

#header                     { color:#ffffff; text-align:left; padding:1%; }
#header-nav-section         { padding:0em 0em 0em 0em; text-align:left; left:0em; top:0em; }
#header-announcements       { padding:0em 0em 0em 0em; }

div.nav-container           { width:100%; text-align:left; height:2em; line-height: 2em; background: #bccddb; background-image:url(../_images/masthead-links-gradient.gif); }
div.nav-main                { display:block; width:100%; color:#000000; font-weight:bold; text-align:center; float:right; width:10%; border:1px solid #99afc4; border-top:0 solid #F0F0F0; border-bottom:0px solid #F0F0F0; }
div.nav-main-active         { opacity:0.8; filter:alpha(opacity=80); }
a.nav-main-active           { display:block; width:100%; }
a.nav-main-active:hover     { background:#eeeeee; }
a.nav-main-inactive         { display:block; width:100%; background:#a5bacc; background-image:url(../_images/masthead-links-gradient-highlight.gif); }
a.nav-main-inactive:hover   { background:#bccddb; background-image:url(../_images/masthead-links-gradient.gif);}
div.nav-crumb               { text-align:left; background: #bccddb; background-image:url(../_images/masthead-links-gradient.gif); }
p.nav-crumb                 { display:inline; width:100%; padding-left:1em; white-space:nowrap; }

a.nav-down                  { background: transparent url(../_images/navdown_blue.gif) no-repeat center left; padding-left: 18px; }
a.nav-up                    { background: transparent url(../_images/navup_blue.gif) no-repeat center left; padding-left: 18px; }

#content                    { text-align:left; }
#content a                  { display:block; width:100%; }
#content tr:hover           { background:#eeeeee; }

table                       { text-align:left; width: 98%; background:#ffffff; color:#000000; margin-left:1%; margin-right:1%; border-style:none; border-spacing:0px; border-collapse:collapse; }
td, th                      { border-bottom:1px solid #f0f0f0; vertical-align:top; }
td.essential                { font-weight:bold; }
a.other:link, a.other:visited{ color:#ff0000; }
th.link-section             { border-bottom:1px solid #f0f0f0; font-weight:bold; }
th.link-header              { background:#99afc4; color:#ffffff; font-weight:bold; background-repeat: repeat-x; background-image:url(../_images/header.gif); }
td.nav-item                 { width:25em; background:#c8d7e3; border-right:1px solid #ffffff; white-space:nowrap; border-color:#ffffff; text-align:center; }
th.link-item                { background:#CFECEC; color:#000000; font-weight:bold; background-repeat: repeat-x; background-image:url(../_images/subtitle-gradient.gif); }
tr.matrix-header            { background:#c8d7e3; vertical-align: top; }


.urbangreymenu              { float:left; width:150px; /*width of menu*/ }
.urbangreymenu .headerbar   { font:bold 1em Arial; color: white; width:100%; line-height: 1.5em; background: #000000; margin-bottom:0; padding: 2px 5px 2px 5px; background-image:url(../_images/template-gradient.gif); }
.urbangreymenu ul           { list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; }
.urbangreymenu ul li        { padding-bottom: 1px; }
.urbangreymenu ul li a      { font: normal 1em Arial; color: black; background:#a5bacc; display: block; width:100%; line-height: 1.4em; padding: 1px 0px 1px 10px; text-decoration: none; }
.urbangreymenu ul li a:visited{ color: black; }
.urbangreymenu ul li a:hover{ color:#000000; background: #bccddb; }


a.imgPop                    { position:relative;z-index:20; }
a.imgPop:hover              { display:inline; z-index:30; }
a.imgPop span               { display:none; }
a.imgPop:hover span         { display:block; position:absolute; top:1em; left:1em; width:64px; height:64px; }

td.enroll-required          { font-weight:bold; }