

/* 1: BODY AND UNIVERSAL RESET
============================================================================ */


.bold {
	font-weight: bold;
}

a img {
 border: none;
}

* {margin: 0; padding: 0;} /* reset margin and padding for all elements */

li {
	list-style: none; /* removes the bullets from all unordered list */
} 


table {
	color: #000000;
	font: 12px Helvetica, Arial, sans-serif;  
	position: relative;
}

table.padded-table td { 
	padding-top:2px; 
	padding-right:4px; 
	padding-bottom:4px; 
	padding-left:4px; 
	}
	
/* LAYOUT */
/*
#indexBackground { 
	background-image: url('../images/background-index-body-fade.jpg');
	background-repeat: no-repeat; 
	background-position: 50% 0%;
	height: 1158px;
	margin-top: -8px;
}
*/

#sectionBackground, #indexBackground { 

	background-repeat: no-repeat; 
	background-position: 50% 0%;
	margin-top: -8px;
}

#sectionBackground #ceres, #indexBackground #ceres {
	background-image: url('../images/background-ceres.png');
	background-repeat: no-repeat;
	height: 729px;
	width: 750px;
	z-index:10;
	position: absolute;
	top: 150px;
	right: -150px;
	margin: 0px 0px 0px 525px;
}


#container { 
	width: 1025px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;	
}

#contentBase {
   background: url(../images/main-content-top.png) no-repeat top;
   margin: 0;
   padding-top: 18px;
   position: relative;
   width: 1025px;
   z-index: 30;
}
sup {
        font-size: 0.83em;
        vertical-align: super;
        line-height: 0;
    }
#contentBaseLayer {
   background: url(../images/background-main-content.png) repeat-y;
   margin: 0;
   padding-left: 17px; /* using padding if you need to create space/margins for the inner divs */
	position: relative;
}

body#section #sectionContainer {
   background: url(../images/background-holdcontent.png) repeat-y;
   position: relative;
   margin: 0;
   padding: 0;
}

#sidebar {
	float: left; /* put the nav in its spot */
	width: 211px; /* the actual width of this div, in standards-compliant browsers, or standards mode in IE will include the padding and border in addition to the width */
	padding: 0;   
	position: relative;
   margin-left: 1px;
	z-index: 99; /* this makes sure the dropdown nav items appear in front of all the other content */
}

#mainContent { 
	margin: 0 0 0 0px; /* left margin on this div element creates makes sure the column down the left side of the page stays */
	position: relative;
}

#holdContent { /* need this extra div to push the content down to accomodate the round corner */
	padding: 0 27px 5px 5px; /* padding is the space inside the div box and margin is the space outside the div box */
	position: relative;
}
/* /LAYOUT */

/* SIDEBAR */
#sidebar img { /* this makes the images in the side bar appear with the correct left margin. specific styles may be needed for other images */
	padding-left: 9px;
}


/** SIDEBAR NAV **/
#sidebar {
	font-weight: bold;
	font-size: 13px;
	position: relative;	
}

#sidebar a {
	color: #ffffff;
}

#sidebar ul { 
	background: url(../images/background-sidebar-nav-bottom.png) no-repeat bottom left;
	padding-bottom: 10px;	
}

#sidebar li {
	border-bottom: 1px solid #32669F;
}

#sidebar li.nosub {
  border-bottom: 1px solid #7C3800;
}

#sidebar li a {
	text-decoration: none;
	padding: 8px 0 8px 18px;
	background: url(../images/background-sidebar-nav.gif) repeat-y top left;
	display: block;
}

#sidebar li a:hover {
	background: #7d3f06 url(../images/background-sidebar-nav-on.gif) repeat-y top left;
	display: block;
}

#sidebar li#on a {
	background: #7d3f06 url(../images/background-sidebar-nav-on.gif) repeat-y top left;
	border-bottom: 1px solid #6C3100;
	padding-top: 3px;
	padding-left: 0;
	padding-bottom: 8px;
	padding-left: 18px;
	display: block;
}

#sidebar li#on a#showsub {
	background: #7d3f06 url(../images/background-sidebar-nav-sub-on.gif) no-repeat top left;	
	border-bottom: 0;
   padding: 8px 10px 0 18px;
	height: 26px;
	display: block;
}

#sidebar li#on #hidesub {
	background: #7d3f06 url(../images/background-sidebar-nav-hover-on.gif) repeat-y top left;	
	height: 23px;
	padding: 8px 10px 3px 18px;
	display: block;
}

#sidebar li.first { /* for the first link in the sidebar nav so we can have a rounded corner */
	/* background: url(../images/background-sidebar-top-item.png) no-repeat top left; */
	height: 32px;
   border-bottom: none;
	/* padding: 0 10px 0 18px; */
   margin-left: 18px;
	display: block;
}

#sidebar li.last {
	border-bottom: 0;
}

#sidebar li ul { /* nested ul will make a dynamic horizontal dropdown menu. http://www.alistapart.com/articles/horizdropdowns/ */	
	display: none;
}

#sidebar li ol {  
  background: #0D315B;
  font-size: 12px;
}

#sidebar li ol li {
  border-bottom: 0;
}

#sidebar li#on ol li a {
  background: 0;
  border-bottom: 0;
}

#sidebar li#on li.hassub a {
  padding-bottom: 2px;
}

#sidebar li#on li.hassub ol {
  padding-bottom: 10px;
}

#sidebar li#on li.hassub ol li a{
  font-size: 11px;
  padding-top: 0;
  padding-bottom: 0;
}
/** /SIDEBAR NAV **/

/** SEARCH BOX **/
#search { 
  position: relative;
  height: 32px;
  padding-top: 3px;
}

#search form {
   background: url(../images/bgSearch.png) no-repeat;
   position: relative;
	width: 195px;
}

#search #searchLabel {
	/* background: url(../images/background-searchlabel.png) no-repeat bottom;	 */
	height: 20px;
	float: left;
	width: 65px;
}

#search input {
   position: relative;   
   z-index: 100px;   
   border: none;
   background-color: #97c7fb
}

