/* THIS IS WHERE YOU PUT YOUR CLIENT STYLE OVERRIDES FOR COLOR, ETC. */

/* THIS STYLESHEET WILL ONLY HAVE STYLE ATTRIBUTES WITHIN IT. TO APPLY SPECIFIC STYLES TO A CLIENT, MAKE A STYLE.CSS IN THE CLIENT STYLESHEETS DIRECTORY AND ADD IN YOUR DIVS AND CLASSES. IF THERE ARE ANY QUESTIONS, CONTACT A STYLE PERSON FOR ASSISTANCE */


body, body.webprogram {
	background: #f3f3f3;
	font-family: Helvetica,Arial,sans-serif;
	background-repeat: no-repeat;
	}
a:visited {
    color: #551A8B;
    text-decoration: none;
}

.wrap {
	background-color: transparent;
	}
	
/* Logo_topmenu section */

.logo {
	background-image: url('/img/sswr/webprogram/logo_2015.png');
	background-repeat: no-repeat;
	height: 100px;
	}
	
.logo_menu {
	background-color: #FFFFFF;
	}

.banner img {
    width: 100%;
	height: auto;
	}
.banner {
width: 100%;
height: auto;
 margin: 0; 
}

.topmenu {
	padding-top: 15px;
	width: auto;
	}
	
.topmenu li {
	display: inline;
	border-right: 1px solid black;
	padding-right: 5px;
}

.topmenu li a {
display: inline;
font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
padding: 3px;
font-size: .95em;
color: #444444;
}

.topmenu li a:hover {
	text-decoration: underline;
}

/*.topmenu li a:visited {
	color: #551A8B;
    text-decoration: none;
	}*/
	
.contact li a{
	color: #000000;
	}
	
.contact li a:visited{
	color: #000000;
	}

/* Header title section */
.headertop {
	background-image: url('../images/header1.jpg');
	color: #FFFFFF;
	width: 100%;
	height: 111px;
	text-align: left;
    text-indent: 8%;
    width: 100%;
	}
.subtitle {
	color:#003366;
}

.conference {
	font-size: 3.5em;
	}

.I {
		font-family: times, serif;
		color: #CCCC9D;
		}

.conftitle {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 4;
	width: 150px;
	}
		
/* Regular banner section */
.bannerimage {
	/*background-image: url('/img/sswr/webprogram/banner_2015.jpg');
	background-repeat: no-repeat;*/
	width: 100%;
	height: auto;
	}

/*.banner {
	height: 186px;
	}
*/	
.registration {
	color: #FFFF00;
    float: right;
    font-family: Veranda,Arial,Helvetica,san-serif;
    font-size: 2em;
    font-weight: bold;
    padding-top: 5px;
	}

.titlesection{
	padding-top: 60px;
	}
	
.title1 {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1.3em;
	line-height: 35px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-left: 10px;
	width: 500px;
		}
		
.title2 {
	background-color: #000000;
    color: #FFFFFF;
    font-size: 1.3em;
    line-height: 35px;
    margin-left: 40px;
    padding-left: 10px;
    width: 500px;
		}
		
/* Navigation and Sidebar */

.logo_menu {
	padding-top: 15px;
}

.navigation {
	background-color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0;
	margin: 15px 0 0 0;
	border-top: 5px solid #489306;
	border-bottom: none;
	}



.sidebar h5, .sidebar_priority h5 {
	background-color: #FFFFFF;
	color: #FF6600;
	}

/* Content */
.content {
	background-color: #FFFFFF;
	}

.sidebar h4, .sidebar_priority h3, .content h2  {
	background-color: #FFFFFF;
	color: #0066DD;
	font-size: 1.2em;
	}

.subtext {
		margin-top: 20px;
		}
	
.session .number {
	background-color: #FFFFFF;
	color: #FF662A;
	}
	
.item .itemnumber, .itemset .itemnumber {
    margin-right: 2em;	
	color: #FF662A;
	font-weight: bold;
	}

.client {
		font-size: 1.2em;
		}

/* Footer */

.footer {
	background-color: #00597A;
	color: #FFFFFF;
	height: 50px;
	text-align: center;
	border-top: 6px solid #489306;
	}

.footer p {
	display: inline-block;
	font-size: 13px;
	line-height: 50px;
	padding: 0 15px;
	color: #d3dde6;	
}

