/* ----------------------- GENERIC STYLES */
*{margin: 0;}

a {text-decoration: none;}
a:link, a:visited {color: #fff;}
a:hover, a:active {color: #e38c1a;}
a img {border: 0}

/* ----------------------- GENERIC STYLES */

html
{width: 100%; height: 100%;}

body 
{
    background-color: #999;
    margin-top: 30px;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #999;
}

.spacer
{
    margin: 0;
    padding: 0;
    clear: both;
    }


    
#containerMain
{
    background: transparent url(../images/backgrounds/main_background.gif) repeat-y top left;
    width: 800px; height: 100%;
    margin: 0 auto; 
    }
    
#containerHome
{
    background: transparent url(../images/backgrounds/home_background.gif) repeat-y top left;
    width: 800px; height: 100%;
    margin: 0 auto; 
    }
    
#containerProject
{
    background: transparent url(../images/backgrounds/project_background.gif) repeat-y top left;
    width: 800px; height: 100%;
    margin: 0 auto; 
    }
        
#contentWrapper
{
    width: 562px; height: 100%;
    float: left;
    }
    
#sideWrapper
{   
    width: 220px; height: 100%;
    float: right;
    }
   
#brandingLogo
{
    background: #fff;
    width: 563px;height:124px;
    }
    
#brandingLogo img
{margin: 0 0 0 0;float: left;}

/* --------------------------------NAVIGATION--*/  

#navbar
{
    background-color: #e38c1a;
    width: 563px;height: 36px;
    text-align: center;padding: 0;margin:0;
    }



#navbar li
{
    margin: 12px 0 0 0;
    padding: 0;
    float: left;
    border-right: solid 1px #fff;list-style: none;
    }

#navbar a
{
    color: #000;
    }
    
#navbar a:hover
{color:#fff;}

#navbar li.last
{border-right: 0;}


.chromestyle
{
    float: right;
    height: 36px;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #000;padding: 0;
    padding-left: 5px;
} 

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul
{
    width: 550px; height: 36px;
    margin: 0;
    padding: 0;
    text-align: left; /*set value to "left", "center", or "right"*/
}


.chromestyle ul li a{
color: #000;
margin: 0;padding: 0 8px;
text-decoration: none;
border-bottom: 0;
display: block;
}



.chromestyle ul li a:hover{
color: #fff;
display: block;
border: 0; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

#navbar .dropmenudiv{
position: absolute;
top: 0;
right: 0;
margin-top: 5px;margin-left: 13px;padding: 2px 10px;
border: 0; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: #fff;
width: 130px;
visibility: hidden;
text-align: left;
}

#navbar .dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 0; /*THEME CHANGE HERE*/
padding: 0;margin: 0;
text-decoration: none;
font-weight: normal;
color: #000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

#navbar .dropmenudiv a:hover{ /*THEME CHANGE HERE*/

color: #e38c1a!important;
border-bottom: 0;
margin: 0;
}

/* --------------------------------NAVIGATION--*/  

#contentTitle
{
    background: #000;
    width: 503px;
    padding: 30px 30px 30px 30px;
    text-align:right;
    color: #fff;font-size:14px;font-weight: bold;
    }
    
#contentDescription
{
    background: #000;
    width: 513px;
    padding: 20px;
    text-align:left;
    color: #fff;font-size:14px;font-weight: bold;font-size: 12px;
    font-weight: normal;
    }   
    


#contentDescription p.titleProject strong
{color: #e38c1a;}
    
#contentTitle h2
{
    color: #e38c1a;font-size: 24px;margin-top: 5px;text-align: left;font-weight: normal;
    }
    
#contentTitle h3
{
    color: #e38c1a;font-size: 24px;margin-top: 5px;
    }
    
#contentTitle h4
{
    color: #fff;font-size: 30px;margin-top: 30px;margin-bottom: -10px;font-weight: normal;
    }
    
#contentTitle p
{
    color: #fff; font-size: 14px;font-weight: normal;text-align: left; line-height: 1.5em;
    }
    
#contentMain
{
    position: relative;
    width: 532px; height: 100%;
    text-align: left;
    padding: 15px;
    color: #fff;
    }
    
#contentMain .mainPage
{padding: 0;}
    
#contentMain ul.whoNav 
{
    width: 20%; height: 100%;
    margin: 0 10px 0 0;padding: 0;
    float: left;
    line-height: 3em;color: #fff; font-weight: bold;
    }
    
#contentMain ul.whoNav,  #contentMain li.whoNav
{list-style-type: none;}

.whoNav a:link, a:visited {color: #fff;}
.whoNav a:hover, a:active {color: #e38c1a;}    

#contentMain p
{
    margin-bottom: 1em;
    color: #fff;}

#contentMainhome
{text-align: left;}
    
#contentMainhome p.homeText
{margin-top: 1em; line-height: 1.4em; color: #000;padding: 0 25px;}

#contentMain .homeText strong
{color: #fff; font-size: 12px;}
    
#contentMain p.bio 
{width: 70%;
    float: right;}
    
#contentMain strong
{color: #e38c1a; font-size: 14px;}
    
#contentMain p a:link, #contentMain p a:visited
{color: #fff;}

#contentMain p a:hover, #contentMain p a:active
{text-decoration: underline;}

#columnA
{width: 240px; height: 100%;
    float: left; padding-left: 10px;margin-left: 10px;}
#columnB
{width: 240px; height: 100%;
    float: right; border-left: solid 1px #e38c1a; padding-left: 10px;}
    
#columnA h1, #columnB h1
{font-size: 12px; color: #fff;margin: 1em 0 0 0;}

#columnA h1 a:link, #columnB h1 a:link, #columnA h1 a:visited, #columnB h1 a:visited
{color: #fff; font-weight: normal;}

#columnA h1 a:hover, #columnB h1 a:hover, #columnA h1 a:active, #columnB h1 a:active
{color: #e38c1a;}

#contentMain ul
{color: #e38c1a; list-style: disc none outside;padding: 0;margin: 10px 10px 10px 20px;line-height: 1.5em;}
#contentMain ul.innerList
{list-style: circle none outside;}

#contentMain span
{color: #fff;}

#contentMain span.listHeader  
{font-weight: bold; display: block;}

a.googleLink 
{text-decoration: underline; float: right; margin-top: -30px;}
a.googleLink:hover
{color: #e38c1a;}

/*---SIDE BARS ----*/

#sideContact
{
    background: #58595b;
    width: 190px; height: 237px;
    padding: 30px 15px 0 15px;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2em;
    }  

/*#sideContact
{
    background: #58595b url(../images/grey_box.jpg) no-repeat bottom right;
    width: 180px; height: 237px;
    padding: 30px 20px 0 20px;
    text-align: right;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    }               <--------------------     OLD styles when address appears-------------*/     
    
#sideContact p
{color: #fff}
    
#sideQuote
{
    background: #e38c1a url(../images/orange_box.gif) no-repeat top left;
    width: 180px; height: 237px;
    padding: 30px 20px 0 20px;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    }
#sideQuote p
{margin-top: 1em;}    
#sideQuote em
{display: block;font-weight: normal; font-size: 14px; line-height: 1.5em;margin-top: 2em;}
#sideQuote strong
{display: block;font-weight: normal; font-size: 12px; font-style: italic;}


/*----SIDE IMAGES -  */
#sideHome
{background: #58595b;height: 330px;
    width: 220px;}
#sidePresident
{background: transparent url(../images/president.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideCoo
{background: transparent url(../images/coo.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideCapabilities
{background: transparent url(../images/scope_photo.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideWho
{background: #4c4d4f url(../images/grey_box_sm.gif) no-repeat bottom right;
    width: 180px;height: 356px;
    text-align: left;
    font-family: Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5em;
    padding: 10px 20px;}  
#sideWho p {color: #fff;}
#sideWho ul {padding: 0;list-style-position: inside;margin-top: 1em;}
#sideWho li{font-size: 12px;font-weight: normal;line-height: 2em;color: #e38c1a;}
#sideWho span{color: #fff;}  
#sideNews
{background: transparent url(../images/news_photo.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideLinks
{background: transparent url(../images/links_photo.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideContactphoto
{background: transparent url(../images/contact_side.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
#sideRankings
{background: transparent url(../images/rankings.jpg) no-repeat bottom right;
    width: 800px;height: 100%;}
    
/*----SIDE IMAGES ----*/

/*-----OLD STUFF ----*/

#container
{
    margin: 0 auto;
    text-align: left;
    width: 802px;
    height: 600px;
    }
    
#main
{
    float: left;
    width: 564px;
    }  
    
#mast
{
    width: 100%;
    height: 10.3em;
    background-color: #fff;
    }
    
#mast img
{
    padding: 25px 0 0 40px;
    }
        
#tagline
{
    width: 100%;
    height: 143px;
    text-align: right;
    background-color: #000;
    font-family: Arial, Sans-Serif;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    }
    
#tagline p
{
    margin: 0;
    padding: 85px 30px 0 0;
    }
    
#body_content
{
    width: 100%;
    height: 331px;
    background-color: #e38c1a;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    color: #fff !important;
    line-height: 1.7em;
    }
    
#body_content p
{
    margin: 0;
    padding: 20px;
    color: #fff;
    }
    
#side
{
    position: relative;
    float: right;
    width: 220px;
    height: 600px;
    background-color: #58595b;
    }
    
#side_1
{
    width: 100%;
    height: 266px;
    margin: 0;
    padding: 0;
    background-image: url(../images/grey_box.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #fff;
    }
    

    
#copyright{
    width: 800px;
    padding-top: 10px;
    text-align: right;
    font-size: 10px;
    color: #666;
    margin: 0 auto;
    }