#search #searchfield { /* gives the search box a nice rounded corner look */
	/* background: url(../images/background-inputsearch.jpg) no-repeat; */
  background-color: #97c7fb
	border: none; /* hides the search box borders */
	width: 103px; /* makes sure the box isn't wider than our background image */
	height: 22px;
	float: left;
   margin-left: 5px;
   padding: 0 5px 0 5px;
}

#search #searchbtn {
	/* background: url(../images/background-searchbtn.png) no-repeat bottom; */
   background: none;
	border: none;
   cursor: pointer;
	height: 21px;	
   margin-left: 9px;
	width: 27px;   
}
/** /SEARCH BOX **/

#feedbackDialog {
	background: url(../images/background-feedback.png) no-repeat;
	height: 67px;
	float: left;
	margin-left: 15px;
	width: 181px;
}

#feedbackLabel {
	height: 67px; /* match feedbackDialog*/
	margin-left: 125px;
	width: 63px;
}

#feedbackLabel img {
	margin-top: 5px;
}
/* /SIDEBAR */

/* STRUCTURE */
#headerJPL {
	position: absolute;
	top: 2px;
	left: 18px;
	height: 75px;
	width: 1107px;
	z-index: 55;
}

#siteTitle {
   clear:both;
	height: 251px;
	width: 172px;   
	z-index:-100;
}

#siteTitle h2 { /* hides the H2 and replaces it with the pagetitle image */
   display: block;
	position: absolute;
	height: 251px; /* matches the div height so its easy to put out image on the bottom */
	width: 392px;
	background: transparent url(../images/sitetitle-dawn.png) no-repeat bottom;
	border: none;
	margin-left: 25px;
	text-decoration: none;
	text-indent: -9999px; /* moves the text waaaaaaay off screen */
	z-index: 50;
}

body#section #siteTitle {
	/*height: 171px;*/
}

/*body#section*/ #siteTitle h2 { /* hides the H2 and replaces it with the pagetitle image */
   height: 180px; /* matches the div height so its easy to put out image on the bottom */ 
   left: 10px;
   width: 392px;
}

body#index #dawn-spacecraft {
	background: url(../images/index-dawn-spacecraft2.png) no-repeat top right;
	position: absolute;
	top: 95px;
	right: 285px;
	height: 108px; /* make sure it's not so tall it overlaps the searchbox - that would break the searchbox */
	width: 567px;
	z-index: 100;
}

body#section #dawn-spacecraft, body#index #dawn-spacecraft {
	background: url(../images/section-dawn-spacecraft2.png) no-repeat;
	position: absolute;
	top: 5px;
	right: 680px;
	height: 444px; /* make sure it's not so tall it overlaps the searchbox - that would break the searchbox */
	width: 564px;
	z-index: 20;
}

#roundedBottomCorner {
	background: url(../images/main-content-bottom.png) no-repeat;
	height: 10px;
	width: 1025px;
	position: relative;
}

/** FOOTER **/
#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0 21px 0 16px; /* alignes the edges of the div with the div edges above it */
	background: url(../images/background_footer.png) repeat-x top left;
	height: 66px;
	position: relative;	
	text-align: center;
	border-radius: 5px;
}

#footer ul {
	position: relative;
	top: 20px;
	margin-left: 75px; /* pixel push our content */
}
#footer li {
	float: left;
	font-size: 12px;
	border-left: 1px solid #A28684;	
	position: relative;
}

#footer li.first {
	border: none;	
}

#footer li a {
	color: #A28684;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 0 20px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer img { /* positions the USA.gov image to the right spot */
	position: absolute;
	border: 0;
	top: 15px;
	left: 20px;
}

#footer #footerContact {
	color: #A28684;
	font-size: 11px;
	float: right;
}
/** /FOOTER **/
/* /STRUCTURE */

/* PAGE SPECIFIC */
/** HOMEPAGE **/
body#index #mainColumn {
	position: relative;
}

/** ARCHIVES **/
.archiveparagraph p {
    margin: 0px 0px -10px 0px;
	line-height: 1em;
	}

/* feature rotator styles */
body#index #featurerotator {
  border: 1px solid #7AC1EE;
  float: left;
  height: 394px;
  position: relative;
  width: 460px;  
}

body#index #featurerotator a {
  color: #ffffff;
}

body#index #featurerotator #featureimage {
  background: url(../images/bgFeatureRotatorPlaceHolder.jpg) no-repeat;
  height: 270px;
  width: 460px;
}

body#index #featurerotator #featuretitle {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  padding: 10px 10px 0 10px;  
}

body#index #featurerotator #featuretitle a { color: #97C8FF; }

body#index #featurerotator #featurecaption {
  padding: 10px 10px 0 10px;  
}

body#index #featurerotator #featureimglink {
  padding: 10px 10px 0 10px; }

body#index #featurerotator #captionBox {
  background: url(../images/bgFeatureRotatorCaption.jpg) no-repeat;
  bottom: 0px;
  height: 125px;
  position: absolute;
  width: 460px;
}
body#index #featurerotator #sscontrolBox {  
   position: absolute;
   width: 460px;
   top: 100px;
}

body#index #featurerotator #sscontrolBox a {
  background: url(../images/counterbg.png) no-repeat;
  color: #76879A;
  padding: 0 5px 0 3px;
  width: 10px;
  margin-left: 5px;
  text-decoration: none;  
}

body#index #featurerotator #SLIDE_play {
	background: url(../images/play.png) no-repeat;
	height: 14px;
	width: 14px;
	padding: 0;
	border: 0;
	position: relative;
}

body#index #featurerotator #SLIDE_pause {
	background: url(../images/pause.png) no-repeat;
	height: 14px;
	width: 14px;
	padding: 0;
	border: 0;
	position: relative;
}

body#index #featurerotator #sscontrolBox a.on {
  color: #BBC9D8;
}

body#index #featurerotator #sscontrolBox #sscontrolButton {  
   float: left;
   left: 300px;
   padding-right: 10px;
	position: relative;
}

body#index #featurerotator #sscontrolBox #featurecounter {
   position: relative;
   margin-left: 350px;
}
/* end feature rotator styles */

