@charset "UTF-8";
/*@import url("/umkc-standards/umkc-standard.css"); Updated 01.30.14 */
@import url("/umkc-standards/umkc-styles.css");

/* CSS Document */

/* Standard Colors 
Blue: #0066cc
Dark Blue: #0e3e6e
Sky Blue: #68ace5
Gray: #6d7981
Dark Gray: #36424a
Light Gray: #dfe5e6
Red: #ab0823
Orange: #d6492a
Yellow: #da9800
Green: #5f692d
Tan: #f4f0e5
*/

body { font-size: 1em; margin: 0; padding: 0; background: #FFFFFF;}

img { border:0; } /* For IE */

table { font-size: 1em;}
p { font-size: 1em; line-height: 1.3em; padding: 0 0 5px 0; margin: 0;}
h1 { font-size: 1.4em; color: #0E3E6E; padding: 0 0 5px 0; font-weight: normal; margin: 0;}
h2 { font-size: 1.3em; color: #0E3E6E; font-weight: normal; padding: 0 0 7px 0; margin: 0; line-height: 1em}
h3 { font-size: 1.2em; color: #0E3E6E; padding: 0 0 5px 0; margin: 0;}
h4 { font-size: 1.1em; color: #0E3E6E; padding: 0 0 10px 0; margin: 0;}
h5 { font-size: 1em; color: #36424a; letter-spacing: 1px; font-weight: normal; padding: 0 0 2px 0; margin: 0;}
h6 { font-size: 1em; color: #0e3e6e; font-weight: normal; padding: 10px 0 2px 0; margin: 0;}

a:link { text-decoration: none; color:#36424a; }
a:visited { text-decoration: none;  color:#36424a; }
a:hover { text-decoration: underline;  color:#0066cc; }
a:active { text-decoration: underline; color:#0066cc;  }

blockquote { font-size: 1em; margin-left: 15px; margin-right: 10px; }

input { padding: 0; margin: 0; }


/* ------- Layout ------- */
#wrapper {
position: relative;
width: 100%;
font-family: Helvetica; 
font-size: 68.75%;
text-align: left;
min-height: 360px;
/*background: url(../images/skyline-sil.jpg) bottom center no-repeat #ffffff; ---Fall 2009
background: url(../images/skyline-spring.jpg) bottom center no-repeat #ffffff; ---Spring 2010
background: url(../images/summer10.jpg) bottom center no-repeat #ffffff; ---Summer 2010 
background: url(../images/fall10.jpg) bottom center no-repeat #ffffff;/*---Fall 2010 */
}

#innerwrap {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom:15px;
text-align: left;
width: 940px;
}

/* ------- Sidebar -------*/
#sidebarwrap {
position: absolute;
top: 0;
left: 0;
background: url(../../images/nav-bkgd.jpg) no-repeat;
width: 180px; /*--This sets the WIDTH of the menu BACKGROUND-*/
z-index: 1;
}

#sidebar ul {
float: left;
list-style: none;
text-align: left;
padding: 0;
margin: 5px 0 0 0;
width: 180px;
}

#sidebar {
float: left;
list-style: none;
text-align: left;
padding: 0;
margin: 5px 0 0 0;
width: 180px;
}

#sidebar a {
display: block;
width: 160px; /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #0066cc;  /*--This sets the COLOR of the first layer menu TEXT--*/
text-decoration: none;
font-size: 1.5em;
padding: 5px 0 5px 20px;
}

#sidebar li {
background: url(../../images/nav-up.gif);
background-repeat: no-repeat;
background-position: left center;
width: 180px; /*--This sets the WIDTH of the first layer menu HOVER-*/
float: left;
height: 20px;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 1px 0;
border-bottom: 1px solid #ffffff;
}

#sidebar li ul {
position: absolute;
left: -999em;
margin-left: 180px; /*--Set this to match WIDTH of the first layer menu HOVER-*/
margin-right: 0;
margin-top : -2.5em;
padding: 5px;
width: 110px; /*--This sets the WIDTH of the second layer menu HOVER-*/
font-weight: normal;
background: #68ace5;  /*--This sets the COLOR of the second layer menu BACKGROUND--*/
}

#sidebar li li {
background: url(../../images/nav-up.gif);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
margin: 0;
line-height: 1.5em;
width: 110px; /*--This sets the WIDTH of the second layer menu BACKGROUND--*/
padding: 0;
border-bottom: none;
}

#sidebar li ul a {
font-size: 1em;
width: 110px; /*--This sets the WIDTH of the second layer menu TEXT--*/
padding: 3px 10px;
}

#sidebar li li.sfhovers ul {
left: auto;
}

