
/****************************************
 * GENERAL STYLES 
 **************************************/

body.cfp {
	background: url('/img/gsa/CliffWalk.jpg') no-repeat fixed center center / cover  rgba(0, 0, 0, 0);
	background-color: #304a24;
	margin: 0 auto 20px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	text-align: center;
	}
		
a {
    color: #4792A5;
    text-decoration: underline;
}
a:visited {
    color: #4792A5;
    text-decoration: underline;
}
a:hover, #content a:focus, #content a:active {
    color: #F26C21;
    text-decoration: none;
}
#wrapper {
	background-color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
    width: 982px;}
	
.content {
	width: 90%;
	margin: 0 auto;
	}
	
.banner{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	}
	.banner img {
		display: inline-block;
		margin: 0 auto;
		width: 100%;
		height: auto;
		text-align: center;
		border: 0;
		}
	.banner-border {
		background-image: url('/img/gsa/border_2014am.jpg');
		background-color: #330065;
		background-repeat: no-repeat;
		height: 16px;
		margin-top: -5px;
		}
		.cfp.section .banner-border {
			margin-top: 0px;
			height: 18px;
			}
			.banner.prep {
				width: 960px;
				margin-left:auto;
				margin-right: auto;
				padding-bottom: 8px;
				}
				.banner.prep img {
					width: 100%;
					
					}
					.banner a, .banner a:visited, .banner a:hover, .banner a:focus {
						color: #FFFFFF;
						text-decoration: none;
						}
						.banner a img {
							border: 0;
							text-decoration: none;
							}
.meetingInfo {margin-top: 2em;}		
h3 {margin: 0px;}

.emphasis {
	color: #009966;
	}
#footer {
	font-size: .85em;
	}
/* Category Preparation */
.preparationsteps li {
	margin: 1em 0;
	}
	
.programinfo h3 {
	margin: 1em 0;
	}
	
	
.cfplogin {
	margin: 1em auto;
	width: 50%;
	}
	
.small {
	font-size: .9em;
	}
	
.wrapper {
	background-color: white;
	text-align: left;  }
	
p {
  font-size: 0.8em/1.4em;
  margin: .2em 0 .3em; }
  p#headlineText {
    font-size: 0.9em/1.4em; }



h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  }

h1 {
  margin: 0 -10px;
  padding: 0 10px 5px;
  text-align: left; 
  font: bold 1.3em Verdana, Arial, sans-serif;
  color: #C00;
}

h2 {
  font-weight: bold;
  font-size: 1.1em;
  margin: .2em 0;
  text-align: center; }


.small {
  font-size: .7em; }

ul {
  list-style-type: none; }

ol {
  list-style-type: decimal; }
  ol.noliststyle, ol li.noliststyle {
    list-style-type: none; }



/*****************************************
 * Navbar: Top Horizontal Navigation Bar
 ****************************************/
.navbar {
  background-color: #00675E;
  margin: 0 -10px 10px -10px;
  padding: 0; }
   .navbar.cfp {
	margin: 0;
	}
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: normal;
      font-size: 0.9em;
      float: left;
      margin: 0;
      /* divider between navigation items */
      border-right-color: #ccc;
      border-right-width: 1px;
      border-right-style: solid; }
      .navbar ul li a {
        color: #fff;
        display: block;
        margin: 0;
        padding: 5px 15px 3px; }
        .navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
          color: #fff;
          display: block;
          margin: 0;
          padding: 5px 15px 3px; }
        .navbar ul li a:hover {
          background-color: rgba(0, 0, 0, .5);
          color: #fff;
          text-decoration: underline; }
.navbar .addthis_toolbox {
		margin: 4px 0 3px 150px;
		float: right;
		width: 180px;
	}
	
/***************************************
 * Buttons 
 **************************************/
.login input.btn, .programinfo input.btn {
  color: #ccc;
  background-color: #000;
  border-top-color: #cccccc;
  border-left-color: #999999;
  border-right-color: #666666;
  border-bottom-color: #333333;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  cursor: hand;
  text-align: center;
  padding: 3px 5px;
  margin: 5px auto 0 auto;
  font-weight: bold; }

.programinfo input.btn {
  float: left;
  display: block;
  margin-right: 1em; }
  .programinfo input.btn:hover {
    background: #00A2ED;
    color: white; }