/* main feature styles */
body#index #mainfeaturesBox {
  background: url(../images/mainfeaturesbg.jpg) no-repeat;
  height: 376px;
  margin-left: 462px;
  padding: 10px;
  width: 280px;
}

body#index #mainfeaturesBox  a {
  color: #ffffff;
  text-decoration: none;
}

body#index #mainfeaturesBox #title {
  background: url(../images/mainfeaturestitle.png) no-repeat;
  height: 11px;
  width: 82px;
}

body#index #mainfeaturesBox .featurestory {  
  border-top: 1px solid #87A8CD;
  height:auto !important;
  padding-top: 4px;
  margin-top: 5px;
  overflow:auto;
  position:relative;
  width: 286px;  
}

body#index #mainfeaturesBox .featureimage {
  float: left;
  height: 64px;
  width: 76px;  
}

body#index #mainfeaturesBox .featuretitle {
  font-weight: bold;
}

body#index #mainfeaturesBox .featuretitle, body#index #mainfeaturesBox .featuretext {
  float: right;
  width: 200px;
}

.newfeature {
  color: #009;
  font-weight: bold;
  font-size: 11px;
}

body#index #mainfeaturesBox .featurestoryNav {
   bottom: 5px;
   cursor: pointer;
   position: absolute;
   right: 3px;
}
/* end main feature styles */

body#index #subColumn {
	padding: 10px 0 0 0;
	position: relative;
}

body#section #subColumn {
	padding: 10px 0 0 0;
	position: relative;
}

body#section #subColumned {
	padding: 10px 0 3px 0;
	position: relative;
}

body#index #subColumn #sectionOne {
	position: relative;
	float: left;
}

body#section #subColumn #sectionOne {
	position: relative;
	float: left;
}

body#index #subColumn #sectionTwo {
	margin-left: 467px;
	width: 85px;
	position: relative;
	height: 219px;
}

body#section #subColumn #sectionTwo {
	margin-left: 467px;
	width: 85px;
	position: relative;
}

#sectionTwo img {
	border-style: none;
}

body#index #subColumned #sectionTwoeducation {
	margin-left: 467px;
	width: 251px;
	position: relative;
}

body#section #subColumned #sectionTwoeducation {
	margin-left: 467px;
	width: 251px;
	position: relative;
}

body#index #subColumn #sectionTwoeducation {
	margin-left: 467px;
	width: 251px;
	position: relative;
}

body#section #subColumn #sectionTwoeducation {
	margin-left: 467px;
	width: 251px;
	position: relative;
}

body#index #topColumn {
	background: url(../images/background-bottomcolumn.gif) no-repeat;
	height: 70px;
	margin-bottom: 8px;
	margin-top: -5px;
	width: 760px;
	border: 1px solid #7AC1EE;
}

body#index #topColumn #quicklinks {
	background: url(../images/background-quicklinks.png) no-repeat;
	height: 14px;
	left: 25px;
	margin-top: 15px;
	position: absolute;
	width: 83px;	
}

body#index #topColumn #jump_menu1 {
	left: 25px;
	margin-top: 35px;
	position: absolute;
}

body#index #topColumn #jump_menu2 {
	left: 250px;
	margin-top: 35px;
	position: absolute;
}

body#index #topColumn #subscribeENews {
	background: url(../images/background-subscribe-enews.png) no-repeat;
	height: 10px;	
	margin-top: 40px;
	position: absolute;
	right: 270px;
	width: 129px;
}

body#index #topColumn #facebook {
	background: url(../images/facebook.png) no-repeat;
	height: 40px;	
	margin-top: 20px;
	position: absolute;
	right: 220px;
	width: 36px;
}

body#index #topColumn #twitter {
	background: url(../images/twitter.png) no-repeat;
	height: 40px;	
	margin-top: 20px;
	position: absolute;
	right: 175px;
	width: 36px;
}

body#index #topColumn #googleplus {
	background: url(../images/google-plus.png) no-repeat;
	height: 40px;	
	margin-top: 20px;
	position: absolute;
	right: 130px;
	width: 36px;
}

body#index #topColumn #youtube {
	background: url(../images/youtube.png) no-repeat;
	height: 40px;	
	margin-top: 20px;
	position: absolute;
	right: 85px;
	width: 36px;
}

body#index #topColumn #rss {
	background: url(../images/rss.png) no-repeat;
	height: 40px;	
	margin-top: 20px;
	position: absolute;
	right: 40px;
	width: 36px;
}


body#index #bottomColumn {
	background: url(../images/background-bottomcolumn.gif) no-repeat;
	height: 110px;
	margin-top: 5px;
	width: 763px;
}

body#index #bottomColumn #quicklinks {
	background: url(../images/background-quicklinks.png) no-repeat;
	height: 14px;
	left: 25px;
	margin-top: 30px;
	position: absolute;
	width: 83px;	
}

body#index #bottomColumn #jump_menu1 {
	left: 25px;
	margin-top: 55px;
	position: absolute;
}

body#index #bottomColumn #jump_menu2 {
	left: 250px;
	margin-top: 55px;
	position: absolute;
}

body#index #bottomColumn #subscribeENews {
	background: url(../images/background-subscribe-enews.png) no-repeat;
	height: 10px;	
	margin-top: 60px;
	position: absolute;
	right: 270px;
	width: 129px;
}

body#index #bottomColumn #facebook {
	background: url(../images/facebook.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute;
	right: 220px;
	width: 36px;
}

body#index #bottomColumn #twitter {
	background: url(../images/twitter.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute;
	right: 175px;
	width: 36px;
}

body#index #bottomColumn #googleplus {
	background: url(../images/google-plus.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute;
	right: 130px;
	width: 36px;
}

body#index #bottomColumn #youtube {
	background: url(../images/youtube.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute;
	right: 85px;
	width: 36px;
}

body#index #bottomColumn #rss {
	background: url(../images/rss.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute;
	right: 40px;
	width: 36px;
}

body#index #bottomColumn #rss2 {
	background: url(../images/rss.png) no-repeat;
	height: 40px;	
	margin-top: 40px;
	position: absolute top center;
	/*top: 95px;
	right: 40px;
	width: 36px;*/
	z-index: 100;
}