#sidebar li.sfhovers ul {
left: auto;
}

#sidebar li li:hover ul {
left: auto;
}

#sidebar li:hover ul {
left: auto;
}

#sidebar li.sfhovers {
background: url(../../images/nav-rollover.gif);  /*--This sets the COLOR of the first layer menu HOVER--*/
}

#sidebar li:hover {
background: url(../../images/nav-rollover.gif);  /*--This sets the COLOR of the first layer menu HOVER--*/
}

#sidebar li.sfhovers a {
color: #ffffff!important;
}

#sidebar li:hover a {
color: #ffffff!important;
}

#sidebar li li.sfhovers {
background: url(../../images/gold.gif);  /*--This sets the COLOR of the second layer menu HOVER--*/
}

#sidebar li li:hover {
background: url(../images/gold.gif);  /*--This sets the COLOR of the second layer menu HOVER--*/
}
#sidebar li li.sfhovers a {
color: #0e3e6e!important;  /*--This sets the COLOR of the second layer menu HOVER--*/
}

#sidebar li li:hover a {
color: #0e3e6e!important;  /*--This sets the COLOR of the second layer menu HOVER--*/
}

#quicklink {
float: left;
list-style: none;
text-align: left;
padding: 0px 0 0 0;
margin-bottom: 0;
width: 180px;
}

#quicklink a {
display: block;
width: 150px;
color: #0e3e6e;
text-decoration: none;
font-size: 1.4em;
padding: 5px 0 5px 20px;
}

#quicklink a:hover {
color: #FFFFFF;
}

#serviceCatalog {
background: #aaaadd;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 8px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}

#blog {
background: #68ace5;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 8px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}

#policies {
background: #a0c772;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 8px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}

#about {
background: #D9D919;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 2px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}

#contact {
background: #da9800;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 8px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}

#saved {
background: #cc9999;
font-weight: bold;
height: auto;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
margin: 8px 0;
-moz-border-radius: 2px;
border-radius: 2px;
}


/* ------- Content ------ */
#contentMainPage {
position: absolute;
width: 550px;
top: 13px;
left: 195px;
height:390px;
overflow:hidden;
}

#content {
font-size: 1.1em;
position: relative;
top: 10px;
left: 195px;
min-height: 650px;
width: 740px;
left: 200px;
text-align: left;
}

#feedback {
text-align:right;
width:250px;
/*position: absolute;*/
position: relative;
left: 195px;
top:20px;
}

#statusUpdates{
position: relative;
top: 13px;
width: 180px;
left: 760px;
}

#statusUpdates h2 { 
color: #0066cc;
width: 180px;
background-color: #dfe5e6; 
padding: 5px 0 5px 5px; 
margin-bottom: 10px; 
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #C0C0C0 solid;
}

#pageTitle{ 
position: relative;
width: 740px;
left: 180px;
}
#pageTitle H1{ 
font-size:1.5em;
color: #FFF;
width: 100%;
background-color: #000; 
background: url(../../images/pageTitle-rpt.jpg) repeat-x;
padding: 6px 0 6px 20px;
-moz-border-radius: 0px 0px 5px 0px ;
border-radius: 0px 0px 5px 0px ;
/*border: 1px #000 solid;*/
}

/*Added by Vishal for testing - remove when done*/
#pageTitle2{ 
position: relative;
width: 720px;
margin-left:20px;
left: 180px;
}
#pageTitle2 H1{ 
font-size:1.7em;
color: #FFF;
width: 100%;
background: #0066cc;
padding: 6px 0 6px 20px;

}

#tip
{
	width:720px;
	padding:20px;
	background:#CAFFCA;
}

/*end Vishal style */

#titleBar{ 
margin-bottom: 10px;
margin-top: 10px;
}

#titleBar img{
border: 0;
padding: 0;
vertical-align:middle;
margin-right:5px;
}

#titleBar H2{ 
font-size:1.4em;
color: #0e3e6e;
width: 98%;
background-color: #dfe5e6; 
padding: 5px 0 3px 5px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #C0C0C0 solid;
}

