/* #RDL MASTERPAGE STYLESHEET :::::::::::::::::::::::::::

Colors
----------------------
Font Color:                                                         #484439;
------------------------------------------------------------------------------
Link Color:                                                         #B52225;
------------------------------------------------------------------------------
Dark Brown ( global links, footer ):                                #292720;
------------------------------------------------------------------------------
Mid Brown ( borders ):                                              #E4DFCD;
------------------------------------------------------------------------------ 
Light Brown ( bg ):                                                 #FAF8F3;
------------------------------------------------------------------------------
Button Gray:                                                        #A29F94;
------------------------------------------------------------------------------
BG Gray:                                                            #EEEEEE;
------------------------------------------------------------------------------
Link Hover Gray:                                                    #827F75;
------------------------------------------------------------------------------

:::::::::::::::::::::::::::*/

body
{
color: #484439;
font: 12px/18px helvetica, arial, sans-serif;
background-color: #FFFFFF;
margin: 0;
padding: 0;
line-height: 2em;
}h3


h2, h3 {line-height: 40px; margin:0; text-decoration: none;}
h2, .feature 
{
    color: #B52225;
    font-family: 'Oswald',sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 30px;
}
.feature { font-size: 20px; line-height:3em; } 

h5 {margin: 25px 0;}

h3.callout 
{
    background: url("images/arrow_24.png") no-repeat scroll 0 50% #FFFFFF;
    border-bottom: 1px solid #E4DFCD;
    padding-left: 20px;
    }

