/*----------------------------------------------------------------------------

508 / ACCESSIBILITY CSS

-----------------------------------------------------------------------------*/

/* Skip nav styles from Liam */
.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} 
/*For all, including Opera. 
Display:none used to switch off the skip links for Opera users 
(it's redundant, Opera has excellent keyboard navigation)*/

* html .skipnav {display: block} /*Switch on for IE6 and below*/
*+html .skipnav {display: block} /*Switch on for IE7*/
:root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/
.skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipnav a {width: 26em; display:block; color: #fff; background-color: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipnav a:visited {color: #fff}
.skipnav a:focus, .skipnav a:active {z-index: 99; top: -3em; left: 0; border: solid #777 2px; color: #fff; background-color: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/

.skipnav a:hover {cursor: default}  


/*--------------------------------------------------------------------------------

BASIC STYLES

------------------------------------------------------------------------------------*/
#branding, #branding p
{
    color:#fff;
}

h1
{
    border-bottom:solid 2px #ff6600;
}

h2
{
    background-color:#7ca8d5;
    border-radius:8px;
    font-size:14pt;
    color:#fff;
    padding:10px;
    border-bottom:solid 2px #5d83a9;
}

#sitenav, #sitenav li
{
	font-size:11pt;
}

#maincontent
{
    border-radius:8px;
    border: solid 1px #aaa;
    padding:12px;
    margin-top:0px;
    z-index:10;
    position:relative;
    background-color:#fff;
    min-height:600px;
    
}

#maincontent ul, ol
{
    margin-left:60px;
}

#maincontent ol li
{
    list-style-type:decimal;
}

#breadcrumb ul
{
    margin-left:10px;
}


#divITServicePad
{
    display:block; 
    text-align:left;
    position:relative;
    height:360px;
    width: 720px;
    border:solid 1px #888;
    background-color:#333;
    padding:3.3em; 
    border-radius:1em;
   
    -moz-border-radius:1em;
    -moz-border-radius-bottomright: 1.5625em 3.125em;
    -moz-border-radius-bottomleft: 1.5625em 3.125em;
     border-bottom-right-radius: 1.5625em 3.125em;
     border-bottom-left-radius: 1.5625em 3.125em;
   
     background-image:url('../images/creamgradient.png');
     background-position:bottom;
     background-repeat:repeat;
    
     /* DROP SHADOW */
    -moz-box-shadow: 10px 10px 5px #ddd;
    -webkit-box-shadow: 10px 10px 5px #ddd;
    box-shadow: 10px 10px 5px #ddd;
    
}

#divITServicePadBG
{
    position:relative;
    height:320px;
    background-color:#fff;
    padding:20px;
    border:solid 1px #fff;
     -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    margin:0px;
    
    background-image:url('../images/greygradient.png');
    background-position:bottom;
    background-repeat:repeat;
    
    /* DROP SHADOW */
    -moz-box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.2);
    -webkit-box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.2);
    box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.2);
    
}

#divITServicePad_Buttons
{
   position:absolute;
   width:720px;
   top:405px;
   left:50px;
   height:50px;
   overflow:hidden;
}

#divITServicePad_Buttons ul
{
    margin:0px;
}

#divITServicePad_Stories
{
    text-align:left; 
    margin-left:13em; 
    margin-top:1.5em;  
}

  
@media screen and (min-width:1000px)
{
   
    #divITServicePad_Stories ul li
    {
        float:left;
        background-color:#fff;
    }
}

@media screen and (max-width:410px)
{
     
    #divITServicePad
    {
        display:none;
    }
    #divITServicePad_Stories
    {
        display:none;
    }
    
    #divITHighlights
    {
        display:none;
    }
}

.PadButton, .PadButton_Active
{
    padding:5px;
    height:20px;
    width:20px;
    float:left;
    margin:5px;
    margin-top:10px;
    text-align:center;  
    background-color:Transparent;  
   
}

