@media screen {
/* http://archivist.incutio.com/viewlist/css-discuss/50564 */

.salsa{
padding:0px;
margin:0px;

}
div{
margin:0px;
padding:0px;
}

address {
font-style: normal;
}

.salsa .content{
 margin:10px;
}


.salsa a{
	color:#004D76;
}
.salsa th {
font: bold 18px 100%;
color:#444; 
height: 25px;
border-bottom:#666 solid 1px;
text-align:left;
padding:5px 0 4px 3px;
}

.salsa p {
/*margin: 0 0 15px;
padding: 0;*/
margin: 10px 10px 5px 10px;
}
.salsa em{
	font-style:italic;
	text-decoration: none;
}

.salsa .formRow em {
font-style: normal;
text-decoration: underline;
}


.salsa li{
  list-style:none;
  clear:both;
  text-align:left;
}

.salsa label {
font: 11px Verdana;
color: #333;
display: inline;
margin: 3px 5px 3px 0px;
padding:0px;
float: left;
}

.checkbox {
font: 11px Verdana;
color: #333;
display: inline;
margin: 3px 5px 3px 0px;
padding:0px;
float: left;
}
.salsa .formRow {
clear: left;
float: none;
display: block;
padding-left:8px;
}
.salsa table {
   font-size: 12px !important;
}
.salsa table.timestamp{
	width:150;
}
.salsa .dateInput{
width:85px;
}
.salsa .timeInput{
	width:40px;
}

.salsa #map{
	width:70%;
	height:350px;
}

/*
h1.salsa {font: 2.2em/2em Arial, Helvetica, sans-serif ; font-weight:normal;
margin: 0px 0 0 0; text-transform:lowercase;}
h2.salsa {font: 1.8em/1.4em Arial, Helvetica, sans-serif ; font-weight:normal;
margin: 12px 0 3px 0; text-transform:lowercase; clear:left;}
h3.salsa {font: 1.4em/1.3em Arial, Helvetica, sans-serif ; font-weight:normal; margin: 0 0 0 0; text-transform:lowercase; }
h4.salsa,.title {font: 1.4em/1.3em Arial, Helvetica, sans-serif ; font-weight:normal; margin: 3px 0 0 0;  }
*/

.salsa input,.salsa select,.salsa textarea {
	margin: 2px 5px 5px 0;
	clear: left;
	border: 1px solid #666;
}

.salsa input[type=text]{
	width: 205px; /*was 185*/
	clear:left;
}
.salsa input[type=hidden] {
	display: none;
	visibility: hidden;
}

.salsa input.wide{
	width: 350px;
	display:block;
}

.salsa textarea{
	width:360px;
	height: 360px;
	font-size: 12px;
}



.salsa .input3{width: 35px;}
.salsa .input5{width: 55px;}


.salsa .error,.salsa .success {
padding: 3px 0 0 5px;
margin:3px;
text-align:center;
font-size:1.1em;
}
.salsa .error{
margin-left:auto;
margin-right:auto;
background: #FFDDDD;
color: #C00;
border:solid #e8a6a6;
border-width:1px 0px 1px 0px;
width:40%;
}

.salsa .success{
border: solid #9AD357;
border-width: 1px 0px 1px 0px;
background: #F1FFE9;
color: #3AD307;
}

.salsa .message {
line-height: 1.2em;
padding:5px;
border:solid #333366;
border-width:1px 0px 1px 0px;
clear:both;
margin-left: auto; 
margin-right: auto;
text-align: center;
background: #92E8DB;
color: #333366;
width:60%;
}

.activeSession {
z-index: 100;
position: fixed;
top: 0;
left: 0;
display: block;
line-height: 1.2em;
font-size: 12px;
padding: 5px 10px;
border:solid #000;
border-width: 0px 0px 1px 0px;
text-align: center;
background: #333;
color: #FFF;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
}
.salsa .activeSession a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

.salsa .error input, .salsa .error select, .salsa .error textarea{
background-color:#f9f9f9;
}

.salsa .errorText{font: bold 12px; color:red;}

.salsa .blockInput{
display:block;
}



.salsa span.key {
text-decoration: underline;
}

.salsa .cvv2{
	width:30px;
}

.salsa .radio{
	width:13px;
	border:1px solid grey;
	margin-bottom: 0px;
}

.salsa .checkbox, .salsa .checkbox input {
	display: inline;
	//not sure about this
	//position: absolute;
	width: auto;
}

.salsa input[type=hidden]{ display: none; visibility: hidden; }