#SocialMedia #facebook {
	background: url(../images/facebook.png) no-repeat;
	height: 40px;	
	width: 46px;
}

#SocialMedia #twitter {
	background: url(../images/twitter.png) no-repeat;
	height: 40px;	
	width: 46px;
}

#SocialMedia #googleplus {
	background: url(../images/google-plus.png) no-repeat;
	height: 40px;	
	width: 46px;
}

#SocialMedia #youtube {
	background: url(../images/youtube.png) no-repeat;
	height: 40px;	
	width: 46px;
}
/*** countdown styles ***/
body#index #countdownBox {
	background: url(../images/background-countdownBox.png) no-repeat left;
	height: 220px;
	padding: 0 15px 0 15px;
	width: 266px;
}

body#index #countdownBox .first {
	padding-top: 15px;
}

body#index #countdownBox p {
	padding: 5px 0 5px 0;
}

body#index #countdownBox a {
	color: #D2AF5E;
	text-decoration: none;
}

body#index #countdownDayBox {
	background: url(../images/background-countdownDayBox.png) no-repeat left;	
	font-weight: bold;
	padding: 10px;
}

body#index #countdownDayBox #countdownText {
	margin-top: 10px;
}
/*** end countdown styles ***/


/*** education countdown-feature box styles ***/\

#countdownBoxEd {
	background: url(../images/background-countdownBox_Education.png) no-repeat left;
	height: 220px;
	padding: 0 15px 0 15px;
	width: 241px;
}

body#section .blueheader {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}


body#section .blue {
	padding: 10px;
	color: #5960bb;
	font-size: 10px;
	text-decoration: none;
}

#countdownDayBoxEd {
	background: url(../images/background-countdownDayBox.png) no-repeat left;	
	font-weight: bold;
	padding: 10px;
}

#countdownDayBoxEd #countdownText {
	margin-top: 10px;
}
/*** end education countdown-feature box styles ***/


/** EDUCATION **/

.education_container {
	margin: 0;
    padding: 10px 0px 12px 3px;
	overflow: hidden;
	font-size: 1em;
	height: 240px;
	width: 700px;
	background: #6e96c2;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

.education_container .block {
	padding: 2px;
	position: absolute;
	right: 40px;
	left: 320px;
	width: 390px;
}

.education_container .block p {
	padding-left: 6px;
	padding-right: 6px;
	margin: 3px;
	font-size: 13px;
}

/*** image flow styles ***/

body#index .imageflowFrame  {
	border: none;
	width: 462px;
	height: 219px;
}

body#section .imageflowFrame_Education  {
	border: none;
	width: 704px;
	height: 320px;
}

.imageflowFrame_Home  {
	border: none;
	width: 762px;
	height: 228px;
}

.imageflowFrameContainer  {
	height: 218px;
	margin-bottom: 30px;
}

body#section #contentRow .imageflowFrame_pages {
	border: none;
	width: 682px;
	height: 330px;
}

#contentRow p  {
	line-height: 1.6em;
}

#contentRow2 p  {
	line-height: 1.6em;
}

body#index .iframeContainer {
	border: none;
	position: relative;
}

body#section .iframeContainer {
	border: none;
	position: relative;
}

/*** end image flow styles ***/
/** /HOMEPAGE **/

/** TEAM PAGE CONTENT **/
img.teamthumbnail {
	height: 113px;
	width: 109px;
}
/** /TEAM PAGE CONTENT **/
/* /PAGE SPECIFIC */

/* ELEMENTS */
.itemtitle {
  color: #000000;
  font-weight: bold;
}

body#section #contentRow .photoThumbnail {
	float: left;
	width: 135px;
	margin: 0 10px 0 0;
	padding: 12px 0 8px 0;
	border: 0;
}

body#section #contentRow .itemTitle3 {
	color: #484141;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 13px;
	text-decoration:none;
}

body#section #contentRow .itemTitle3 a, 
body#section #contentRow .itemTitle3 a:visited {
	color: #0e60ac;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 13px;
	text-decoration:none;
}

.itemtitle2 {
	color: #484141;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	text-decoration:none;
}

.itemtitleSecondary {
  color: #666464;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 4px 0 2px 0;
  font-size: 12px;
}

.photoDescription {
  color: #000000;
  font-size: 11px;
  line-height: 16px;
}

.photoDescription2 {
  color: #000000;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.photoDescription3 {
  color: #000000;
  font-weight: regular;
  line-height: 150%;
}

.photoCredit {
  color: #333;
  font-style: italic;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 5px;
  padding: 3px 0 5px 0;
  font-size: 11px;
  line-height: 13px;
}

.photoCredit2 {
  color: #333;
  font-style: regular;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 5px;
  padding: 3px 0 5px 0;
  font-size: 11px;
  line-height: 13px;
}

.credit {
  color: #000000;
  font-weight: normal;
  padding-bottom: 5px;
}

.secondary {
  color: #4e4a4a;
  font-size: 11px;
  line-height: 13px;
  font-style: italic;
}

body#section .sectionTitle,
#contentRow .sectionTitle {
  font-size: 2.5em !important;
  margin-bottom: -8px !important;
  margin-left: 15px !important;
}

body#section #contentRow {
	background: #FFFFFF;
	color: #000000;  
	min-height: 750px;
	/*position: relative;*/
	padding: 15px 16px 15px 16px;
}

body#section #contentRow2 {
	background: #FFFFFF;
	color: #000000;  
	margin-left: 1px;
	position: relative;
	padding: 15px 15px 20px 16px;
}

/* for Internet Explorer */
/*\*/
* html body#section #contentRow {
   height: 750px;
}
/**/
body#section #contentRow p {
  padding: 0 0 10px 0;
}

body#section #contentRow2 p {
  padding: 0 0 10px 0;
}

body#section .pagetitleMajor {
  color: #9C3119;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

body#section .pagetitleSub {
  color: #000000; /*#D77935;*/
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.2em;
}

body#section .pagetitleSub2 {
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 0 10px 30px;
}

body#section .pagetitleMinor {
  color: #000000;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