.bar {
	height: auto;
	background-color: #00597A;
	color: #FFFFFF;
	text-align: center;
	border-top: 6px solid #489306;
}


.container_12 {
	background-color: #fff;
}

.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus {
padding: 5px 10px;
font-weight: bold;
display: block;
color: #00597A;
text-decoration: none;
}

.navigation li {
	border: none;
}
 .navigation li a:hover {
 	background-color: #fff;
 	text-decoration: underline;
 }.


a:link {
color: #00597A;
text-decoration: none;
}

.start .header {
padding: 0.2em 0;
text-align: center;
font-weight: normal;
font-size: 1em;
margin: 0px;
background: #66CCFF;
}

 /* Sidebar */

 .sidebar_priority {
border: none;
background-color: #93C369;
color: #00597A;
margin: 0;
padding: 0 10px 10px;
text-align: left;
}
.sidebar_priority h5 {
	background-color: #93C369;
	color: #fff;
}

.sidebar {
border-top: solid 6px #b9972f;
background-color: #105194;
color: #fff;
margin: 0;
padding: 0 10px 10px;
text-align: left;
}
.sidebar h5 {
	background-color: #105194;
	color: #fff;
}

.sidebar a {
	color: #fff;
	text-decoration: underline;
}
		
/* Corrections for minimizing site */

/* Corrections for minimizing site */

html#range_3 .topmenu {
	font-size: .85em;
	}
	
html#range_2 .topmenu {
	font-size: .85em;
	}
	
html#range_1 .topmenu, html#range_0 .topmenu {
	display: none;
	}

html#range_0 .logo {
	background-image: url('../images/sswrlogo.gif');
	background-position: top right;
	background-repeat: no-repeat;
	height: 100px;
	}
	
html#range_0 .headertop{
	display: none;
	}

html#range_0 .bannerimage {
    display: none;
	}
	
html#range_0 .banner {
    background-image: url('../images/header1.jpg');
	background-repeat: no-repeat;
    border-bottom: 2px groove #666666;
    height: auto;
    margin: 0 -10px;
    min-height: 2em;
    padding: 0 0 10px;
	margin-right: 1%;
}
html#range_1 .banner img, html#range_1 .banner {
	width: 100%;
	height: auto;
}
html#range_0 .banner h1 {
    background-color: transparent;
	}

html#range_0 .banner h1 div.bannertitle {
		background-color: transparent;
		}
	
html#range_0 .item .itemnumber {
    background-color: #FFFFFF;	
	color: #FF662A;
	margin-top: 0.5em;
    text-indent: 1em;
	}

html#range_0 .item .itemtitle, html#range_0 .itemset .itemnumber {
    margin-left: 6em;
    }

html#range_0 .content {
	width: auto;
	}
	
html#range_0 .banner h1 {
	padding-top: 40px;
	margin-right: 20px;
	background: transparent;
	}
	
html#range_0 .banner {
    background-image: url('../images/header1.jpg');
    background-color: #2EA934;
    border-bottom: 2px groove #2EA934;
    }	
    
html#range_0 .banner h1 div.bannertitle {
    background: transparent
    }	

 /*  NAVIGATION BAR */
.bar ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
.bar ul li {
  font-weight: bold;
font-size: 13px;
display: inline-block;
margin-right: -4px;
position: relative;
padding: 17px 16px;
color: #fff;
background: #00597A;
cursor: pointer;
}

.bar ul li a {
	color: #fff;
}

.bar ul li:hover {
  background: #00597A;
  color: #e0c572;
  transition: all .3s ease-in;
}
.bar ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.bar ul li ul li { 
  background: #489306; 
  display: block; 
  border-right: 0;  
  border-bottom: solid 1px whitesmoke;  
  font-size: 1em;  
  margin: 0;  
  padding: 10px;  
  text-transform: none;  
  width: 100%;
}
.bar ul li ul li:hover { 
	background: #333; 
	}
.bar ul li:hover ul {
  display: block;
  visibility: visible;
   opacity: 1;
  transition-delay: 1s;
}	

.bar ul li ul li ul {
left: 170px;
top: 0px;
z-index: 999;
font-size: .95em;
}
.bar ul li ul li ul li {
visibility: hidden;
background-color: #b9972f;
}

.bar ul li ul li:hover ul li {
	visibility: visible;
}