/* - NSC Inc. style sheet - */
/* - Last modified March 5, 2009 - */

/**************************************************
  Quick reference color guide
    #2F4F4F  - dark gray
    #999999 - gray
	#660000 - purple
	#FFCC66 - yellow
	#660000 - maroon
	#FF0000 - red
	#00FF00 - green
	#FF00FF - pink
	#0000FF - blue
	#000000 - black
	#FFFFFF - white	
    #006666 - teal
    #660000 - better teal
    or
    http://www.colorcombos.com/combotester.html
	http://www.w3schools.com/tags/ref_color_tryit.asp
***************************************************/

/**************************************************
  - DEFAULT STYLES - 
***************************************************/
body
{
    font: 100% Arial, Helvetica, sans-serif;
    background: white /* #e1ddc7; */
    /* it's good practice to zero the margin and padding of the body element to 
       account for differing browser defaults */
    margin: 0; 
    padding: 0;
    /* this centers the container in IE 5* browsers. 
       The text is then set to the left aligned default in the #container selector */
    text-align: center; 
    color: #000000;
}
p
{
    margin: 0;
    padding: 0;
}

h1
{
    text-align: left;
}
/* h2 
{
	text-align:left;
}  */
h6
{
    text-align: left;
}
td
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

th
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

li
{
    text-align: left;
}

span
{
    clear:both;
}
/* - Applied to Table cells for horizontal and vertical lines - */
.stroke
{
    background: #006666;
    background-color: #006666;
}

/* - Applied to bold text - */
.bold
{
    font-weight: bold;
}

/* - Applied to headlines in the body content (Standard Grey) - */
.headline
{
    font-family: Verdana, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #660000;
    font-weight: bold;
    text-align: left;
}
.headlinebullet
{
    font-family: Verdana, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #660000;
    font-weight: bold;
    text-align: left;
}

.headlinedate
{
    font-size: 6pt;
    font-style: normal;
    margin: 0;
    padding: 0;
    color: #660000;
    font-weight: normal;
    text-align: left;
}

/***************************************************/

/**************************************************
  - Applied to the links in the Normal Links - 
***************************************************/
a
{
    background-color: transparent;
}
a:link
{
    /* unvisited link */
    color: #660000;
}
a:visited
{
    /* visited link */
    color: #660000;
}
a:hover
{
    /* mouse over link */
    color: #660000;
}
a:active
{
    /* selected link */
    color: #660000;
}
/***************************************************/

/**************************************************
  - Applied to the links in the LEFT navigation - 
***************************************************/
.leftnav
{
    text-decoration: none;
    font-weight: bold;
    background-color: transparent;
}
a.leftnav:link
{
    /* unvisited link */
    color: #660000;
}
a.leftnav:visited
{
    /* visited link */
    color: #660000;
}

a.leftnav:hover
{
    /* mouse over link */
    color: #FFCC66;
    text-decoration: underline;
}

a.leftnav:active
{
    /* selected link */
    color: #660000;
}
/***************************************************/