body#section .subsectioncolorbar {
  background: url(../images/colorbarbg.png) no-repeat;
  height: 22px;
  position: relative;
  width: 730px;
}

body#section .subsectioncolorbar .title {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;  
  left: 10px;
  position: absolute;
  top: 3px;
}

body#section .subsectioncolorbar .link {  
  font-weight: bold;
  right: 10px;
  position: absolute;
  top: 3px;
}

body#section .pagesectiontitle {
  color: #9C3119;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

.pagesectiontitle2 {
  color: #bb6130;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 0 4px 0;
}

body#section .pagesectiontitle3 {
  color: #006699;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  padding: 16px 0 4px 0;
}

body#section .pagesectiontitle4 {
  color: #006699;
  font-size: 1.5em;
  font-weight: bold;
  padding: 4px 0 0px 0;
}

body#section .pagesectiontitle5 {
  color: #006699;
  font-size: 1.5em;
  font-weight: bold;
  padding: 1px 0 4px 0;
}

body#section #contentRow a.bluelink2 {
  color: #3333ff;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

body#section #contentRow a.bluelink {
  color: #3333ff;
}

body#section #contentRow a.mmlink {
  color: #3333ff;
  padding-bottom: 5px;
}

body#section #contentRow .highlight {
  color: #3333ff;
}

body#section #contentRow .highlightsmall {
  color: #3333ff;
  font-size: 10px;
}


body#section #contentRow a.subindexlink {
  color: #3333ff;
}

body#section #contentRow a.subindexlink:hover {
  color: #3333ff;
}

.pagesectiontitle a {
  color: #9C3119;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

.subheader {
  color: #9C3119;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

/* reset h tag for styling existing content */
body#section #contentRow h1, 
body#section #contentRow h2, 
body#section #contentRow h3, 
body#section #contentRow h4 {
  font-weight: normal;
  font-size: 1em;
}


body#section  #contentRow ul  {
   padding-left: 20px;
   padding-right: 20px; 
}

body#section  #contentRow li {
   padding: 2px;
}

body#section  #contentRow ul li {
   list-style-position: outside;
   list-style-type: disc;
}

body#section  #contentRow ul li.nostyle {
   list-style: none;
} 

body#section  #contentRow ul.hlist li {
   display: inline;
}

body#section  #contentRow2 ul.hlist li {
   display: inline;
}

body#section #contentRow ol  li { 
   list-style: inside;
   list-style-type: decimal;
}

body#section  #contentRow a {
  color: #000000;
  text-decoration: none;
}

body#section #contentRow .autosize {
   display: table; 
   width: 1px;
}

body#section #contentRow .autosize > .ascontent {
   display: table-cell;
}


body#section #contentRow .imageBox {  
  background: #E0E0E0;
  border: 1px solid #C5C5C5;  
  padding: 5px;
  margin: 0px 0px 8px 10px;
  position: relative;  
}

body#section #contentRow .imageBoxLeft {  
  background: #E0E0E0;
  border: 1px solid #C5C5C5;  
  padding: 5px;
  margin: 0px 10px 8px 0px;
  position: relative;  
}

body#section #contentRow .imageBox2 {  
  background: #E0E0E0;
  border: 1px solid #C5C5C5;  
  padding: 5px;
  margin: 0px 0px 6px 0px;
  position: relative;  
}

body#section #contentRow .image {  
    float: right; 
    margin: 4px 4px 10px 10px; 
}

.fullImageText {  
  background: #E0E0E0;
  border: 1px solid #C5C5C5;
  float: right;
  width: 200px;
  padding: 5px 5px 10px 10px;
  margin: 0px 10px 10px 10px;
}

body#section #contentRow .imageBox p {
  padding: 0;
}

body#section #contentRow .imageBox .caption {
  color: #262626;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

body#section #contentRow .caption {
  color: #262626;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: 11px;
}

body#section #contentRow2 .caption {
  color: #262626;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: 11px;
}

body#section .content .captionSmall {
  font-family: Verdana, Geneva, sans-serif;
  color: #000;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: 11px;
  line-height: 15px;
}

body#section .content .captionSmallLight {
  font-family: Verdana, Geneva, sans-serif;
  color: #666;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
  font-size: 11px;
}

body#section .imageBox a {
  color: #00488B;
  font-weight: bold;
  text-decoration: none;
}

.minortext {
  color: #262626;
  font-family: Verdana, Geneva, sans-serif;
	line-height: 15px;
  text-align: left;
  font-size: 11px;
}

div.shadowBox {
   margin-top: 5px;
   margin-left: 0 auto;
   margin-right: 0 auto;
}


div.shadowBox .content {
  position: relative;
  padding: 0;
}


div.shadowBox .content img {
  border: 2px solid #ffffff;
}

div.shadowBox .content .caption {
	width: 166px;
}

/*
body#section div.shadowBox {
  position: relative;
  padding: 10px 0 10px 0;
  margin: 0;
}

body#section div.shadowBox .content {
  position: relative;
  background: url(../images/bgContentGrayInnerShadowBox.jpg) repeat-y;
  padding: 0;
}

body#section div.shadowBox .content img {
  border: 2px solid #ffffff;
}

body#section div.shadowBox .content .caption {
	width: 166px;
}

body#section div.shadowBox .header {
  background: url(../images/bgTopGrayInnerShadowBox.jpg) no-repeat bottom; 
   height: 9px;
   width: 730px;
  display:block;
  position: absolute;
  margin-top: 0;
  z-index: 1;
}

body#section div.shadowBox .footer {
   background: url(../images/bgBottomGrayInnerShadowBox.jpg) no-repeat top;
   height: 9px;
   display:block;
  position: absolute;
  bottom: 0;
}
*/
.box {
	position: relative;
	margin-bottom: 5px;
}

.colL {
	float: left;
	position: relative;
	z-index: 1;
}

.colL1 {
	float: left;
	position: relative;
	z-index: 2;
	width: 446px;
	padding-right: 34px;
}

.colL2 {
	float: left;
	position: relative;
	z-index: 1;
	width: 400px;
	padding-right: 12px;
}

.colR2 {	
	position: relative;
	float: right;
	width: 200px;
}

