﻿body
{
    background-color: #000;
    color: #b2b2b2;
    font-size: 12pt;
    font-family: Arial;
    margin: 0 auto;
    overflow: scroll;
}
div#nav {
	position:absolute;
	text-align:left;
	top:10px;
	left:0px;
  	width: 200px;          /* menu width */
}

#wrapper
{
    width: 900px;
    height: auto;
    text-align: center;
    margin: 0px auto;
}


#secondarywrapper
{
    position:relative;
    margin:10px 0px;
    
}

#content
{
    text-align: left;
    top:10px;
    position:absolute;
    left:200px;
    width:700px;
}

#footernav
{
    
    color:#FFF;
    font-size:10pt;
    margin:20px 0px;
    float:right;
}

/**********************************************
banner
***********************************************/

#banner
{
    background-image: url("../images/companybanner.png");
    height: 248px;
    width: 900px;
    background-position: center top;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#top-nav
{
    padding: 10px;
    color: #FFF;
    font-size: 10pt;
    text-align:right;
}

#copyright
{

    color: #000000;

}

#footercopyright
{

    color: #b2b2b2;

}


/**********************************************
general formatting
***********************************************/

h3
{
    color: #dbd200;
    font-size: 12pt;
    font-weight: normal;
    margin:10px 0px;
}

p
{
    font-size: 12pt;
    margin:10px 0px;
}

ul
{
    font-size: 12pt;
    font-family: Arial;
}

img
{
    padding:20px;
}

.special
{
    color:#ff8f00;
    font-weight:bold;
}


/**********************************************
links
***********************************************/

a:hover
{
    color: #ffd200;
}

a
{
    list-style-type: none;
    outline: none;
    text-decoration: none;
    color: #FFFFFF;
}

/**********************************************
nav
***********************************************/



#nav ul
{
    list-style:none;
}


div#nav ul {
  	list-style-type: none; /* get rid of the bullets */
  	padding:0;             /* no padding */
  	margin:0;              /* no margin for IE either */
}

div#nav ul li {
  	margin: 0;
  	padding: 0;
  	display:block;
}

div#nav ul li a {
  	display: block;         /* lines extend to right, make area clickable */
  	color: #666;
  	padding: 3px 3px 3px 0px;
  	margin:0;
  	text-decoration: none;
  	height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
}

div#nav ul ul li a {
  	margin-left: 9px;     /* indent level 1 */
	outline: none;
	font-size:1.0em;

}

div#nav ul ul ul li a {
  	margin-left: 18px;     /* indent level 2 */
	font-size: 1.0em;
	outline:none;
}

div#nav li ul, div#nav li.open li.closed ul {
  	 /* display: none;        collapse */
}

div#nav li.open ul {
  	display: block;        /* expand */
}
 
div#nav ul li.open a {
  background-image: url(bullet_open.gif);
  background-repeat: no-repeat;
}

div#nav ul li.closed a {
  background-image: url(bullet_closed.gif);
  background-repeat: no-repeat;
}

div#nav ul li.leaf a {
  background-repeat: no-repeat;
} 
 
div#nav li.active a {
  background-position: 0px -20px;
  color:#FFF;            /* highlight text */
}
 
div#nav li.active li a {
  list-style-type:none;
  background-position: 0px 0px;
  color:#666;          /* fix lower levels */
}

div#nav ul li a:hover {
  color: #ffd200;/* rollover effect */
}

div#nav ul li a.selected
{
    color:#FFF;
}


/**********************************************
contact form
***********************************************/

.contactformtextbox
{
    width:294px;
}
div#recaptcha_image img

{
    margin:0px;
    padding:0px;
}

#recaptcha_response_field
{
    width:131px;
}

textarea
{
    font-family:Arial;
    font-size:11pt;
    font-style:normal;
}

textbox
{
    font-family:Arial;
    font-style:normal;
}


/**********************************************
people
***********************************************/
.people
{
    margin:-20px 0px 0px 0px;
    background-color:#FFF;
}

.person
{
    
    color:#000;
    min-height:220px;
    margin:0px 0px 0px 0px;
    padding:0px;
    position:relative;
}

.personphoto img
{
    position:relative;
     background-color:#FFF;
     height:203px;
     margin:10px 10px 20px 10px;
     padding:0px;
     float:left;
}

.persondetails
{
    position:relative;
    background-color:#FFF;
    float:left;
    margin:10px 0px 0px 10px;
}

.personname
{
    color:#ee3b00;
    position:relative;
    margin:0px;
    vertical-align:top;
    font-size:12pt;
    background-color:#FFF;
}

.persontitle
{
    color:#ee3b00;
    position:relative;
    margin:0px;
    vertical-align:top;
    font-size:10pt;
}


.personcontent
{
    width:450px;
    margin:0px;
}

.personcontent p, .personcontentBig p
{
    font-size:9pt;
    color:#000;
}

.personcontentBig
{
    width:100%;
    margin:0px;
}


.persondivider 
{
    color:#CCC;
    margin:0px 20px 0px 20px;
    clear:both;
      
}

.question
{
    color:#ee3b00;
}


/**********************************************
upload file
***********************************************/

#uploadFile td
{
    width:140px;
    border:5px;
}

.requiredSymbol
{
    text-align:right;
}