.PadButton a:link,.PadButton a:active, .PadButton a:visited
{
    text-decoration:none;
    color:#fff;
}
.PadButton a:hover
{
    text-decoration:underline;
}

.PadButton img
{
    padding:5px;
    border:solid 1px #888;
    background-color:#ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:5px;
    -moz-box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.1);
    -webkit-box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.1);
    box-shadow: inset 0px 0px 5px 5px rgba(5,5,5,0.1);
}

.PadButton img:hover, .active img
{
    border:solid 1px #188bfe;
    background-color:#d2e9ff;  
}


#divITServicePad_Screen
{
    border:solid 1px #666;
    background-color:#aaa;
    height:320px;
    width:650px;
    margin:10px;
    margin-top:0px;
    position:relative; 
}

#divITServicePad_Screen ul
{
    margin:0px;
}


.PictureText
{
    background-image:url(../images/bg_grad_80.png);
    padding:20px;
    border:0px;
    border-left:solid 1px #ddd;
    width:230px;
    position:absolute;
    left:380px;
    top:0px;
    height:290px;
}

.PictureText .header
{
    font-size:20px;
    color:#fff;
}

.PictureText .text
{
    color:#fff;
}
.PictureText .link
{
    background-color:#a8b0ba;
    background-color:Transparent;
    padding:5px;
    padding-top:10px;
    text-align:right;
    font-size:12pt;
}

.PictureText a:link,.PictureText a:active, .PictureText a:visited
{
    color:#fff;
}


/*--------------------------------------------------------------------------------

NEWSLINKS STYLES

------------------------------------------------------------------------------------*/


#divITNewsLinks
{
    border:solid 1px #aaa;
    background-color:#dcdcdc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin:25px;
    margin-top:15px;
    height:15px;
    padding:10px;
    font-size:11px;
    color:#333;
    font-family:helvetica;
    position:relative;
}

#divITNewsHeader
{
    font-weight:bold;
    border-right:solid 1px #222;
    width:90px;
    float:left;
    margin-top:2px;
}

#divITNews
{
    position:absolute;
    top:10px;
    left:120px;
}

#divITNews ul
{
    margin:0px;
    padding:0px;
}


#NewsStories
{
    margin:0px;
    padding:0px;
    font-size:12px;
}

#NewsStories li a:link, #NewsStories li a:active; #NewsStories li a:visited
{
    text-decoration:none !important;
}

#divBytesMove
{
    position:absolute;
    left:700px;
    top:-5px;
    margin:0px;
}

#divBytesMove p
{
    margin:0px;
    padding:0px;
}




#NewsStoryImg
{
    height:400px !important;
}

#StoryTitle
{
    float:left;
    background-image:url("../images/BG_Grad_80.png");
    padding:10px;
    margin-top:340px;
    font-size:18pt;
    color:#FFF;
    width:940px;
    border-bottom:solid 2px #ff6600;
}

.newsstorytext
{
    padding:40px !important;
    min-height:600px;
}

.newsstorytext h2
{
    margin-top:25px;
    background-color:#eee;
    padding:10px;
}

.newsstorytext p
{
    margin-bottom:10px;
}

.newsstorytext ul
{
    margin-left:60px;
}

.newsstorytext ul li
{
       list-style-image:url(../images/dot_li.png);
       padding-bottom:10px;
}

/*--------------------------------------------------------------------------------

HIGHLIGHT STYLES

------------------------------------------------------------------------------------*/

#divITHighlights
{
    height:320px;
    padding-left:15px;
}

.Highlight
{
    float:left;
    height:290px;
    width:178px;
    padding:20px;
    padding-top:10px;
    margin-left:10px;
    margin-right:10px;
    border:solid 1px #ccc;
    background-color:#eef2f6;
    -webkit-gradient:(linear, left bottom, left top, color-stop(0.41, rgb(196,196,196)), color-stop(1, rgb(227,227,227)));
    -moz-linear-gradient:(center bottom,rgb(196,196,196) 41%, rgb(227,227,227) 100%);
}