.colL-full {
	float: left;
	position: relative;
	z-index: 1;
	width: 700px;
	*height: 100%;
	background-color: #ffffff;
	padding-right: 12px;
}

.colL-full-2 {
	float: left;
	position:relative; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px;s
	width: 700px;
	margin-bottom: 200px;
	padding-right: 12px;
}

.column-third {
	width: 140px;
	float: left;
	padding: 0px 10px 10px 0px;
}

.floatLeft img{
	float: left;
	margin: 0px 0px 30px 0px;
}

.floatRight img {
	float: right;
	margin: 3px;
}

.colR {	
	position: relative;
}

.colRVesta {	
	position: relative;
	float: left;
	margin-top: -5px;
	z-index: auto;
	width: 232px;
}

.colRVesta2 {	
	position: absolute;
	right: 12px;
	top: 17px;
}

.colR3{	
	position: absolute;
	width: 255px;
	right: 15px;
	top: 0px;
}

.colRVesta p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.2em; 
}

.colRVesta .pagesectiontitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em; 
}

/** listem style **/
body#section #contentRow .listItems {
	padding-top: 5px;
	margin-bottom: 20px;
}

body#section #contentRow .listItems .item .itemImage {
	float: left;
	width: 132px;
	height: 101px;
}

body#section #contentRow .listItems .item .itemImage img {
	margin: 5px 5px 5px 5px;
}

body#section #contentRow .listItems .item .itemContent {
	float: right;
	width: 575px;
	padding-top:2px;
}

body#section #contentRow .listItems .item .itemContent .itemTitle, 
body#section #contentRow .listItems .item .itemContent .itemTitle a, 
body#section #contentRow .listItems .item .itemContent .itemTitle a:visited {
	color: #0e60ac;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 13px;
	text-decoration:none;
}

body#section #contentRow .listItems .item .itemContent .itemTitle a:hover {
	text-decoration: underline;
}

body#section #contentRow .listItems .item .itemContent .itemBlurb {
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 5px;

}

body#section #contentRow .listItems .itemDescription {
	color: #6a6868;
	font-weight: bold;
	font-size: 11px;
}

body#section #contentRow .listItems .item .itemContent .moreLink a, 
body#section #contentRow .listItems .item .itemContent .moreLink a:visited {
	font-size: 12px;
	color: #806220;
	text-decoration: none;
	width: 80px;
	display: block;
}

body#section #contentRow .listItems .item .itemContent .moreLink a:hover {
	text-decoration: underline;
}
/** /listem style **/

a.highlight {  
  color: #22609A;
}

.emphasis {  
  text-decoration: underline;
}

.centertext {  
  text-align: center;  
}

.positionleft {
  float: left;
}

.positionright {
  float: right;
}

.doubleminortopspacing {
  margin-top: 10px;
}

.doubleminorbottomspacing {
  margin-bottom: 10px;
}



.doubleminorrightspacing {
  margin-right: 10px;
}

.doubleminorleftspacing {
  margin-left: 10px;
}

.minortoppadding { 
  padding-top: 5px;
}

.minorbottompadding { 
  padding-bottom: 5px;
}

.doubleminortoppadding { 
  padding-top: 10px;
}

.doubleminorbottompadding { 
  padding-bottom: 10px;
}

.majorleftspacing {
	margin-left: 20px;
}

.colspacer {
	border: 0 !important;
	width: 2px;
	height: 1px;
}


/** IMAGE THICK BORDER **/

body#section #contentRow img.thickBorder {
  padding: 0;
  border: 8px solid #d77935;
}

/** NEWS **/

.news_container {
	margin: 0;
  padding: 0;
	overflow: hidden;
	font-size: 1em;
	width: 720px;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

.news_containeralt {
	margin: 0;
  padding: 0;
	overflow: hidden;
	font-size: 1em;
	width: 720px;
	background: #fffff;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

.news_container .block {
   position: relative;
	padding: 3px;
}

.news_container .block p {
	padding: 3px 0;
	margin: 3px 0;
}



/** BOOKMARK **/
body#index .bookmarkshare {	
	margin-left: 8px;
	padding-bottom: 10px;
}

body#section .bookmarkshare {
	margin-left: 630px !important; 
	margin-left: 620px;
	position: absolute;
	top: 5px;	
}
/** /BOOKMARK **/

/** POP-UP **/
a.popup {
	position: relative;
	z-index:200;
	cursor: pointer;	
	color: #3333ff;
}

a.popup span {
	position: absolute; 
	display: none;
	width: 125px;
	padding: 4px; 
	margin: 10px; 
	color: #AAA; 
	background: black;
	font: 10px Verdana, sans-serif; 
	text-align: center;
	left: -80px;
	top: 5px;	
	z-index:200;
}
/** END POP-UP **/

#nasalogo {
	position: absolute;
	top: 5px;
	left: 25px;
	width: 70px;
	height:70px;
	z-index: 50;	
}

#jpllogo {
	position: absolute;
	top: 15px;
	left: 100px;
	width: 275px;
	height: 50px;
	z-index: 50;	
}

.clearfloat {
	clear:both;
   height: 0;
}
/* ELEMENTS */


/* GOOGLE VESTA FIESTA FORM */

.g-doc,.g-doc-1024,.g-doc-800{
	font-size:130%}

.ss-base-body{
	font-size:.8em}

.ss-textarea{
	max-width:99%}

.ss-choice-item{
	margin:0;
	line-height:1.3em;
	padding-bottom:.5em;
	}
	
.ss-q-radio {
	margin-left: 17px;
}

.ss-form-entry input{vertical-align:middle;margin-top:0}