#titleBarOrange H2{ 
font-size:1.4em;
color: #000;
width: 98%;
background-color: orange; 
padding: 5px 0 3px 5px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #C0C0C0 solid;
}

#titleBar a{ 
border-bottom: 1px dotted;
text-decoration:none;
}


#titleBar span{
display:-moz-inline-block; display:-moz-inline-box; display:inline-block;
font-size:1.2em;
text-align:center;
color: #0e3e6e;
background-color: #d0d4d5; 
padding: 5px 5px 5px 5px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #C0C0C0 solid;
}

#outagesMain 
{
border: 1px #3177BD solid;
position: relative;
top: 13px;
width: 180px;
left: 760px;
color: #FFF;
background: url('../../images/outages-rpt.jpg') repeat-x;
padding: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px; 
}
#outagesMain p {  margin-left:10px;font-size: 100%; }
/*#outagesMain h3 { color:#0E3E6E; }*/
#outagesMain h3 { color:#FFF; }
#outagesMain a:link { text-decoration: none; color:#FFF; }
#outagesMain a:visited { text-decoration: none;  color:#FFF; }
#outagesMain a:hover { text-decoration: underline;  color:#FC0; }
#outagesMain a:active { text-decoration: underline;  color:#FC0;  }


#rss {
position: absolute;
top: 315px;
width: 180px;
left: 760px;
color: #36424a;
}


a:link { text-decoration: none; color:#0066cc; }
a:visited { text-decoration: none;  color:#0066cc; }
a:hover { text-decoration: underline;  color:#0e3e6e; }
a:active { text-decoration: underline;  color:#0e3e6e;  }

/* ------- Status --------*/

#statuswrap {
background: url(../images/status_background_blue.jpg) repeat-x;
position: relative;
font-family: Helvetica; 
font-size: 125%;
width: 100%;
}

#status {
margin-left: auto;
margin-right: auto;
width: 940px;
height: 42px;
}

.status-column {
float: left;
width: 190px;
margin-top: 5px;
margin-left: 15px;
/*background-color: #36424a;
border: 2px #FFFFFF solid;
text-align: left;
-moz-border-radius: 2px;
border-radius: 2px;*/
}
.status {

}

.status a:link { color: #ffffff; text-decoration: none; }
.status a:visited { color: #ffffff; text-decoration: none; }
.status a:hover { color: #ffcc00; text-decoration: none;}
.status a:active { color: #ffcc00; text-decoration: none;}
.status img { vertical-align:middle;}


/* ------- Features -------*/

#featurewrap {
background: url(../../images/bottom-rpt-grayscale.jpg) repeat-x;
position: relative;
top: 35px;
font-family: Helvetica; 
font-size: 68.75%;
width: 100%;
height: 100%;
}

#feature {
margin-left: auto;
margin-right: auto;
width: 940px;
height: 163px;
text-align: left;
}

.feature-column {
float: left;
width: 180px;
margin-top: 15px;
margin-left: 15px;
background-color: #36424a;
border: 2px #FFFFFF solid;
text-align: right;
-moz-border-radius: 2px;
border-radius: 2px;

}

.feature-column-2 {
float: left;
width: 180px;
margin-top: 20px;
background-color: #36424a;
border: 1px #36424a solid;
text-align: right;
-moz-border-radius: 2px;
border-radius: 2px;
}

.feature-column-3 {
float: left;
width: 180px;
margin-top: 20px;
background-color: #36424a;
border: 1px #36424a solid;
text-align: right;
-moz-border-radius: 2px;
border-radius: 2px;
margin:10px;
}


.feature-last {
float: left;
width: 113px;
height: 125px;
margin-top: 15px;
margin-left: 15px;
}

.feature-last img {
border: 2px #FFFFFF solid;
margin-bottom: 4px;
}

.column a:link { color: #ffffff; text-decoration: none; }
.column a:visited { color: #ffffff; text-decoration: none; }
.column a:hover { color: #ffcc00; text-decoration: none;}
.column a:active { color: #ffcc00; text-decoration: none;}


.column {
height: 22px;
margin-right: 5px;
text-align: right;
background: url(../../images/feature-arrow.gif) center right no-repeat;
padding: 7px 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
}
#umkc_footer { margin-top: 10; padding-top: 70px; }

#logo {
float: left;
width: 180px;
height:58px;
background-color: #000000;
background-image:url(../../images/is-logo-2.jpg);
-moz-border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}