.login input.btn {
  border-top-color: #eee; }
.login input.btn:hover {
  background: #00A2ED;
  color: white; }
  

/*************************************************
 * Programinfo - Main top section, left column
 ************************************************/
.programinfo {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  margin: 10px 0;
  padding: 10px;
  /* the abstract max is floating next to the submit button, so in order to line up the text of both,
	 you'll need to make the top margin of this div equal to .programinfo input.btn top-padding + top-margin + top-border 
	 In this case that is 3+5+2=10px */ }
  .programinfo .beginsubmission {
    margin-bottom: 10px;
    margin: 10px -10px; }
  .programinfo h4.programtitle {
    font: bold 120% "Times New Roman", Times, serif;
	color: #012248;
	border-bottom: #999 solid 1px;
    padding: 3px 10px; }
    .programinfo h4.programtitle .deadline {
      font-weight: normal;
      font-style: italic; }
  .programinfo .beginsubmission h5 {
	margin-top: 1em;
	padding-top: 0.3em;
	border-top: 1px solid #ccc; }
  .programinfo .abstractmax {
    float: left;
    margin: 10px auto 0 auto; }
  .programinfo .special {
    clear: left;
    margin: 10px 10px 5px; }
  .programinfo ol {
    margin: 0 0 0 1.5em;
    padding: 0.5em 0; }
    .programinfo ol li h4 {
      margin: 0;
      padding: 0;
		}
    .programinfo ol li a {
		font: bold 120% "Times New Roman", Times, serif;
		color: black;
		border-bottom: 1px solid #666;
		margin: .5em 0;
		padding: 3px 0;
	  
	  }
    .programinfo ol li div {
      padding: 0 10px;
      margin: 0 0 1em 0; }
.programinfo .beginsubmission {
	text-align: center;
	margin: 0 auto;
}
.programinfo .beginsubmission form {
	margin: 20px auto 10px auto;
	text-align: left;
}

/****************************************
 * Expand / Collapse Steps
 ****************************************/

#steps {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
#steps li li {
  list-style-type: disc;
  margin: auto;
  padding: auto;
}
#steps a {
  text-decoration: none;
  display: inline-block;
} 
#steps .collapse a {
  display: inline; 
  padding: 0;
 }
#steps p.switch {
  padding: -1em 0 0.5em 0;
  margin: 0.3em 0;
  text-align: right; }
#steps div.collapse {
  margin: 0 0 10px 10px; }
#steps li h4 {
  width: 100%;
  background-color: #ccc;
  border-bottom: 1px solid #ccc; }
#steps .expand a {
  display: block;
  margin: 0 20px 10px 5px;
 }
  #steps .expand a:link, #steps .expand a:visited {
    background: url("/static/img/arrow-down.gif") 98% 50% no-repeat;
    }
  #steps .expand a:hover, #steps .expand a:active, #steps .expand a:focus {
    text-decoration: underline;
	background-color: #ccc;
    outline: 0 none; }
  #steps .expand a.open:link, #steps .expand a.open:visited {
    background: url("/static/img/arrow-up.gif") 98% 50% no-repeat;
    }
#steps p.switch a, #steps .collapse a {
	font-weight: normal;
	font-size: 1em;
	display: inline;
	background-color: transparent;
	border-color: none;
	border-width: 0; }
	
.programinfo ol#steps li a {
	border-bottom: none;
}
	
/******************************************************
 * Sidebar Section -- topsection right column with login
 *****************************************************/
.login, .sidebar {
  margin: 10px 0;
  padding: 0 10px 10px; }

.login {
  background-color: #eee; }

.sidebar {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid; }

.cfplogin label {
  float: left;
  margin: 5px 10px 0 0;
  clear: left;
  width: 30%; }

.cfplogin input {
  float: left;
  width: 40%; }

.cfplogin input.btn {
  clear: left;
  width: 30%;
  margin-left: 0; }

#footer {
	margin: 3em 0;
	}
/*.extrainfo, .footer {
  border-top-color: #094e9b;
  border-top-width: 4px;
  border-top-style: solid;
  padding-bottom: 10px; }

.extrainfo {
  background-color: #fff; }

.col1, .col2, .col3, .col4, .col5, .col6 {
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  padding: 10px; }

.extrainfo h3, .footer h3 {
  background-color: #e3e3e3;
  color: #094e9b;
  margin-top: -10px; }
*/
/* under footer and under page wrapper */
.legal {
  clear: both;
  margin: 10px; }
  .legal p {
    font-weight: bold;
    text-align: center; }
	