.salsa button {
border: 1px solid #999;
display: block;
clear: both;
padding: 5px 5px 5px 25px;
cursor: hand;
background: #DDD url(/dia/api/img/email_go.png) no-repeat 5px center;
line-height: 16px;
}
.salsa button:hover {
border: 1px solid #6fa53d;
background: #c4e5a7 url(/dia/api/img/email_go.png) no-repeat 5px center;
}


.salsa span.required {
color: #C00;
font-weight: normal;
font-size: 12px;
line-height: 10px;
}

.salsa li.media{
  float:left;
  display:inline;
  list-style:none;
  padding:6px;
  margin:2px;
  width:160px;
  height:100px;
  position:relative;
  border:1px solid #CCC;
  line-height:1.3em;
  clear:none;
  font-size:12px;
  list-style-position:outside;
}

.salsa li.media input{
float:left;
clear:none;
}


.salsa .inline{
display:inline;
}

.salsa .step2{
 width:100%;
 clear:left;
}
.breaker{
width:100%;
clear:both;
}
#LogoutTab{
float:right;
}

h1.salsa,h2.salsa,h3.salsa,h4.salsa, legend.salsa{
	color:#D70;
}


.salsa fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

.salsa fieldset.border{
	padding: 5px;
	font-size:12px;
	border: 1px solid grey;
}

.salsa legend {
/*	font-size: 1.3em;
	text-transform:lowercase;
	padding: 40px 20px;
	margin: 0px 0px -40px -10px;
	display: block; 
	text-indent: 0;
*/
}



.salsa .module{
	padding: 15px 20px;
	margin:0px;
	font-size:12px;
}
.salsa .search {
	padding: 5px 0 0 15px;
	margin:0px;
}

.salsa .module h2{padding:0;margin:0;
background:none;
line-height: normal;font-size: 16px;
}


.salsa .inline{
	display:inline;
	float:left;
}
.salsa .submit{
	float:none;
	display:block;
	width:120px;
	clear:both;
}

.salsa .search form, .salsa .search h3 {
margin: 5px 0 0;
padding 0;
}

.salsa .logincreate{
	float:left;
	padding:5px;
	margin:5px;
	text-align: center;
	width:300px;
}

.salsa .login{
	padding:5px;
	margin:5px;
	width:200px;
}
.salsa .login .formRow{
	width:110px;
}

.salsa .login input{
	width:100px;
}
.salsa .login input.checkbox{
width:15px;
}


.salsa .box .formRow{
	width:200px;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
}


.salsa .recipient{
	padding:10px;
	margin:5px;
}
.salsa .webformInfo{
	background: url('/dia/api/img/module.png') 0 0 no-repeat;
}
.salsa .results{}

.salsa .recipient h2{
	font-size: 1.5em;
	padding:0px;
	margin:0px;
	font-weight:normal;
	clear:both;
}
.salsa .recipient img{
	padding:5px;
	float:left;
}
.salsa .recipient .phone{
	font-weight:bold;
}

.salsa .webformInfo{
	padding:0px;
	margin:0px;
}



.salsa .event {
padding: 15px;
margin-bottom: 10px;
background: url('/dia/api/img/module.png') 0 0 no-repeat;
}
.salsa .date {
float: left;
border: 1px solid;
border-color: #feda62 #f2b641 #f2b641 #feda62;
background: #ffea8a;
text-align: center;
margin-right: 10px;
}

.salsa .day {
font-weight: bold;
font-size: .9em;
padding: 5px;
display: block;
color: #000;
border: solid #FFF;
border-width: 2px 2px 2px;
}
.salsa .time {
font-size: .9em;
display: block;
color: #333;
padding: 5px;
border: solid;
border-width: 0 2px 2px;
border-color: #FFF;
background: #CCC;
color: #333;
font-weight: bold;
}
.salsa .name {
font-size: 1.3em;
font-weight: bold;
}


.salsa .distance {
font-size: 1.2em;
color: #666;
}


.salsa .date .start, .salsa .date .end {
	text-align: left;
	letter-spacing: 1px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.salsa .event_view span.key {
	text-decoration: underline;
}
.salsa .event_view .full {
	clear: both;
	float: none;
	display: block;
}
.salsa .event_view .full input, .full select {
	height:130px;
	width: 450px;
}
.salsa .event_view button.rsvp {
	border: 1px solid #999;
	display: block;
	clear: both;
	padding: 8px 15px;
	cursor: hand;
	background: #DDD;
	line-height: 16px;
}
.salsa .event_view button.rsvp:hover {
	border: 1px solid #6fa53d;
	background: #c4e5a7;
}

/* standard list style table */
.salsa table.adminlist {margin: 0px;padding: 1px;border: 1px solid #ccc;border-spacing: 0px;width: 100%;border-collapse: collapse;}
.salsa table.adminlist th, table.adminlist td{height: 12px;text-align: left;margin: 0px;padding: 1px;}
.salsa #petitionContent {

	border:1px solid #FFF;
	background:#eee;
	padding:10px;
	font-size:.9em;
}

.salsa #petitionContent h4{
text-align:center;
}

