/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	background: url(images/greyBox.gif) repeat;
	background-color: transparent;
	text-align:left;
	width:100%;
	height:100%;
}

#container {
	width: 960px;
	}
	
#top {
	height:72px;
	}

body#breakthrough #breakthrough_link a,
body#mission #mission_link a,
body#jobs #jobs_link a,
body#team #team_link a,
body#contact #contact_link a {	
	border:#999999 thin ridge;
	}
	
.image {
	vertical-align:middle;
	}
	
#leftcol {
	height:515px; 
	width:201px;
	vertical-align:top;
	float:left;
	}
	
#midcol {
	text-align:center;
	width:558px;
	height:465px;
	background-color:#FFFFFF;
	float:left;
	padding-top:50px;
	}
	
#midcolLanding {
	text-align:center;
	width:558px;
	background-color:#FF9966;
	float:left;
	padding-top:70px;
	height:445px;
	}
		
#rtcol {
	height:515px;
	width:201px;
	vertical-align:top;
	float:left;
	} 
	
#description {
	height:30px; 
	border:none;
	width:558px;
	text-align:center;
	margin-left:201px;
	margin-right:201px;
	background-color:#DADB97;
	float:left;
	padding-top:20px;
	}
	
#descriptionLanding {
	height:50px; 
	border:none;
	width:558px;
	text-align:center;
	margin-left:201px;
	background-color:#DADB97;
	float:left;
	}

.preload { 
	display:none;
	}
	
#home {
	position: absolute;
	height: 29px;
	width: auto;
	left: 0px;
	top: 0px;
	margin-right: 50px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	display: inline;
	visibility: visible;
	vertical-align: top;
    }

h1, h2, h3, h4, h5, h6 {
        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: normal;
}

.h1 {
	font-size: 2.1em;
	margin-bottom: 2em;
	color:#fc6;
    }
	
.h2 {
	font-size: 2.1em;
    margin-bottom: 2em;
	color:#666666;
	text-align:center;
	}
	

.logo {
      font-size: 14pt;
	  letter-spacing: 2pt;
	  color:#000000;
      }
h3 {
        font-size: 1.4em;
}


h4 {
        font-size: 1.2em;
}


p {
	font-size: 9pt;
	line-height: 1.8em;
	padding: 0;
	margin-bottom: 1em;
}

#container {
	
	margin:0 auto;
	text-align: left;
	min-width: 84em;
	
}

#contentframe {
	margin: 2em 0 0 0;
	padding: 2em 0;
	width: 100%;
	text-align: left;
	float: left;
	border: 1px solid #ccc;
	background-color: #fff;
}

.float_right {
	float: right;
	right: 10px;
	margin: 4px 50px 0px 0px;
	text-align: right;
	position: absolute;
	width: 29px;
     }
.alignRight {
	text-align:right;
	margin-right:30px;
	}

.white{
   background-color:#FFFFFF;
   }

.ltgreenL{
	color:#BF4E3D;
	font-weight:bold;
	float:left;
	width:171px;
	}
	
.ltgreenR{
	color:#BF4E3D;
	font-weight:bold;
	float:left;
	width:171px;
	}
	

.ltgreenM{
	float:left;
	color:#BF4E3D;
	font-weight:bold;
	width:216px;
	}
	
.ltgreen2{
    background-color:#DADB97;
	text-align:center;
	width:171px;
	color:#735094;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	float:left;
	}

.ltgreen3{
    background-color:#DADB97;
	text-align:center;
	color:#735094;
	font-weight:normal;
	text-decoration:none;
	float:left;
	}

.ltgreen4{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:240px;
	float:left;
	}
	
.ltgreen5{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:147px;
	float:left;
	}
	
.ltgreen6{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:190px;
	float:left;
	}
	
.ltgreen7{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:216px;
	float:left;
	}

.ltgreen8{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:150px;
	}
	
.ltgreen9{
    background-color:#DADB97;
	text-align:center;
	color:#BF4E3D;
	font-weight:bold;
	width:130px;
	}

.orange{
	background-color: #FF9966;
	}

.blackText {
	color:#000000;
	font-weight:normal;
	}

#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 100%;
}

#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

/* main top*/
#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: 1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border: 0;
}

#navlist li a:hover,#navlist a#current
{
color: #333;
border-top: none;
font-size: 1.5em;
}

#navlist a#current { color: #fc6; }

/* main bottom*/

.link 
{
border:none;
text-decoration:none;
color:#BF4E3D;
font-weight:bold;
}

.WebArrowLink {
	margin-top:10px;
	}

a {
	outline: none;
    }

.arrowLink {
	margin:10px auto;
	border:none;
	text-align:center;
	outline: none;
	}
	
.linkBlue {
	border: none;
	color:#00aeef
	}

.arrowLink2 {
	margin:6px auto;
	border:none;
	text-align:center;
	}

/* left include format*/


#navcontainerbLeft
	{
	width:201px;
	}
	
#navlistbLeft
{
	text-indent: 0;
	list-style-type: none;
}

#navlistbLeft li
   {
   	text-align:right;
	list-style-type: none;
	padding-right:43px;
	text-indent: 0;
	margin-bottom:14px;
   }
   
	 
#navlistbLeft a:active, #navlistbLeft a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0; outline:0; /* for browsers that understand */
  }
	
#navcontainerbRight
	{
	width:201px;
	}
	
#navlistbRight
	{
	text-indent: 0;
	list-style-type: none;
	}

#navlistbRight li
   {
   	text-align:left;
	padding-bottom:15px;
	text-indent: 0;
	list-style-type: none;
   }
	 
#navlistbRight a:active, #navlistbRight a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0; outline:0; /* for browsers that understand */
  }	
 
.webNavlink {
	text-align:left;
	margin:auto auto auto 40px;
	vertical-align:top;
	}
	
  
#navcontainerb {
	margin: 0 auto;
	width: 100%;
	}

#navlistb {
width: 100%;
text-align: right;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlistb li
   {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
   }
	 
#navlistb a:active, #navlistb a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */
  }

#navcontainerc
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 100%;
}
 
#navlistc
{
width: 100%;
text-align: center;
/* centre the list */
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlistc li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

/* main top*/
#navlistc li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inherit;
}

#navcontainerRt
{
margin: 0 auto;
width: 100%;
text-align:right;
}

#tothesitecontainer
	{
	font-family: Arial,Sans-Serif;
	font-size:1.2em;
	width: 100%;
	margin: 0 auto;
	}

#tothesite
	{
	width: 100%;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
	}

#tothesite li
   {
	text-align: right;
	list-style-type: none;
	display: inline;
	margin: 0;
   }
	 
#tothesite a:active, #tothesite a:focus {
  /* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */
  }
  
.floatImageLeft { 	
	float:left;
	margin:10px 10px 10px 85px;
	border: thin #666666 ridge;
	text-decoration:none;
	border:none;
	}
	
.floatImageRight { 	
	float:right;
	border:none;
	margin:10px 20px 30px auto;
	}



.orangeText {
	color:#BF4E3D;
	font-weight:bold;
	}

.orangeTextlink {
	color:#BF4E3D;
	font-weight:bold;
	text-decoration:none;
	}
	 
.blueText {
	color:#00aeef;
	font-weight:bold;
	}