.g{color:#666}

.i{display:inline}

.ss-form-desc{
	font:inherit;
	width:99%;
	margin:0}

.ss-q-title{
	display:block;
	font-weight:bold}

.ss-q-help{
	display:block;
	color:#666;
	margin:.1em 0 .25em 0;
	font-weight: normal;
	font-size: 11px;
	}

.ss-q-long{
	max-width:90%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font:inherit;
	}

.ss-form-entry{
	margin-bottom:1.5em;
	zoom:1;
	}

.ss-choices{
	list-style:none;
	margin:.5em 0 0 0;
	padding:0}

.ss-powered-by{
	display:block;
	clear:left;
	color:#666;
	margin:1em 0.2em 0.2em}

.ss-powered-by a:link,.ss-powered-by a:visited{
	color:#666}

.ss-terms{
	display:block;
	clear:left;
	margin:1em 0.2em 0.2em}

.ss-required-asterisk{
	color:#c43b1d}

.ss-section-title{
	background-color:#eee;
	padding:0.4em;
	margin:2em -0.4em 0}

.ss-section-description{
	margin-top:0.5em}

.ss-no-ignore-whitespace{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	word-wrap:break-word}

.ss-page-title{
	margin:0;
	padding:0}

.ss-confirmation-header{
	font-size:140%;
	padding-bottom:1em}

.ss-gridnumbers{
	text-align:center;
	border-bottom:1px solid #d3d8d3}

.ss-gridnumber{
	display:block;padding:0.5em 0 .5em}

.ss-gridrow{
	text-align:center;
	color:#666;
	border-bottom:1px solid #d3d8d3;
	padding:.5em .25em}

.ss-grid-row-even{
	background-color:#fff}

.ss-grid-row-odd{
	background-color:#f2f2f2}

.ss-gridrow-leftlabel{
	padding:0 1em}

.ss-grideditor-columns input{
	line-height:150%}

.ss-grideditor-editor .ss-magiclist-ul span.ss-header{
	font-weight:bold;
	padding-right:1em}

.ss-grid .errorbox-component .errorbox-good,.ss-grid .errorbox-component .errorbox-bad{
	display:none}

.ss-scalenumbers{
	text-align:center}

.ss-scalenumber{
	display:block;
	padding:0.5em 0 .5em}

.ss-scalerow{
	text-align:center;
	color:#666;
	border:1px solid #d3d8d3;
	border-left:0;
	border-right:0;
	padding:.5em .25em}

td.ss-leftlabel{
	text-align:right;
	padding-left:0}
	
td.ss-rightlabel{
	text-align:left;
	padding-right:0}

.ss-response-cell{
	background-color:#fff;
	border:1px solid #ccc;
	padding:.1em .5em}

.ss-responses-header{
	background-color:#969696;
	color:#fff;
	padding:.2em .5em}

.ss-form-container{
	width:45em;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	padding:1em}

.ss-confirmation-banner{
	background-color:#ffff87}

.ss-old-form-response{
	background-color:#ffff3d;
	font-weight:bold}

.errorbox-bad{
	border:2px solid #c43b1d;
	background-color:#ffe6cc;
	padding:2px}

.errorheader{
	color:#c43b1d}

.ss-no-ignore-whitespace{
	*white-space:pre}

label.error {
	display: list-item;
	color: #ff0600;
	font-size: 12px;
	list-style-position: inside;
	padding: 5px 0 0;}
	
/* Page Numbering */

.pageNumbering {
	font: 11px Verdana, Arial, sans-serif;
	text-align: right;
	color: #808080;
	padding: 5px 8px 10px 0;
}

.pageNumberingL {
	font: 11px Verdana, Arial, sans-serif;
	color: #808080;
	padding: 5px 8px 20px 0;
}

/* Small Hyperlink */

.smallHyperlink {
	font: 11px Verdana, Arial, sans-serif;
	text-align: right;
	color: #808080;
	padding: 4px 4px 0px 0px;
}

/*Featured Quotes Box*/
.quotesBox{
	background:#e9e9e9;
	margin-top:10px;
	padding: 15px 15px 20px 15px;
	margin-bottom: 10px;
	width: 230px;
	align: right;
}
.quotesBox .pagesectiontitle { 
	color:#454545; 
	font-size:15px; 
	margin:0 0 5px 0; 
	padding:0;
}

.quotesBox .quoteDetail {
	padding: 30px 12px 15px 17px;
	background: #FFF url(/DawnCommunity/images/new-review-left.gif) no-repeat 3px 5px;
	line-height: 19px;
	margin-bottom: 10px;
}

.quotesBox .quoteDetail .quoteCredit {
	background:#FFF url(/DawnCommunity/images/new-review-right.gif) no-repeat right -10px;
	font-size:11px;
	padding-top:5px;
}
	
.roundCorner {
	-moz-border-radius: 8px;
}

/*Story Page*/
.quotesBoxFull{
	background:#e9e9e9;
	margin-top:10px;
	padding: 15px 15px 20px 15px;
	margin-bottom: 10px;
	width: 700px;
	align: right;
}
.quotesBoxFull .pagesectiontitle { 
	color:#454545; 
	font-size:15px; 
	margin:0 0 5px 0; 
	padding:0;
}

.quotesBoxFull .quoteDetail {
	padding: 30px 12px 15px 17px;
	background: #FFF url(/DawnCommunity/images/new-review-left.gif) no-repeat 3px 5px;
	line-height: 19px;
	margin-bottom: 10px;
}

.quotesBoxFull .quoteDetail .quoteCredit {
	background:#FFF url(/DawnCommunity/images/new-review-right.gif) no-repeat right -10px;
	font-size:11px;
	padding-top:5px;
}
	
.roundCorner {
	-moz-border-radius: 8px;
}

/* For Maximum Image Sizes */
.image_width_700 {
	max-width:700px;
    width: expression(this.width > 700 ? 700: true);
}

/* Education page Table*/

.tabular2 {
	padding: 4px 0px 4px 0px;
	margin-bottom: 14px;
	border-collapse:collapse;
}

.tabular2 p {
	padding: 4px 0px 0px 5px;
	font-size: 13px;
}

.tabular2 th {
	background: #0099cc;
	border: 1px solid #CCC;
	color: #fff;
	text-align:left;
	padding: 4px 0px 4px 10px;
	height: 20px;
	font-size: 11px;
}

.tabular2 th.center {
	background: #0099cc;
	border: 1px solid #CCC;
	color: #fff;
	text-align:center;
	padding: 4px 0px 4px 0px;
	height: 20px;
	font-size: 11px;
}

.tabular2 tbody td {
	background: #f4ce82;
	padding: 9px 6px 6px 10px;
	vertical-align: top;
	font-size: 12px;
	border: 1px solid #CCC;
}

.tabular2 tbody td.alt {
	background: #ffffff;
}

.tabular2 tbody td.altTitle {
	font-size: 12px;
	background: #ffffff;
}

.tabular2 tbody td.altTitle a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #006699;
}

.headerbar {
	background-image: url('../education/images/header-bar.png');
	background-repeat:no-repeat;
	height: 50px;
	width: 850px;
	position:relative;
    } 

.headerbar .headertext {
	position:absolute;
	top: 10px; /* in conjunction with left property, decides the text position */
	left: 10px;
	width: 100%;
	font-size: 16px;
}

.pagetitleSub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	padding: 0px 0px 0px 2px;
}
	
/*
	Vertical Accordion
*/

.accordion_toggle {
	display: block;
	height: 21px;
	width: 710px;
	background: url(/team/images/accordion_toggle.jpg) no-repeat center right #006699;
	padding: 3px 10px 4px 8px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #ffffff;
	border-bottom: 1px solid #8aa9bf;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(/team/images/accordion_toggle_active.jpg) no-repeat center right #8aa9bf;
	color: #006699;
	border-bottom: 1px solid #7498b2;
}

.accordion_content {
	color: #444444;
	width: 700px;
	overflow: hidden;
	display: none;
}
	
	.accordion_content h2 {
		margin: 14px 0 0 0px;
		color: #000000;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 0px 10px 0px 1px;
		font-size: 12px;
	}
	
	.accordion_content .content_header {
		font-family: Arial, Helvetica, "Verdana sans-serif";
		font-size: 13px;
		color: #006699; 
		font-weight: bold;
		padding: 12px 10px 0px 1px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(/team/images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(/team/images/images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}


	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
	#vertical_container {
		margin: 0 auto;
		}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	display: block;
	height: 100px;
	width: 30px;
	background: url(../team/images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(../team/images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
	.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
		
		
/* CSS-only buttons */

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family: "Times New Roman", Times, serif;
}

.awesome:hover							
	{ background-color: #111; color: #fff; }
	
.awesome:active							
	{ top: 1px; }
	
.small.awesome, .small.awesome:visited 			
	{ font-size: 11px; padding: ; }
	
.awesome, .awesome:visited,

.medium.awesome, .medium.awesome:visited 		
	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	
.large.awesome, .large.awesome:visited 			
	{ font-size: 14px; padding: 8px 14px 9px; }


.large.awesome, .large.awesome:visited { 
	font-size: 14px; 
	padding: 8px 14px 9px; 
}		

.orange.awesome, .orange.awesome:visited {
	background-color: #ff5c00; 
}

.orange.awesome:hover { 
	background-color: #d45500; 
}
			
			
/* Container styling*/

#containerAccordion {
	width: 710px;   
}

#horizontal_container {
	margin: 20px auto 20px auto;
	width: 680px;   
	height: 100px;    
}

#vertical_nested_container {
	margin: 20px auto 20px auto;
	width: 620px;
}

.leftAlignContent {
	margin: 10px 0px 10px -3px;
	text-align: left;
}

.rightAlignContent {
	margin: 10px -6px 16px auto;
	text-align: right;
}


/* Begin Hasta La Vesta Email Sign-up List Form */ 
#submit {
  color: #006699;
  font-weight: bold;
  font-size: 120%;
  text-transform: uppercase;
  padding: 5px;
}

.ss-q-short {
	width: 310px;
	height: 24px;
	border: 1px solid #CCC;
	background: #FFF;
	display: block;
	padding: 0px;
	margin-left: -1px;
}

.ss-q-other {
	width: 208px;
	height: 24px;
	border: 1px solid #CCC;
	background: #FFF;
}

.ss-q-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	line-height: 24px;
}

.entry2 {
	width: 300px;
	height: 24px;
	border: 2px solid #CCC;
	background: #FFF;
	color: #006699;
}

.entry3 {
	width: 300px;
	height: 24px;
	border: 1px solid #999;
	background: #FFF;
	color: #006699;
}

.simpleBorder {
	border-color: #FC9;
	border-style: solid;
	border-width: 1px;
	padding: 20px 23px;
	margin: 8px;
	box-shadow: 4px 4px 4px #d2d2d2; 
}

#commentForm {
	border: solid 1px #dfdcdc;
	padding-left: 16px;
	padding-bottom: 16px;
	margin-top: 6px;
}

.ss-required-asterisk {
	font-size: 11px;
}	

.ss-item li {
	list-style-type: none !important;
	line-height: 19px;
	margin-left: -14px;
	padding-left: 0px;
}


/* End Hasta La Vesta Email Sign-up List Form */




/*DOUG ADDITION 2/7/2014 for Google Custom Search*/
.gsc-resultsHeader {
display:none;
}

/*DOUG ADDITION 9/18/2014 for Footer Links*/
#footer a.footerLnkNew {
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}


/*DOUG ADDITION 3/16/2014 For Breadcrumb Nav*/




.nav {
	background: #333;
	
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	z-index: 100;
}

.nav li {
	

	float: left;
	width: auto;
	position: relative;
}



.nav li a {
	background: #333;
	color: #fff;
	display: block;
	padding: 7px 8px;
	text-decoration: none;
	border-top: 1px solid #069;
}

.nav li#on a {
	background: #e4e9ef;
	color: #000000;
}

.nav li a:hover {
	background: #e4e9ef;
	color: #000;
}

.nav li#on a:hover {
	color: #333;
}

/*=== submenu ===*/

.nav ul {
	display: none;
	position: absolute;
	margin-right: 0px;
	margin-top: -3px;
	list-style: none;
	padding: 0px;
	width: 250px;
	margin-left: -100%;
	z-index: 100;
}

.nav ul li {
	display: inline;
	width: 100%;
}

.nav ul a {
	display: block;
	height: auto;
	padding: 7px 8px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #222;
}

.nav ul li a:hover {
	
}

#container {
z-index: 10;

}




/*END DOUG ADDITION 3/16/2014*/