.salsa #Letter_Content{
	border:1px solid #aaa;
	background:#eee;
}
.salsa #Letter_Subject{
	margin:0px 5px 5px 0;
	background:#eee;
}


.salsa #webformInput label{
	font-weight: bold;
	font-size:1.1em;
}
.salsa #sendMessage{
	border: 1px solid #999;
	display: block;
	clear: both;
	padding: 5px 5px 5px 25px;
	margin: 10px 9px;
	cursor: hand;
	background: #DDD url(/dia/api/img/email_go.png) no-repeat 5px center;
	line-height: 16px;
}

.salsa .sendMessage:hover {
	border: 1px solid #6fa53d;
	background: #c4e5a7 url(/dia/api/img/email_go.png) no-repeat 5px center;
}


.salsa .description{
}
.salsa .progressBar{
}

.salsa .item {
float: left;
display: block;
width: 30%;
padding-left: 10px;
}

.salsa .item img { 
/*width: 35%;*/
float: left;
padding-right: 10px;
}

.salsa .item h2 {
padding-bottom: 10px;
}


.caption { 
  margin: 0 0 0 0px;
  color: #666;
  font-size: 11px;

}

.salsa .securitySeal {clear: both;}


.salsa .chapterCaption {
  float: left;
  border: 1px solid;
  border-color: #feda62 #f2b641 #f2b641 #feda62;
  background: #ffea8a;
  text-align: center;
  margin-right: 10px;
}

#readeditimg img, #signsendimg img {
/*display: none;*/
}

div#readeditimg {
/*background-image: #ffcccc url(/dia/api/img/email_go.png) no-repeat 5px 4px;*/
}

.salsa .blog {
margin: 10px;
font-size: 12px;
}

