﻿
#container{
    background-color:White;
    height:90%;
    margin:0 auto;
    min-height:600px;
    position:relative;
    width:800px;    
}
/*----------------------------------------------------------------------
         Navigation Menu Styling
------------------------------------------------------------------------------*/
#top_nav{
    background:transparent url(Images/nav_head.png) repeat-x scroll left top;
    float:left;
    list-style-image:none;
    list-style-type:none;
    list-style-position:outside;
    margin:0;
    padding:0;
    width:800px;    
}

#top_nav li{
    float:left; 
    margin:2px;
    padding:0px;
    width:auto;
    border-right:solid 1px white;  
}


#top_nav li.right{
    border-right:none; 
}

#top_nav a{
    color:White;
    display:block;
    line-height:2em; 
    padding:0px .55em;
    text-decoration:none; 
}

/* drop down for menu*/
#top_nav li ul{
    background:url(Images/menuOrange.jpg) repeat-x scroll left center;   
    border:1px solid #271d00;
    font-size:0.8em;
    left:-9999px;
    position:absolute;
    width:22%; 
    z-index:2;
}

#top_nav li ul a{
    color:#271D00;    
}

#top_nav li ul li{
    border-bottom:1px solid black;
    display:block;
    margin-top:5px;
    padding-bottom:3px;
    width:98%;    
}

#top_nav li ul li.last
{
border-bottom:none;    
}

#top_nav li:hover ul {
left:auto;
}

#top_nav li ul a:hover, #right_nav a:hover {
color:#271d00;
background-color:white;
display:block;
text-decoration:underline;
}

/*-------------------------------------------
     End Menu Styling
------------------------------------------
     Begin Header Styling
---------------------------------------------*/

#headerTop{
    background:transparent url(Images/headerTop.gif) no-repeat scroll left top;
    height:20px;
    width:800px;
    margin:20px auto 0px;
    position:relative;
}

#header{
    background: transparent url(Images/header.jpg) no-repeat left top;    
    height:150px;
    width:800px;
    border-bottom:gray solid 1px;
}

#infoBar{
    background: transparent url(Images/InfoBar.png) no-repeat left top;
    height:25px;
    width:800px;
        
}

/*------------------------
   End Header Styling
------------------------------
     Begin Content Styling
-----------------------*/

#main_content{
    background:white;
    border-top:solid 1px #257d00;
    height:auto;
    clear:both;
    width:800px;
}

#content{
    background:white;
    color:Black;
    float:left;
    width:590px;
    height:auto;
    position:relative;
    text-align:left;
    left:0px;
    top:0px;
    margin:0px;
    padding:20px 10px;    
}

#right_nav{
    background-color:#EDDa74;
    float:right;
    height:auto;
    margin:2px 2px 1px 0px;
    padding:2px;
    position:static;
    text-align:center;
    width:175px;
    border:solid 1px gray;
        
}

#right_nav a{
    color:#271d00;
    display:block; 
    padding:0px 2px 2px 2px;   
}

#weather {
background:url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/spring2_120x60_bg.jpg ) no-repeat #607041;
height:65px;
margin:auto;
width:120px;
}
#inweather {
height:48px;
}

#weatherContents {
color:#FFFFFF;
font-family:arial,helvetica,verdana,sans-serif;
font-size:10px;
line-height:1.2em;
text-align:center;
}
#weatherContents a
{
text-align: center; 
font: 10px arial, helvetica, verdana, sans-serif;
line-height: 12px; 
color: #FDEA11;
}

/*---------formatting for the hours box ---*/
#hours
{
text-align:left;
padding:3px; 
color:White; 
background:#271d00; 
font-size: 13px; 
border-bottom:1px gray solid;
}

/*----------------------
    End Content Styling
--------------------------

 -- Required by Adobe to display logo ----*/
#adobe
{
margin:.5em;
}
/*----------------------
   Begin Footer Styling
---------------------*/
#footer{
    background:white;
    clear:both;
    height:auto;
    text-align:center;
    width:800px;
    border-top:solid 1px gray;    
}

#footer a{
    color:#c5750a;
    text-decoration:none;    
}

#footer a:hover{
    color:#271d00;
    text-decoration:underline;   
}

#BBB{
    height:55px;    
}


#contentBottom {
background:transparent url(Images/darkBottom.jpg) no-repeat scroll left top;
height:50px;
margin:0pt auto;
position:relative;
width:800px;
}

#reorder, #fraud, #phone, #stolen{
    display:block;
    background:url(Images/btnBack.png) no-repeat left top;
    border:1px solid #271d00;
    width:140px;
    height:60px; 
    text-align:center;  
    position:relative;
    float:left;
    margin-left:5px;
    line-height:20px;
}

#online, #billpay{
    display:block;
    background:url(Images/btnBack.png) no-repeat left top;
    border:1px solid #271d00;
    width:250px;
    height:70px; 
    text-align:center;  
    position:relative;
    float:left;
    margin-left:25px;
    line-height:20px;
}
html #online a, html #billpay a{
    color:#271d00;
    font-size:1.3em;
    vertical-align:middle;
    text-decoration:none;
    display:block;
    padding:25px 6px;
}

html #reorder a, html #fraud a, html #phone a, html #stolen a{
    display:block;
    color:#271d00;   
}
html #phone a{
    padding:20px 6px;  
     vertical-align:middle;    
}

html #fraud a, html #reorder a, html #stolen a{
    padding:10px 6px;  
     vertical-align:middle;    
}

#full{
    width:90%;
    position:relative;
    margin:5px auto;
    height:300px; 
    clear:both;   
}

#homepage{
    position:relative;
    margin:10px auto;
    width:100%;
    text-align:center;
    height:auto;   
    clear:both; 
}

#homepage #NCUAhome, #NCUA{
    height:160px;
    width:320px;
    margin:2px auto;
    position:relative;
}
#homepage #BBBhome{
    margin:2px auto;
    position:relative;
}
#homepage #fheohome, .footer #fheohome{
    height:auto;
    margin:2px auto;
    position:relative;
}