input, textarea
{
background: #fff url('images/bg-input.gif') repeat-x left top;
border: solid 1px #999;
margin-bottom: 10px;
padding: 5px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
       
a , .red, li.active a {color: #b52225;}
a:hover, .faded-gray {color: #827f75; font-weight: normal;}

ul.nobullets { margin: 0; padding: 0; }
ul.nobullets li{ list-style: none outside none; }
ul.nobullets li p{ line-height: 1.6em;  }

#header 
{
width: 100%;
margin: 0 auto;
border-top: 5px solid #b52225;
}

    #globalnav {width:960px; margin: 0 auto;}
    
        #globalnav ul { background-color: #292720; float: right; padding: 5px;}
        
            #globalnav li { float: left; margin: 0 1em; }
            
                #globalnav li a{ text-decoration: none; color: #fff;} 
                    
                    #globalnav li a:hover{ text-decoration: none; color: #fff;}         
    
    /* Logo */
    #header h1
    {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    }
    
        #header h1 a
        {
            background: url("images/logo.png") no-repeat scroll left top transparent;
            border: medium none;
            display: block;
            height: 66px;
            margin: -10px 0 15px 5px;
            text-indent: -9999px;
            width: 214px;
        }
        
     /* Main Nav */
     #header ul#nav 
     {
     margin: 0 auto;
     padding : 0;
     list-style: none;
     border-top: 1px solid #e4dfcd;
     border-bottom: 1px solid #e4dfcd;
     background-color: #fff;
     width: 960px;
     }
        
        #header ul#nav li
        {
        float: left;
        }
        
            #header ul#nav li a
            {
            color: #484439;
            text-decoration: none;
            display: block;
            font-size: 16px;
            padding: 15px 29px 15px 15px;
            font-family: 'News Cycle', Arial Narrow , sans-serif;
            _width: 90px; /* ie6 hack to fix float issue */
            border-bottom: 2px solid #fff;
            }
            
            #header ul#nav li a.homelink {_width: 13px;}
            
                #header ul#nav li a:hover {color: #b52225; border-bottom: 2px solid #b52225;}
        
            #header ul#nav li.nav-divider 
            {
            width: 2px;
            background: url('images/nav-div.gif') no-repeat left bottom;
            text-indent: -9999px;
            }

#content 
{
clear: both;
width: 100%;
margin: 20px 0;
padding: 0;
}

div.home-bg {}

    #home, #inner 
    {
    margin: 0 auto;
    padding: 10px;
    width: 940px;
    }
    
        #home #feature p
        {
            float: left;
            margin-right: 15px;
            padding: 10px;
            width: 46%;
        }
        
        #home #feature img
        {
             margin-right: 8px;
        }
        
        #home h3, #inner h3, #projects h3, span.highlight, .leader h3, .bio h4, .bio-mission h4 
        {
            font-family: 'News Cycle',Arial Narrow,sans-serif;
            font-size: 18px;
            margin-bottom: 15px;
            font-weight: normal;
        }
        
        span.highlight
        {
            color: #B52225;
            font-size: 20px;
        }
        
        #inner h3
        {
            margin-bottom: 5px;
        }
        
        #inner #panel-list-5 li
        {
            background: #F6F2E6 url(images/pattern-beige.jpg) repeat-x 0 0;
            float: left;
            margin: 5px;
            padding: 10px;
            width: 158px;
            height: 300px;
        }
        
            #inner #panel-list-5 li h3
        {
             font-size: 16px;
            line-height: 24px;
        }
        
           #inner #panel-list-5 li h3 img
        {
             margin: 20px 0 20px;
             padding-left: 45px;
        }
        
        
        #inner #panel-list-4 {
            background: url('images/dividers-3.gif') repeat-y 0 0 transparent;
            margin-top: 50px 0;
        }
        
        #inner #panel-list-4 li
        {
             float: left;
            margin: 5px;
            padding: 10px;
            width: 205px;
        }
        
        #inner #panel-list-3 li
        {
            background: #F6F2E6 url(images/pattern-beige.jpg) repeat-x 0 0;
            float: left;
            height: 180px;
            margin: 5px;
            padding: 10px;
            width: 280px;
        }
        
            #inner #panel-list-3 h3
            {
                line-height: 30px;
            }
        
            #inner #panel-list-3 li img
            {
                padding-right: 20px;
            }
        
        #inner #panel-list-2 li
        {
             float: left;
            width: 43%;
        }
        
#banner-img 
{
    display:block;
	width:930px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin: 0 auto 20px;
} 

    #banner-img img
    {
        position:absolute;
        top: -50px;
    } 
    
.about-scope { margin-top: 30px;}

.about-scope div { width: 60%; float: left;  margin-right: 10px; }

.about-scope h3 { border-bottom: 1px solid #E4DFCD; }

.about-scope li h3 { border: medium none; font-size: 15px !important; padding: 0 0 0 40px; }

.about-scope h3.portal-icon  { background: url(images/icon-32-website.png) no-repeat scroll 0 10px transparent; }
.about-scope h3.curr-icon  {  background: url(images/cm_32.png) no-repeat scroll 0 10px transparent;}
.about-scope h3.pdd-icon  {  background: url(images/pdd_32.png) no-repeat scroll 0 10px transparent;}
.about-scope h3.strategy-icon  {  background: url(images/pd_systems_32.png) no-repeat scroll 0 10px transparent; }


/* Home Page slideshow */    

#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* End of slideshow */          

.float-left{ float:left; }

.float-right{ float:right; }

/* Contact page styling */
 #inner #phone
    {
    width: 360px;
    padding: 40px 10px;
    float: left;
    }
    
    #inner #email
    {
    width: 540px;
    padding: 40px 10px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    }
        
            #inner #email #subject input, #inner #email #yourcoments textarea
            {
            width: 528px;
            }
        
        #inner #email #yourname
        {
        width: 300px;
        margin-right: 20px;
        float: left;
        }
        
            #inner #email #yourname input
            {
            width: 288px;
            }
            
         #inner #email #youremail
         {
         width: 220px;
         float: left;
         }
            
            #inner #email #youremail input
            {
            width: 208px;
            }
        
        #inner #email #subject
        {
        clear: both;
        }
        
        #inner #email #yourcoments
        {
        
        }
    
        #inner #email button
        {
        display: block;
        width: 112px;
        height: 35px;
        margin-top: 5px;
        padding: 0;
        background-color: #a29f94;
        border: none;
        float: right;
        cursor: pointer;
        color: #fff;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        }
        
            #inner #email button:hover
            {
            background-position: center bottom;
            background-color: #73716a;
            }
            
 /* End of Contact styling */  
 
 #RSS { width: 34%; float: left; padding: 5px 15px 10px 15px; border-left: 1px solid #E4DFCD; background-color: #FAF8F3;}  
 
    #RSS a { font-weight: bold; }
    
    #RSS span.RSS-date { padding: 2px 5px; margin-right: 5px;  background-color: #E4DFCD;  font-weight: bold; }
    
    #RSS h2 { font-size: 24px;  margin: 0 0 10px; }
    
    #RSS ul { margin: 0; padding: 0;}
    
    #RSS ul li { list-style: none outside none; margin: 0; padding: 5px 0;  border-bottom: 1px solid #E4DFCD; }
    
    #RSS p {  margin: 5px 0 5px 10px; padding: 0 5px;}  
    
    #RSS a.feed { background: url(images/feed.png) no-repeat scroll 0 10px transparent; float: right; padding: 5px 0 5px 20px;} 
    
    a.highlight { background-color: #B52225; padding: 5px 10px; color: #fff; text-decoration: none;}
    
    #team div{ float: left; margin-right: 10px; width: 30%;}
    
    #team img { margin: 30px 0 10px;}
    
    .leader img { margin: 0 0 10px;}
    
    #team h3, .leader h3{ margin: 0; line-height: inherit;}
    
    #team a, #team img, .leader img, .leader a{ text-decoration: none; border: 0;}
    
    .bio, .leader { float:left; width: 45%;}
    
    .bio { width: 55%;}
    
    .reveal-modal p{ line-height:1.5em; }
    
    .bio-mission { padding: 10px; background-color: #ddd; margin: 20px 20px 0 0; }
    
    .bio-mission h4 { padding:0; margin: 0; }
         
#footer 
{
    background-color: #292720;
    height: 125px;
    margin: 0 auto;
    width: 100%;
}

    #footer p#legal
    {
    color: #fff;
    width: 940px;
    margin: 0 auto;
    padding: 10px;
    }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
                                  content: ".";
                                  display: block;
                                  height: 0;
                                  clear: both;
                                  visibility: hidden;
}

.clearfix {                       display: inline-block; }

.clearfix {                       _height: 1%;           }

.clearfix {                       display: block;        }