.Highlight .header
{
    background-color:#a8b0ba;
    color:#1d60ab;
    padding:5px;
    padding-top:3px;
    padding-bottom:3px;
    font-weight:bold;
    font-size:12px;
    margin-top: 3px;
    margin-bottom:5px;
    
}

.Highlight p
{
    font-size:11px;
    font-family:helvetica;
}


.Highlight a:link, .Highlight a:link, .Highlight a:visited
{
    font-size:11px;
}

/*--------------------------------------------------------------------------------

QUICKLINKS STYLES

------------------------------------------------------------------------------------*/

#divITQuickLinks
{
    position:relative;
    border:solid 1px #aaa;
    background-color:#fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin:25px;
    margin-top:10px;
    padding:10px;
    font-size:11px;
    color:#888;
    font-family:helvetica;
    height:220px;
}

#divITQuickLinksTitle
{
    border-bottom:solid 1px #ccc;
    margin:0px;
    font-weight:bold;
    padding:10px;
    color:#555;
    margin-bottom:15px;
}

#divITQuickLinks .header
{
    font-weight:bold;
    color:#555;
    line-height:20px;
}

#divITQuickLinks1, #divITQuickLinks2, #divITQuickLinks3, #divITQuickLinks4, #divITQuickLinks5
{
    float:left;
    width:175px;
    padding-left:10px;
    height:200px;
}

#divITQuickLinks h3
{
    padding:5px;
    background-color:#afafaf;
    margin-bottom:5px;
}

#divITQuickLinks ul
{
    margin-left:5px;
}

/*--------------------------------------------------------------------------------

FOOTER STYLES

------------------------------------------------------------------------------------*/

#divFooter
{
    position:relative;
    background-color:#333;
    padding:10px;
    height:80px;
}

#divFooter p
{
    color:#fff;
    font-size:12px;
}

#divFooter img
{
    padding:10px;
}

#divFooter a:link, #divFooter a:active, #divFooter a:visited
{
    color:#fff;
   
}

#divFooter a:hover
{
    text-decoration:underline;
}

#divFooter_DocumentInfo
{
    position:absolute;
    left:250px;
    padding-left:40px;
    padding-top:10px;
    border-left: solid 1px #aaa;
    top:10px;
    height:70px;
    
}


/*--------------------------------------------------------------------------------

HOME PAGE STYLES

------------------------------------------------------------------------------------*/