html {
	background: #ecedef;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ecedef;
	text-align: center;
}
div#outer {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 797px;
/*total width is 797 */
	background-image: url(http://www.pluginamerica.org/images/bodyshade.gif);
	background-repeat: repeat-y;
	background-position: top right;
	background-color: White;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
div#inner {
	width: 781px;
/*total width is 783 */
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

table, tr, td {
	border-width: 0;
	padding: 0;
	margin: 0;
	/*border-collapse: separate;
*/
	border-spacing: 0;
	border-collapse: collapse;
}

.salsa td {
padding: 0 10px 0 10px;
}

/* if I need divs to fill vertically, I need to set the height. They won't grow */
#header1 {
	width: 780px; /* was 775 */
/*total width is 585 which is inner781-left196  was 580*/
	height: 84px; /* was 47 */
/*	float: right; */
	border-style: solid;
	border-width: 0 2px 2px 0;
	border-color: #369;
	/*background-image: url(http://www.pluginamerica.com/images/pia_name.gif);
*/
	background-repeat: no-repeat;
}
#footer {
	/*width: 775px;
/* was 780 */
	width: 100%;
	height: 19px;
	background-color: #036;
	font-size: 10px;
	color: White;
}
#footer td {
	padding: 4px;
}
#footer a {
	color: White;
}
a {
	color: #369;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
	/*
}
*/
p {
	color: Black;
	margin: 10px 10px 10px 10px;
	font-size: 13px;
}
h1 {
	color: Black;
	margin: 30px 10px 5px 10px;
	font-size: 18px;
	font-weight: 400;
	clear: both;
}
h2 {
	margin: 20px 10px 0 10px;
	color: #369;
	font-size: 14px;
}
/*h3 is used in web templates for the title*/
h3, h4 {
	margin: 15px 10px 0 10px;
	color: #369;
	clear: both;
}
h3 {
	font-size: 12px;
}

.salsa h3 {
margin: 20px 10px 10px 10px;
padding: 5px;
font-size: 18px;
color: Black;
/*background-color: Yellow;*/
}

h4 {
	font-size: 10px;
}
.amazon {
	float: right;
	margin: 10px;
	text-align: center;
}
#htmlcontent li {
	font-size: 12px;
}
div#htmlenclosure {
	color: Blue;
	font-size: 20px;
	margin: 10px 10px 30px 10px;
}
.amazon p {
	font-size: 10px;
	color: Blue;
	text-decoration: underline;
}
.youtube {
	margin: 10px;
}
img {
	border: none;
	/*display: inline;
*/
}
img#star {
	margin: 10px;
}
.floatleft {
	float: left;
	margin: 10px;
}
.floatright {
	float: right;
	margin: 10px;
}
#htmllatest {
	margin-top: 20px;
}
/* Social Bookmarking site buttons */
.social_bookmarks {
	font-family: arial, helvetica, sans-serif;
	margin-top: 7px;
	width: 100%;
	text-align: center;
}
.social_bookmarks span {
	margin-right: 5px;
	color: black;
	font-size: 10px;
}
/* the delicious and social-help rules help center align the bookmarks in IE on a Mac */
.delicious {
	margin-left: auto;
}
.social-help {
	margin-right: auto;
}
.social_bookmarks a {
	text-decoration: none;
}
.social_bookmarks a:link {
	color: black;
	font-size: 10px;
}
.social_bookmarks a:visited {
	color: black;
	font-size: 10px;
}
.social_bookmarks img {
	border: 0;
	margin-right: 2px;
}
.social_divider {
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 40px;
	height: 1px;
	color: Gray;
}
#breadcrumb, #siblings, .feed {
	font-size: 10px;
	color: #369;
	text-decoration: none;
	margin: 10px;
	clear: both;
	display: block;
}
/*.feed a {
	text-decoration: none;
}
*/
div.tagline {
	font-style: italic;
	font-size: 10px;
	margin: 0 10px 0 10px;
	text-decoration: none;
}
div.tagline a {
	color: #369;
}
#main {
	margin-top: 50px;
}
.icon {
	display: inline;
	margin-left: 10px;
}
ul#latest li {
	font-size: 11px;
	list-style-image: url( http://www.pluginamerica.org/podcasts/images/bullet_blue.png );
	font-style: italic;
}
/* menu.css */
#menu {
	position: relative;
	top: 0px;
	left: 0px;
	background: #369;
	padding: 0px;
	z-index: 2;
	width: 196px;
}
#menu a, #menu h2 {
	display: block;
	font: 14px/24px arial, helvetica, sans-serif;
	color: White;
	white-space: nowrap;
	text-indent: 5px;
	width: 196px;
}
#menu a {
	background: #369 repeat-x;
	color: White;
	text-indent: 5px;
	text-decoration: none
}
#menu a, #menu a:visited {
	text-indent: 5px;
	color: White;
}
#menu a:hover {
	color: White;
	text-indent: 5px;
	background: #28a repeat-x;
}
#menu a:active {
	color: White;
	text-indent: 5px;
	background: #28a repeat-x;
}
#menu h2 {
	color: White;
	background: #369 repeat-x;
	text-transform: uppercase;
	text-indent: 5px;
	margin: 0;
	padding: 0;
	width: 190px;
	font-style: normal;
	font-variant: normal;
	line-height: 16px;
	font-size: 10px;
	font-family: tahoma, helvetica, sans-serif
}
#menu li {
	list-style-type: none;
	background: #28a;
	text-indent: 5px;
	color: White;
}
#menu ul li {
	position: relative;
	text-indent: 5px;
	background: #28a;
	color: White;
}
#menu li ul {
	position: absolute;
	top: 0;
	text-indent: 5px;
	background: #28a;
	color: White;
	left: 196px;
	display: none;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li {
	float: left;
	height: 1%;
}
* html #menu ul li a {
	height: 1%;
}
/* End */
div#menu ul, #menu ul ul, div#menu ul ul ul {
	margin: 0;
	padding: 0;
	list-style-image: url('none');
	width: 190px
}
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {
	display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display: block;
}
/* Styling for Expand */
#menu a.x, #menu a.x:visited {
	text-indent: 5px;
	color: White;
	background: #369 repeat-x;
}
#menu a.x:hover {
	color: White;
	text-indent: 5px;
	background: #28a repeat-x;
}
#menu a.x:active {
	text-indent: 5px;
	color: White;
	background: #28a repeat-x;
}
/* end menu.css */
}
/* from http://www.alistapart.com/articles/goingtoprint/ */
@media print {
* {
	background: White;
	color: Black;
	font-size: 11pt;
}
a:after {
	content: " (" attr(href) ") ";
	font-size: 9pt;
/*was 90%*/
}
#main, #loop {
	float: none !important;
	width: auto;
	margin: 10pt;
	border: 0;
	background: transparent;
}
#menu, #breadcrumb, .social_divider, .social_bookmarks, .icon, #footer, #left {
	display: none;
}

}