@charset "utf-8";

div#template { text-align: left; width: 1100px; margin: 0 auto 0 auto }
div#nav-tier1 { height: 45px; background-image:url(../images/template/nav-tier1-background.png) }
div#nav-tier1 ul { padding: 10 0 10 0 }
div#nav-tier1 li { padding: 10 8 10 8 }
div#nav-tier1 a { color: #fff; font-size: 14px }
div#nav-tier2 { height: 35px; background-image:url(../images/template/nav-tier2-background.png) }
div#nav-tier2 ul { padding: 6 0 6 0 }
div#nav-tier2 li { padding: 6 8 6 8 }
div#nav-tier2 a { font-size: 12px }

div.menu { width: 1100px; overflow: hidden; background-repeat: no-repeat }
div.menu ul { margin: 0; text-align: center }
div.menu li { display: inline }
div.menu a { color: #000; text-decoration: none }
div.menu a:hover { color: #687bee; text-decoration: underline }

div#header { width: 1100px; overflow: hidden; position: relative; } /* relative position needed for emergency broadcast's absolute position */
div#logo { width: 1100px; height: 60px }
div#canvas { width: 1100px; overflow: hidden; background-image:url(../images/template/canvas-background.png); background-repeat:repeat-y }
div#canvas-frame { padding: 0 10 0 10; height: auto !important; height: 400px; min-height: 400px }
div.canvas-home { color: #fff; background-image:url(../images/template/canvas-home-background.jpg) !important }
div.canvas-home table { color: #fff }
div.canvas-home a { color: #ffc705 }
div.canvas-home a:hover { color: #ffc705 }

div#col-left { float: left; width: 320px }
div#col-right { float: right; width: 740px }
div#col-sub-left { float: left; width: 420px }
div#col-sub-right { float: right; width: 300px }

div#buttons { padding: 12 0 0 16 }

div.portal { padding: 0 20 10 20 }
div#portal-news { padding-bottom: 0 }
div#portal-news h1 { margin-bottom: 8 }

div#rotating-banner { width: 320px; height: 265px; overflow: hidden; }
div#banner-caption { text-align: center; font-size: 18px; margin-bottom: 15px; }

div#spotlight { width: 740px; height: 290px; overflow: hidden; background-image:url(../images/template/welcome-background.png) }
div#spotlight-image { float: left; width: 260px; height: 230px; overflow: hidden; margin: 20 0 0 20 }
div#spotlight-details { float: right; width: 420px; height: 230px; overflow: hidden; margin: 20 20 0 0 }

div#footer { width: 1100px; padding: 10 0 20 0; overflow: hidden; background-image:url(../images/template/canvas-background.png); background-repeat:repeat-y }
div#footer p { margin: 8 0 8 0 }
div#footer a { text-decoration: underline }
div#footer ul { padding: 0 0 0 0; margin-left: -8; text-align: left }
div#footer li { padding: 0 8 0 8; border-right: dotted 1px #000 }
div#footer-left {  }
div#footer-right { margin: 0 0 0 20 }

/* Emergency Broadcast */
div.emergency_broadcast { 
position: absolute; top: 20px; right: 40px; z-index: 999; 
color: #000000; font-size: 17px; font-weight: bold;
margin: 0 0 0 350px; padding: 10px; 
border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.e_high { background: #ffcccc; border: 2px solid #ff0000; }
div.e_medium { background: #ffffcc; border: 2px solid #ffff00; }
div.e_low { background: #ccffcc; border: 2px solid #009900; }

div.e_red { background: #ffcccc; border: 2px solid #ff0000; }
div.e_yellow { background: #ffffcc; border: 2px solid #ffff00; }
div.e_green { background: #ccffcc; border: 2px solid #009900; }
div.e_blue { background: #99ccff; border: 2px solid #0066ff; }
div.e_orange { background: #ffcc99; border: 2px solid #ff9900; }
div.e_none { display: none; }
/* end Emergency Broadcast */