﻿@charset "utf-8";
/* CSS Document */

.level0 #main-navigation{border-bottom:4px solid #c41d28!important;}

.level0 #wrapper #branding {float:left; width:960px; border-bottom:4px solid #c41d28; height:334px;background:#FFF;}
.level0 #wrapper #branding ul{width:960px; float:left;}
.level0 #wrapper #branding ul li {float:left; padding:20px; width:280px;}
.level0 #wrapper #branding ul #records-branding {padding:0 19px 0 19px; margin:20px 0 20px 0; border-right:#bfbfbf dotted 1px;border-left:#bfbfbf dotted 1px;}

.level0 #wrapper #branding ul #education-branding img{border-bottom:#CD5806 4px solid;}
.level0 #wrapper #branding ul #records-branding img{border-bottom:#6D3678 4px solid;}
.level0 #wrapper #branding ul #info-management-branding img{border-bottom:#00529B 4px solid;}

.level0 #wrapper #branding ul #education-branding ul {background:#CD5806;}
.level0 #wrapper #branding ul #records-branding ul {background:#6D3678;}
.level0 #wrapper #branding ul #info-management-branding ul {background:#00529B;}
.level0 #wrapper #branding ul li ul {float:left;color:#FFFFFF;padding:12px 10px 12px 10px;margin:-140px 0 20px 20px;overflow:hidden;  filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; z-index:1; position: absolute; font-size:1.5em; font-weight:500; width:193px; height:84px;}
html>body .level0 #wrapper #branding ul li ul {*position: static; }
.level0 #wrapper #branding ul li li {padding:0 0 0 0; margin:0 0 0 0; font-size:0.65em; width:183px; font-weight:700; }
.level0 #wrapper #branding ul li li h2 {font-size:1.6em; line-height:120%; padding:0 0 0 0; margin:0 0 6px 0; }
.level0 #wrapper #branding ul li li h2 a,.level0 #wrapper #branding ul li li a{color:#FFF; text-decoration:none;}

.level0 #wrapper #news {width:639px; float:left;border-right:#000 dotted 1px;}
.level0 #wrapper #news ul{width:318px; float:left; margin:12px 0 12px 0; border-right:#bfbfbf dotted 1px;}
.level0 #wrapper #news .no-border {border:none;}
.level0 #wrapper #content {background:#FFF; float:left; width:960px;}
.level0 #wrapper #news ul li {padding:0 20px 0 20px; width:278px; float:left; }
.level0 #wrapper #content #news ul .central-news-item {padding:12px 0 12px 0; width:278px; float:left; border-bottom:#bfbfbf dotted 1px;border-top:#bfbfbf dotted 1px; margin:12px 20px 12px 20px;}
*html .level0 #wrapper #content #news ul .central-news-item { margin:12px 10px 12px 10px;}
.level0 #wrapper #news ul li a, .level0 #wrapper #popular-links ul li a  {color:#000; text-decoration:none;}
.level0 #wrapper #news ul li a:hover, .level0 #wrapper #popular-links ul li a:hover {color:#000; text-decoration:underline;}
.level0 #wrapper #news ul li img {float:left; margin:0 12px 0 0 ; border:#ccc 1px solid; }
.level0 #wrapper #news h3, .level0 #wrapper #popular-links h3{background:#CDCDCD url(/images/global/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 0; margin:0 0 0 0; font-weight:700; font-size:1.2em;}
.level0 #wrapper #news h3 a, .level0 #wrapper #popular-links h3 a{padding:0 20px 0 20px; text-decoration:none; color:#000;}
.level0 #wrapper #news #rss {float:right; padding:0 10px 4px 0;  text-align:right; margin:-22px 0 0 0;}
.level0 #wrapper #news #rss a{text-decoration:none; color:#000}
.level0 #wrapper #news #rss a #rss-icon{margin:0 3px 0 0; float:left}
.level0 #wrapper #popular-links {width:320px; float:left;}
.level0 #wrapper #popular-links ul {padding:12px 20px 12px 20px;}
.level0 #wrapper #popular-links ul li{padding:6px 0 6px 0; border-bottom:#bfbfbf dotted 1px }
.level0 #wrapper #popular-links h3 span.header-no-link{color:#000000; text-decoration:none; margin-left: 20px!important;display:block;}