#divNewsGroup
{
    position:relative;
}
#divHello
{
    position:relative;
    height:12em;
    padding:1em;
    border-radius:10px;
    border:solid 1px #aaa;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

#divHello p
{
    margin:1em;
    margin-left:10em;
}

#divHello img
{
    width:8em;
    float:left;
    
}

#divNewsGroup2
{
    position:relative;
}

#divNews1, #divNews2
{
    width:457px;
    height:250px;
    border:solid 1px #aaa;
    border-radius:10px;
    margin-top:15px;
    margin-left:0px;
    
    
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    
}

#divNews2
{
   position:absolute;
   top:0px;
   left:475px;
   margin-top:0px;
}

.homepage_banner
{
    margin:0px;
    padding:10px;
    height:300px;
    width:630px;
    position:relative;
   
}

.homepage_bannerinfo
{
    position:absolute;
    top:0px;
    left:400px;
    height:300px;
    width:220px;
    background-image:url('../../_resources/images/BG_Grad_80.png');
    padding:15px;
    padding-bottom:5px;
    text-align:left;
}


.homepage_bannerinfo p
{
    color:#fff;
    font-weight:bold;
    font-size:1em;
}

.homepage_bannerinfo a:link, .homepage_bannerinfo a:link, .homepage_bannerinfo a:visited
{
    font-size:15pt;
}

.bottom_news
{
    text-align:left;
    padding:20px;
}

.bottom_news h2
{
    background-color:#222;
    color:#fff;
    padding:20px;
}




/*--------------------------------------------------------------------------------

OTHER STYLES

------------------------------------------------------------------------------------*/


#pagetools
{
    height:50px;
    background-position:bottom;
    background-repeat:repeat-x;
    margin:0px;
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    z-index:0;
}


#divContentContainer
{
    position:relative;
    padding-top:30px;
    
}


#sidebar1, #sidebar2
{
    margin-top:30px;
    display:block !important;
}

.sideblock
{
     padding:0px;
    margin-bottom:10px;
}

#sidebar2
{
    position:absolute !important;
    top:35px;
    left:745px;
    width:200px;
}

.empty
{
    border:solid 1px transparent;
}


.sectionnav h2
{
    
    color:#2d5a86; 
    background-color:Transparent;
    border-radius:0px;
}

.sectionnav h3
{ background-color:#7ca8d5;
    color:#fff;
    padding:3px;
    margin-top:5px;
   
}





.hideme
{
    display:none;
}

.info_contactus, .info_general, .info_hours
{
    border:solid 1px #aaa;
    padding:5px;
    width:180px;
    margin-bottom:10px;
    font-size:.8em;
}

.info_contactus ul, .info_general ul, .info_hours ul
{
    margin:0px;
    margin-left:20px;
    margin-top:10px;
}

.info_contactus li, .info_general li, .info_hours li
{
    list-style-image:url(../images/dot_li.png);
    background-position:bottom;
}

.info_contactus h2, .info_general h2, .info_hours h2
{
    padding:5px;
    font-size:10pt;
    margin-bottom:5px;
}

.info_contactus p, .info_general p, .info_hours p
{
   margin-bottom:10px;
}

.info_contactus
{
    background-color:#fff6e7;
}

.info_contactus h2
{
    background-color:#e78f05; 
    color:#222 !important;
    border-bottom:solid 2px #7f4e00;
}

.info_general
{
    background-color:#efefef;
}

.info_general h2
{
    background-color:#afafaf;
    color:#222 !important;
    border-bottom:solid 2px #777;
}

.info_hours
{
      background-color:#dfecf9;
}

.info_hours h2
{
     background-color:#7ca8d5;
     color:#222 !important;
    border-bottom:solid 2px #5d83a9;
}

table
{
    width:100%;
    padding:5px;
    margin:0px;
    margin-top:10px;
    margin-bottom:10px;
    border:solid 1px #aaa;
}

th
{
    background-color:#336699;
    color:#fff;
    padding:5px;
}

td
{
    font-size:10pt;
    padding:5px;
    border:solid 1px #aaa;
}
table caption
{
    font-size:12pt;
    font-weight:bold;
    padding:5px;
}

.hardware
{
    border-bottom:solid 1px #ddd;
    min-height:200px;
}

.hardware p
{
    float:left;
    width:265px;
    text-align:center;
}

.hardware h3
{
    font-weight:bold;
    font-family:Tahoma;
    margin-top:20px;
    padding-top:20px;
}

.hardware ul
{
    margin-left:100px;
}

fieldset
{
    border:solid 2px #ff6600;
    padding:15px;
    border-radius:15px;
}

fieldset legend
{
    padding:10px;
}


fieldset label
{
    font-weight:bold;
    color:#565656;
    float:left;
    width:160px;
}

/*--------------------------------------------------------------------
Site Navigation
----------------------------------------------------------------------*/

.Schedule #navA a:link, .Schedule #navA a:visited, .Schedule #navA a:active,
.PeopleSoft #navB a:link, .PeopleSoft #navB a:visited, .PeopleSoft #navB a:active,
.DesktopApp #navC a:link, .DesktopApp #navC a:visited, .DesktopApp #navC a:active,
.Additional #navD a:link, .Additional #navD a:visited, .Additional #navD a:active,
.FAQ #navE a:link, .FAQ #navE a:visited, .FAQ #navE a:active
{color:#666;
background-color:#fff;
background-image:none;}	

.outside a:link, .outside a:visited, .outside a:active
{
 color:#fff;
 background-color:#6699cc;
 background-image:none;
}