/**************************************************
  - Applied to the links in the FOOTER links - 
***************************************************/
.footer
{
    background-color: #3E3E3E; /* #006666; */
    background-repeat: repeat;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

a.footer:link
{
    /* unvisited link */
    color: #ffffff;
}
a.footer:visited
{
    /* visited link */
    color: #ffffff;
}
a.footer:hover  
{
    /* mouse over link */
    color: #FFCC66;
}
a.footer:active
{
    /* selected link */
    color: #ffffff;
}

/* - Applied to the copyright text in the global footer - */
.footeritalic
{
    font-style: italic;
    text-align: left;
}

/* - Applies background color to the footer table - */
/* - Overridden by umnglobalbkgimg.css file with a background images - */
/* - This avoids a bug in Netscape 4 that obscures text in a table with a background image - */
.footerbkgimage {
	background-color: #3E3E3E;
	background-repeat: repeat;
	color: #FFFFFF;
}


/***************************************************/

/**************************************************
  - Applied to the HEADER -
***************************************************/
/* - Applied to the navigation above the gloabl header - */
.headernav
{
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

.headerbar
{
    background-color: #660000;
}

.greentoolbar
{
   font-size: 13px;
   font-family: Verdana;
   padding: 1px;
   filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#ffffff,endColorStr=#9fa57a);
   text-align: left;
}

.orangetoolbar
{
    font-size: 13px;
    font-family: Verdana;
    padding: 1px;
    filter: progid:DXImageTransform.Microsoft.Gradient (gradientType=0,startColorStr=#ffffff,endColorStr=#f79235);
    text-align: left;
}

/***************************************************/

/**************************************************
  - Lock Screen-related CSS Classes - 
***************************************************/
.LockOff
{
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}
.LockBackground
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 105%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding-top: 20%;
}
.LockPane
{
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: left;
    width: 100%;
}
.LockPane div
{
    width: 55%;
    background-color: #969;
    color: White;
    font-size: large;
    border: dotted 1px White;
    padding: 9px;
    margin-left: auto;
    margin-right: auto;
}
/***************************************************/


/**************************************************
  - Employee Directory related CSS Classes - 
***************************************************/
.borderbox
{
    clear: both;
    float: none;
    margin-top: 13px; /* border : #A5A4A4 1px solid; */
}

/* Left Column Style */

.leftcol_box
{
    width: 177px;
    background: #fff;
    overflow: hidden;
    display: block;
    clear: both;
}

.leftcol_box h2
{
    padding: 7px 0px;
    width: 177px;
    height: 11px;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
}

.leftcol_box h2 span
{
    left: 13px;
    display: block;
    position: relative;
}

.leftcol_box .content
{
    margin: 15px 14px;
    width: 149px;
}

.leftcol_box .footnote
{
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
    color: #949393;
    clear: both;
}

.leftcol_box form
{
    width: 149px;
    float: none;
}
.leftcol_box ul
{
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    display: block;
}

.leftcol_box li
{
    text-indent: 0px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
}

#page_leftcol
{
    width: 179px;
    float: left;
}
#page_wrapper
{
    margin: 0px auto;
    width: 753px;
    text-align: justify;
    display: block;
    clear: both;
}


/***************************************************/

/**************************************************
  - Weather Control related CSS Classes - 
***************************************************/

.temp
{
    font-size: 22px;
    font-family: Tahoma;
}

.cc
{
    font-size: 11px;
    font-family: Tahoma;
}

.fcastWeekDay
{
    font-weight: bold;
}

.ccLoc
{
    font-weight: bold;
}

.fcastDate
{
    font-size: 11px;
    font-family: Tahoma;
}

.curWind
{
    font-size: 11px;
    font-family: Tahoma;
}

.weatherTable
{
    padding: 5px;
    background-color: white;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin-left: auto;
    margin-right: auto;
}

.fcastTable
{
    padding: 3px;
    background-color: white;
    text-align: center;
    border: solid 1px #c3c3c3;
    margin-left: auto;
    margin-right: auto;
}

.weatherError
{
    color: #ff0000;
    font-size: 12px;
    margin: 5px 0 5px 0;
}

/***************************************************/

/**************************************************
  - Modal Popup related CSS Classes - 
***************************************************/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/***************************************************/

/**************************************************
  - Calendar related CSS Classes - 
***************************************************/
.event
{    
    clear:both;
    font-family: verdana;
    text-align: left;
    font-size: 9px; /*font-weight:bold;*/
    color: #660000;
    text-decoration: none;
    background-color: transparent;
}
a.event:link
{
    /* unvisited link */
    color: #660000;
}
a.event:visited
{
    /* visited link */
    color: #660000;
}

a.event:hover
{
    /* mouse over link */
    color: red;
    text-decoration: underline;
}

a.event:active
{
    /* selected link */
    color: #660000;
}

.event h1
{   font-weight:normal;
    font-family: "Century Schoolbook" , "Times New Roman" , "Times, serif";
}

.eventsm 
{
    /*font-size: 9px; font-weight:bold;*/
    color:#660000;
    text-decoration: none;
}

a.eventsm:hover
{
    /* mouse over link */
    color: red;
    text-decoration: underline;
}
a.eventsm:link
{
    /* unvisited link */
    color: #660000;
}
a.eventsm:active
{
    /* selected link */
    color: #660000;
}
a.eventsm:visited
{
    /* visited link */
    color: #660000;
}

/***************************************************/